@shipfox/client-workflows 0.2.0

package/dist/components/workflow-run-view/workflow-run-states.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/workflow-run-view/workflow-run-states.tsx"],"sourcesContent":["import type {QueryLoadErrorQuery} 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 {Skeleton} from '@shipfox/react-ui/skeleton';\nimport {Text} from '@shipfox/react-ui/typography';\n\nexport function WorkflowRunSkeleton() {\n  return (\n    <section\n      aria-label=\"Loading workflow run\"\n      className=\"border-b border-border-neutral-base bg-background-subtle-base px-16 py-12\"\n    >\n      <div className=\"flex min-w-0 flex-wrap items-center gap-x-12 gap-y-8\">\n        <div className=\"flex min-w-0 items-center gap-8\">\n          <Skeleton className=\"size-8 rounded-full\" />\n          <Skeleton className=\"h-24 w-180 rounded-6\" />\n        </div>\n        <Skeleton className=\"h-24 w-88 rounded-6\" />\n        <span\n          aria-hidden=\"true\"\n          className=\"hidden h-20 w-px shrink-0 bg-border-neutral-base sm:block\"\n        />\n        <Skeleton className=\"h-20 w-64 rounded-4\" />\n        <Skeleton className=\"h-20 w-112 rounded-4\" />\n        <span className=\"min-w-0 flex-1\" />\n        <Skeleton className=\"h-20 w-88 rounded-4\" />\n        <Skeleton className=\"h-20 w-88 rounded-4\" />\n      </div>\n    </section>\n  );\n}\n\nexport function WorkflowRunNotFound() {\n  return (\n    <EmptyState\n      icon=\"pulseLine\"\n      title=\"Run not found\"\n      description=\"This run does not exist or is no longer available.\"\n    />\n  );\n}\n\n/**\n * Slim non-blocking banner shown when a background refetch fails after the run already\n * loaded (active-run polling can hit a transient API error), so the loaded run stays on\n * screen with an inline retry instead of being wiped by a full error placeholder.\n */\nexport function WorkflowRunStaleError({query}: {query: QueryLoadErrorQuery}) {\n  return (\n    <div className=\"border-b border-border-neutral-base p-8\">\n      <Callout role=\"alert\" type=\"error\">\n        <div className=\"flex items-center justify-between gap-8\">\n          <Text size=\"xs\">Could not refresh this run.</Text>\n          <Button\n            type=\"button\"\n            size=\"2xs\"\n            variant=\"secondary\"\n            isLoading={query.isFetching}\n            onClick={() => {\n              void query.refetch();\n            }}\n          >\n            Retry\n          </Button>\n        </div>\n      </Callout>\n    </div>\n  );\n}\n"],"names":["Button","Callout","EmptyState","Skeleton","Text","WorkflowRunSkeleton","section","aria-label","className","div","span","aria-hidden","WorkflowRunNotFound","icon","title","description","WorkflowRunStaleError","query","role","type","size","variant","isLoading","isFetching","onClick","refetch"],"mappings":";AACA,SAAQA,MAAM,QAAO,2BAA2B;AAChD,SAAQC,OAAO,QAAO,4BAA4B;AAClD,SAAQC,UAAU,QAAO,gCAAgC;AACzD,SAAQC,QAAQ,QAAO,6BAA6B;AACpD,SAAQC,IAAI,QAAO,+BAA+B;AAElD,OAAO,SAASC;IACd,qBACE,KAACC;QACCC,cAAW;QACXC,WAAU;kBAEV,cAAA,MAACC;YAAID,WAAU;;8BACb,MAACC;oBAAID,WAAU;;sCACb,KAACL;4BAASK,WAAU;;sCACpB,KAACL;4BAASK,WAAU;;;;8BAEtB,KAACL;oBAASK,WAAU;;8BACpB,KAACE;oBACCC,eAAY;oBACZH,WAAU;;8BAEZ,KAACL;oBAASK,WAAU;;8BACpB,KAACL;oBAASK,WAAU;;8BACpB,KAACE;oBAAKF,WAAU;;8BAChB,KAACL;oBAASK,WAAU;;8BACpB,KAACL;oBAASK,WAAU;;;;;AAI5B;AAEA,OAAO,SAASI;IACd,qBACE,KAACV;QACCW,MAAK;QACLC,OAAM;QACNC,aAAY;;AAGlB;AAEA;;;;CAIC,GACD,OAAO,SAASC,sBAAsB,EAACC,KAAK,EAA+B;IACzE,qBACE,KAACR;QAAID,WAAU;kBACb,cAAA,KAACP;YAAQiB,MAAK;YAAQC,MAAK;sBACzB,cAAA,MAACV;gBAAID,WAAU;;kCACb,KAACJ;wBAAKgB,MAAK;kCAAK;;kCAChB,KAACpB;wBACCmB,MAAK;wBACLC,MAAK;wBACLC,SAAQ;wBACRC,WAAWL,MAAMM,UAAU;wBAC3BC,SAAS;4BACP,KAAKP,MAAMQ,OAAO;wBACpB;kCACD;;;;;;AAOX"}

package/dist/components/workflow-run-view/workflow-run-view.d.ts

@@ -0,0 +1,15 @@
+import { type WorkflowRunSelectionInput } from '#core/workflow-run-url-state.js';
+export interface WorkflowRunViewProps {
+    workspaceId: string;
+    projectId: string;
+    workflowRunId?: string | undefined;
+    selection?: WorkflowRunSelectionInput | undefined;
+    onSelectionChange?: ((selection: WorkflowRunSelectionInput) => void) | undefined;
+}
+/**
+ * Renders the run for `workflowRunId`, or a skeleton while `workflowRunId` is still unknown (the page is
+ * resolving which run to show) or the run is loading, so the page never branches on the
+ * loading state itself.
+ */
+export declare function WorkflowRunView({ workspaceId, projectId, workflowRunId, selection, onSelectionChange, }: WorkflowRunViewProps): import("react").JSX.Element;
+//# sourceMappingURL=workflow-run-view.d.ts.map

package/dist/components/workflow-run-view/workflow-run-view.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"workflow-run-view.d.ts","sourceRoot":"","sources":["../../../src/components/workflow-run-view/workflow-run-view.tsx"],"names":[],"mappings":"AAYA,OAAO,EACL,KAAK,yBAAyB,EAE/B,MAAM,iCAAiC,CAAC;AAsBzC,MAAM,WAAW,oBAAoB;IACnC,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,EAAE,MAAM,CAAC;IAClB,aAAa,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACnC,SAAS,CAAC,EAAE,yBAAyB,GAAG,SAAS,CAAC;IAClD,iBAAiB,CAAC,EAAE,CAAC,CAAC,SAAS,EAAE,yBAAyB,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;CAClF;AAED;;;;GAIG;AACH,wBAAgB,eAAe,CAAC,EAC9B,WAAW,EACX,SAAS,EACT,aAAa,EACb,SAAS,EACT,iBAAiB,GAClB,EAAE,oBAAoB,+BAkBtB"}

package/dist/components/workflow-run-view/workflow-run-view.js

@@ -0,0 +1,285 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { ApiError } from '@shipfox/client-api';
+import { QueryLoadError } from '@shipfox/client-ui';
+import { RelativeTimeProvider } from '@shipfox/react-ui/relative-time';
+import { toast } from '@shipfox/react-ui/toast';
+import { useNavigate } from '@tanstack/react-router';
+import { useEffect, useId, useRef, useState } from 'react';
+import { resolveJobExecution } from '#core/workflow-run.js';
+import { withoutWorkflowRunSelectionSearch } from '#core/workflow-run-url-state.js';
+import { useCancelWorkflowRunMutation, useRerunWorkflowRunMutation, useWorkflowRunAttemptQuery } from '#hooks/api/workflow-runs.js';
+import { JobGraph } from '../job-graph/index.js';
+import { WorkflowRunSummary } from '../workflow-run-summary/index.js';
+import { WorkflowSourcePanel } from '../workflow-source-panel/index.js';
+import { JobCard } from './job-card.js';
+import { resolveWorkflowRunSelection } from './workflow-run-selection.js';
+import { WorkflowRunNotFound, WorkflowRunSkeleton, WorkflowRunStaleError } from './workflow-run-states.js';
+/**
+ * Renders the run for `workflowRunId`, or a skeleton while `workflowRunId` is still unknown (the page is
+ * resolving which run to show) or the run is loading, so the page never branches on the
+ * loading state itself.
+ */ export function WorkflowRunView({ workspaceId, projectId, workflowRunId, selection, onSelectionChange }) {
+    const runQuery = useWorkflowRunAttemptQuery({
+        workflowRunId,
+        runAttempt: selection?.runAttempt
+    });
+    const rerunMutation = useRerunWorkflowRunMutation(projectId);
+    return /*#__PURE__*/ _jsx(RelativeTimeProvider, {
+        children: /*#__PURE__*/ _jsx("div", {
+            className: "flex min-h-0 min-w-0 flex-1 overflow-hidden",
+            children: /*#__PURE__*/ _jsx(RunViewContent, {
+                workspaceId: workspaceId,
+                projectId: projectId,
+                query: runQuery,
+                rerunMutation: rerunMutation,
+                selection: selection,
+                onSelectionChange: onSelectionChange
+            })
+        })
+    });
+}
+function RunViewContent({ workspaceId, projectId, query, rerunMutation, selection, onSelectionChange }) {
+    const navigate = useNavigate();
+    const [selectedJobId, setSelectedJobId] = useState();
+    const [selectedJobExecutionId, setSelectedJobExecutionId] = useState();
+    const [sourcePanelOpen, setSourcePanelOpen] = useState(false);
+    const [sourceFocus, setSourceFocus] = useState(null);
+    const sourcePanelId = useId();
+    const sourceButtonRef = useRef(null);
+    // The button that last opened the panel (summary or a step detail), so Escape /
+    // Close returns focus to whoever opened it.
+    const lastSourceTriggerRef = useRef(null);
+    const selectionControlled = selection !== undefined;
+    const sourceAvailable = query.data?.sourceSnapshot !== null && query.data?.sourceSnapshot !== undefined;
+    const cancelMutation = useCancelWorkflowRunMutation(query.data);
+    useEffect(()=>{
+        if (!sourceAvailable) {
+            setSourcePanelOpen(false);
+            setSourceFocus(null);
+        }
+    }, [
+        sourceAvailable
+    ]);
+    // If a refetch drops the focused step or its location, degrade to whole-workflow
+    // focus so the panel never points at an unmounted Source button.
+    useEffect(()=>{
+        if (!sourceFocus) return;
+        const stillLocated = query.data?.jobs.some((job)=>job.jobExecutions.some((execution)=>execution.steps.some((step)=>step.id === sourceFocus.stepId && step.sourceLocation)));
+        if (!stillLocated) {
+            setSourceFocus(null);
+            lastSourceTriggerRef.current = sourceButtonRef.current;
+        }
+    }, [
+        sourceFocus,
+        query.data
+    ]);
+    if (query.isPending) return /*#__PURE__*/ _jsx(WorkflowRunSkeleton, {});
+    // Only show the full error placeholder when nothing ever loaded. A refetch that fails after
+    // a prior success keeps the loaded run on screen (see below) instead of wiping the pane,
+    // since active-run polling can hit a transient API error.
+    if (query.isError && query.data === undefined) {
+        if (query.error instanceof ApiError && query.error.status === 404) {
+            return /*#__PURE__*/ _jsx(WorkflowRunNotFound, {});
+        }
+        return /*#__PURE__*/ _jsx(QueryLoadError, {
+            query: query,
+            subject: "workflow run",
+            icon: "pulseLine"
+        });
+    }
+    if (query.data === undefined) return /*#__PURE__*/ _jsx(WorkflowRunSkeleton, {});
+    const runData = query.data;
+    const resolvedSelection = selectionControlled ? resolveWorkflowRunSelection({
+        run: runData,
+        selection
+    }) : undefined;
+    const selectedJob = selectionControlled ? resolvedSelection?.job : runData.jobs.find((job)=>job.id === selectedJobId) ?? runData.jobs.at(0);
+    const selectedJobExecution = selectionControlled ? resolvedSelection?.jobExecution : selectedJob ? resolveJobExecution(selectedJob, selectedJobExecutionId) : undefined;
+    const selectedAttemptId = selectionControlled ? resolvedSelection?.selectedAttemptId ?? null : undefined;
+    // Explicit per-step focus wins; fall back to the URL-selected step so deep links
+    // still pre-highlight when the summary opens the whole-workflow source.
+    const highlightedLineRange = sourceFocus?.location ?? resolvedSelection?.step?.sourceLocation ?? null;
+    const sourceSnapshot = runData.sourceSnapshot;
+    async function rerun(mode) {
+        try {
+            const run = await rerunMutation.mutateAsync({
+                workflowRunId: runData.id,
+                mode
+            });
+            toast.success('Re-run started');
+            await navigate({
+                to: '/workspaces/$wid/projects/$pid/runs/$workflowRunId',
+                params: {
+                    wid: workspaceId,
+                    pid: projectId,
+                    workflowRunId: run.id
+                },
+                search: (previous)=>withoutWorkflowRunSelectionSearch(previous)
+            });
+        } catch (error) {
+            toast.error(error instanceof ApiError ? error.message : 'Could not start re-run');
+        }
+    }
+    function selectJob(jobId) {
+        if (!selectionControlled) {
+            setSelectedJobId(jobId);
+            setSelectedJobExecutionId(undefined);
+            return;
+        }
+        onSelectionChange?.(jobId ? {
+            jobId,
+            runAttempt: selection?.runAttempt
+        } : {
+            runAttempt: selection?.runAttempt
+        });
+    }
+    function selectJobExecution(jobExecutionId) {
+        if (!selectionControlled) {
+            setSelectedJobExecutionId(jobExecutionId);
+            return;
+        }
+        if (!selectedJob) return;
+        onSelectionChange?.({
+            jobId: selectedJob.id,
+            jobExecutionId,
+            runAttempt: selection?.runAttempt
+        });
+    }
+    function selectAttempt(attemptId) {
+        if (!selectionControlled || !selectedJob || !selectedJobExecution) return;
+        if (!attemptId) {
+            onSelectionChange?.({
+                jobId: selectedJob.id,
+                jobExecutionId: selectedJobExecution.id,
+                runAttempt: selection?.runAttempt
+            });
+            return;
+        }
+        const match = findAttemptSelection(selectedJobExecution, attemptId);
+        if (!match) return;
+        onSelectionChange?.({
+            jobId: selectedJob.id,
+            jobExecutionId: selectedJobExecution.id,
+            stepId: match.stepId,
+            stepAttemptId: match.attemptId,
+            runAttempt: selection?.runAttempt
+        });
+    }
+    function openWholeWorkflowSource() {
+        setSourceFocus(null);
+        lastSourceTriggerRef.current = sourceButtonRef.current;
+        setSourcePanelOpen(true);
+    }
+    function toggleWholeWorkflowSource() {
+        if (sourcePanelOpen && sourceFocus === null) {
+            closeSourcePanel();
+            return;
+        }
+        openWholeWorkflowSource();
+    }
+    function openStepSource(stepId, location, trigger) {
+        setSourceFocus({
+            stepId,
+            location
+        });
+        lastSourceTriggerRef.current = trigger;
+        setSourcePanelOpen(true);
+    }
+    function closeSourcePanel() {
+        const trigger = lastSourceTriggerRef.current;
+        const fallbackTrigger = sourceButtonRef.current;
+        setSourcePanelOpen(false);
+        // Defer so focus lands after the panel unmounts; clear the focus only after
+        // focusing so the opener button is still expanded (force-visible) on return.
+        window.setTimeout(()=>{
+            const focusTarget = trigger?.isConnected ? trigger : fallbackTrigger;
+            focusTarget?.focus();
+            setSourceFocus(null);
+        }, 0);
+    }
+    function cancelRun() {
+        cancelMutation.mutate(undefined, {
+            onError: (error)=>{
+                toast.error(cancelErrorMessage(error));
+            }
+        });
+    }
+    return /*#__PURE__*/ _jsxs(_Fragment, {
+        children: [
+            /*#__PURE__*/ _jsxs("div", {
+                className: "flex min-w-0 flex-1 flex-col",
+                children: [
+                    /*#__PURE__*/ _jsx(WorkflowRunSummary, {
+                        workspaceId: workspaceId,
+                        projectId: projectId,
+                        run: runData,
+                        sourceAvailable: sourceAvailable,
+                        sourceOpen: sourcePanelOpen && sourceFocus === null,
+                        sourcePanelId: sourcePanelId,
+                        sourceButtonRef: sourceButtonRef,
+                        onSourceToggle: toggleWholeWorkflowSource,
+                        cancelling: cancelMutation.isPending,
+                        onCancel: cancelRun,
+                        rerunPending: rerunMutation.isPending,
+                        onRerun: (mode)=>void rerun(mode),
+                        latestAttempt: runData.latestAttempt
+                    }),
+                    query.isError ? /*#__PURE__*/ _jsx(WorkflowRunStaleError, {
+                        query: query
+                    }) : null,
+                    /*#__PURE__*/ _jsx("div", {
+                        className: "min-h-0 flex-1 overflow-auto bg-background-neutral-base p-16",
+                        children: /*#__PURE__*/ _jsxs("div", {
+                            className: "mx-auto flex w-full max-w-[1280px] flex-col gap-16",
+                            children: [
+                                /*#__PURE__*/ _jsx(JobGraph, {
+                                    run: runData,
+                                    selectedJobId: selectedJob?.id,
+                                    onSelectedJobChange: selectJob
+                                }),
+                                selectedJob ? /*#__PURE__*/ _jsx(JobCard, {
+                                    workspaceId: workspaceId,
+                                    job: selectedJob,
+                                    selectedJobExecution: selectedJobExecution,
+                                    selectedAttemptId: selectedJob.carriedOver ? undefined : selectedAttemptId,
+                                    onSelectedJobExecutionChange: selectJobExecution,
+                                    onSelectedAttemptChange: selectionControlled ? selectAttempt : undefined,
+                                    sourcePanelId: sourcePanelId,
+                                    sourceAvailable: sourceAvailable,
+                                    focusedSourceStepId: sourceFocus?.stepId ?? null,
+                                    onOpenStepSource: openStepSource
+                                }) : null
+                            ]
+                        })
+                    })
+                ]
+            }),
+            /*#__PURE__*/ _jsx(WorkflowSourcePanel, {
+                id: sourcePanelId,
+                source: sourceSnapshot,
+                open: sourcePanelOpen && sourceAvailable,
+                onClose: closeSourcePanel,
+                highlightedLineRange: highlightedLineRange,
+                scrollHighlightedIntoView: true
+            })
+        ]
+    });
+}
+function cancelErrorMessage(error) {
+    if (error instanceof ApiError && error.code === 'run-already-finished') {
+        return 'This workflow run has already finished.';
+    }
+    return 'Could not cancel workflow run.';
+}
+function findAttemptSelection(jobExecution, attemptId) {
+    for (const step of jobExecution.steps){
+        const attempt = step.attempts.find((candidate)=>candidate.id === attemptId);
+        if (attempt) return {
+            stepId: step.id,
+            attemptId: attempt.id
+        };
+    }
+    return undefined;
+}
+
+//# sourceMappingURL=workflow-run-view.js.map

package/dist/components/workflow-run-view/workflow-run-view.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/workflow-run-view/workflow-run-view.tsx"],"sourcesContent":["import type {WorkflowRunRerunModeDto} from '@shipfox/api-workflows-dto';\nimport {ApiError} from '@shipfox/client-api';\nimport {QueryLoadError} from '@shipfox/client-ui';\nimport {RelativeTimeProvider} from '@shipfox/react-ui/relative-time';\nimport {toast} from '@shipfox/react-ui/toast';\nimport {useNavigate} from '@tanstack/react-router';\nimport {useEffect, useId, useRef, useState} from 'react';\nimport {\n  type JobExecution,\n  resolveJobExecution,\n  type StepSourceLocation,\n} from '#core/workflow-run.js';\nimport {\n  type WorkflowRunSelectionInput,\n  withoutWorkflowRunSelectionSearch,\n} from '#core/workflow-run-url-state.js';\nimport {\n  useCancelWorkflowRunMutation,\n  useRerunWorkflowRunMutation,\n  useWorkflowRunAttemptQuery,\n} from '#hooks/api/workflow-runs.js';\nimport {JobGraph} from '../job-graph/index.js';\nimport {WorkflowRunSummary} from '../workflow-run-summary/index.js';\nimport {WorkflowSourcePanel} from '../workflow-source-panel/index.js';\nimport {JobCard} from './job-card.js';\nimport {resolveWorkflowRunSelection} from './workflow-run-selection.js';\nimport {\n  WorkflowRunNotFound,\n  WorkflowRunSkeleton,\n  WorkflowRunStaleError,\n} from './workflow-run-states.js';\n\ninterface WorkflowSourceFocus {\n  stepId: string;\n  location: StepSourceLocation;\n}\n\nexport interface WorkflowRunViewProps {\n  workspaceId: string;\n  projectId: string;\n  workflowRunId?: string | undefined;\n  selection?: WorkflowRunSelectionInput | undefined;\n  onSelectionChange?: ((selection: WorkflowRunSelectionInput) => void) | undefined;\n}\n\n/**\n * Renders the run for `workflowRunId`, or a skeleton while `workflowRunId` is still unknown (the page is\n * resolving which run to show) or the run is loading, so the page never branches on the\n * loading state itself.\n */\nexport function WorkflowRunView({\n  workspaceId,\n  projectId,\n  workflowRunId,\n  selection,\n  onSelectionChange,\n}: WorkflowRunViewProps) {\n  const runQuery = useWorkflowRunAttemptQuery({workflowRunId, runAttempt: selection?.runAttempt});\n  const rerunMutation = useRerunWorkflowRunMutation(projectId);\n\n  return (\n    <RelativeTimeProvider>\n      <div className=\"flex min-h-0 min-w-0 flex-1 overflow-hidden\">\n        <RunViewContent\n          workspaceId={workspaceId}\n          projectId={projectId}\n          query={runQuery}\n          rerunMutation={rerunMutation}\n          selection={selection}\n          onSelectionChange={onSelectionChange}\n        />\n      </div>\n    </RelativeTimeProvider>\n  );\n}\n\nfunction RunViewContent({\n  workspaceId,\n  projectId,\n  query,\n  rerunMutation,\n  selection,\n  onSelectionChange,\n}: {\n  workspaceId: string;\n  projectId: string;\n  query: ReturnType<typeof useWorkflowRunAttemptQuery>;\n  rerunMutation: ReturnType<typeof useRerunWorkflowRunMutation>;\n  selection: WorkflowRunSelectionInput | undefined;\n  onSelectionChange: ((selection: WorkflowRunSelectionInput) => void) | undefined;\n}) {\n  const navigate = useNavigate();\n  const [selectedJobId, setSelectedJobId] = useState<string | undefined>();\n  const [selectedJobExecutionId, setSelectedJobExecutionId] = useState<string | undefined>();\n  const [sourcePanelOpen, setSourcePanelOpen] = useState(false);\n  const [sourceFocus, setSourceFocus] = useState<WorkflowSourceFocus | null>(null);\n  const sourcePanelId = useId();\n  const sourceButtonRef = useRef<HTMLButtonElement>(null);\n  // The button that last opened the panel (summary or a step detail), so Escape /\n  // Close returns focus to whoever opened it.\n  const lastSourceTriggerRef = useRef<HTMLButtonElement | null>(null);\n  const selectionControlled = selection !== undefined;\n  const sourceAvailable =\n    query.data?.sourceSnapshot !== null && query.data?.sourceSnapshot !== undefined;\n  const cancelMutation = useCancelWorkflowRunMutation(query.data);\n\n  useEffect(() => {\n    if (!sourceAvailable) {\n      setSourcePanelOpen(false);\n      setSourceFocus(null);\n    }\n  }, [sourceAvailable]);\n\n  // If a refetch drops the focused step or its location, degrade to whole-workflow\n  // focus so the panel never points at an unmounted Source button.\n  useEffect(() => {\n    if (!sourceFocus) return;\n    const stillLocated = query.data?.jobs.some((job) =>\n      job.jobExecutions.some((execution) =>\n        execution.steps.some((step) => step.id === sourceFocus.stepId && step.sourceLocation),\n      ),\n    );\n    if (!stillLocated) {\n      setSourceFocus(null);\n      lastSourceTriggerRef.current = sourceButtonRef.current;\n    }\n  }, [sourceFocus, query.data]);\n\n  if (query.isPending) return <WorkflowRunSkeleton />;\n\n  // Only show the full error placeholder when nothing ever loaded. A refetch that fails after\n  // a prior success keeps the loaded run on screen (see below) instead of wiping the pane,\n  // since active-run polling can hit a transient API error.\n  if (query.isError && query.data === undefined) {\n    if (query.error instanceof ApiError && query.error.status === 404) {\n      return <WorkflowRunNotFound />;\n    }\n    return <QueryLoadError query={query} subject=\"workflow run\" icon=\"pulseLine\" />;\n  }\n\n  if (query.data === undefined) return <WorkflowRunSkeleton />;\n\n  const runData = query.data;\n  const resolvedSelection = selectionControlled\n    ? resolveWorkflowRunSelection({run: runData, selection})\n    : undefined;\n  const selectedJob = selectionControlled\n    ? resolvedSelection?.job\n    : (runData.jobs.find((job) => job.id === selectedJobId) ?? runData.jobs.at(0));\n  const selectedJobExecution = selectionControlled\n    ? resolvedSelection?.jobExecution\n    : selectedJob\n      ? resolveJobExecution(selectedJob, selectedJobExecutionId)\n      : undefined;\n  const selectedAttemptId = selectionControlled\n    ? (resolvedSelection?.selectedAttemptId ?? null)\n    : undefined;\n  // Explicit per-step focus wins; fall back to the URL-selected step so deep links\n  // still pre-highlight when the summary opens the whole-workflow source.\n  const highlightedLineRange =\n    sourceFocus?.location ?? resolvedSelection?.step?.sourceLocation ?? null;\n  const sourceSnapshot = runData.sourceSnapshot;\n  async function rerun(mode: WorkflowRunRerunModeDto) {\n    try {\n      const run = await rerunMutation.mutateAsync({workflowRunId: runData.id, mode});\n      toast.success('Re-run started');\n      await navigate({\n        to: '/workspaces/$wid/projects/$pid/runs/$workflowRunId',\n        params: {wid: workspaceId, pid: projectId, workflowRunId: run.id},\n        search: ((previous: Record<string, unknown>) =>\n          withoutWorkflowRunSelectionSearch(previous)) as never,\n      });\n    } catch (error) {\n      toast.error(error instanceof ApiError ? error.message : 'Could not start re-run');\n    }\n  }\n\n  function selectJob(jobId: string | undefined) {\n    if (!selectionControlled) {\n      setSelectedJobId(jobId);\n      setSelectedJobExecutionId(undefined);\n      return;\n    }\n\n    onSelectionChange?.(\n      jobId ? {jobId, runAttempt: selection?.runAttempt} : {runAttempt: selection?.runAttempt},\n    );\n  }\n\n  function selectJobExecution(jobExecutionId: string | undefined) {\n    if (!selectionControlled) {\n      setSelectedJobExecutionId(jobExecutionId);\n      return;\n    }\n    if (!selectedJob) return;\n\n    onSelectionChange?.({\n      jobId: selectedJob.id,\n      jobExecutionId,\n      runAttempt: selection?.runAttempt,\n    });\n  }\n\n  function selectAttempt(attemptId: string | undefined) {\n    if (!selectionControlled || !selectedJob || !selectedJobExecution) return;\n\n    if (!attemptId) {\n      onSelectionChange?.({\n        jobId: selectedJob.id,\n        jobExecutionId: selectedJobExecution.id,\n        runAttempt: selection?.runAttempt,\n      });\n      return;\n    }\n\n    const match = findAttemptSelection(selectedJobExecution, attemptId);\n    if (!match) return;\n\n    onSelectionChange?.({\n      jobId: selectedJob.id,\n      jobExecutionId: selectedJobExecution.id,\n      stepId: match.stepId,\n      stepAttemptId: match.attemptId,\n      runAttempt: selection?.runAttempt,\n    });\n  }\n\n  function openWholeWorkflowSource() {\n    setSourceFocus(null);\n    lastSourceTriggerRef.current = sourceButtonRef.current;\n    setSourcePanelOpen(true);\n  }\n\n  function toggleWholeWorkflowSource() {\n    if (sourcePanelOpen && sourceFocus === null) {\n      closeSourcePanel();\n      return;\n    }\n    openWholeWorkflowSource();\n  }\n\n  function openStepSource(\n    stepId: string,\n    location: StepSourceLocation,\n    trigger: HTMLButtonElement | null,\n  ) {\n    setSourceFocus({stepId, location});\n    lastSourceTriggerRef.current = trigger;\n    setSourcePanelOpen(true);\n  }\n\n  function closeSourcePanel() {\n    const trigger = lastSourceTriggerRef.current;\n    const fallbackTrigger = sourceButtonRef.current;\n    setSourcePanelOpen(false);\n    // Defer so focus lands after the panel unmounts; clear the focus only after\n    // focusing so the opener button is still expanded (force-visible) on return.\n    window.setTimeout(() => {\n      const focusTarget = trigger?.isConnected ? trigger : fallbackTrigger;\n      focusTarget?.focus();\n      setSourceFocus(null);\n    }, 0);\n  }\n\n  function cancelRun() {\n    cancelMutation.mutate(undefined, {\n      onError: (error) => {\n        toast.error(cancelErrorMessage(error));\n      },\n    });\n  }\n\n  return (\n    <>\n      <div className=\"flex min-w-0 flex-1 flex-col\">\n        <WorkflowRunSummary\n          workspaceId={workspaceId}\n          projectId={projectId}\n          run={runData}\n          sourceAvailable={sourceAvailable}\n          sourceOpen={sourcePanelOpen && sourceFocus === null}\n          sourcePanelId={sourcePanelId}\n          sourceButtonRef={sourceButtonRef}\n          onSourceToggle={toggleWholeWorkflowSource}\n          cancelling={cancelMutation.isPending}\n          onCancel={cancelRun}\n          rerunPending={rerunMutation.isPending}\n          onRerun={(mode) => void rerun(mode)}\n          latestAttempt={runData.latestAttempt}\n        />\n        {query.isError ? <WorkflowRunStaleError query={query} /> : null}\n        <div className=\"min-h-0 flex-1 overflow-auto bg-background-neutral-base p-16\">\n          <div className=\"mx-auto flex w-full max-w-[1280px] flex-col gap-16\">\n            <JobGraph\n              run={runData}\n              selectedJobId={selectedJob?.id}\n              onSelectedJobChange={selectJob}\n            />\n            {selectedJob ? (\n              <JobCard\n                workspaceId={workspaceId}\n                job={selectedJob}\n                selectedJobExecution={selectedJobExecution}\n                selectedAttemptId={selectedJob.carriedOver ? undefined : selectedAttemptId}\n                onSelectedJobExecutionChange={selectJobExecution}\n                onSelectedAttemptChange={selectionControlled ? selectAttempt : undefined}\n                sourcePanelId={sourcePanelId}\n                sourceAvailable={sourceAvailable}\n                focusedSourceStepId={sourceFocus?.stepId ?? null}\n                onOpenStepSource={openStepSource}\n              />\n            ) : null}\n          </div>\n        </div>\n      </div>\n      <WorkflowSourcePanel\n        id={sourcePanelId}\n        source={sourceSnapshot}\n        open={sourcePanelOpen && sourceAvailable}\n        onClose={closeSourcePanel}\n        highlightedLineRange={highlightedLineRange}\n        scrollHighlightedIntoView\n      />\n    </>\n  );\n}\n\nfunction cancelErrorMessage(error: unknown): string {\n  if (error instanceof ApiError && error.code === 'run-already-finished') {\n    return 'This workflow run has already finished.';\n  }\n  return 'Could not cancel workflow run.';\n}\n\nfunction findAttemptSelection(jobExecution: JobExecution, attemptId: string) {\n  for (const step of jobExecution.steps) {\n    const attempt = step.attempts.find((candidate) => candidate.id === attemptId);\n    if (attempt) return {stepId: step.id, attemptId: attempt.id};\n  }\n  return undefined;\n}\n"],"names":["ApiError","QueryLoadError","RelativeTimeProvider","toast","useNavigate","useEffect","useId","useRef","useState","resolveJobExecution","withoutWorkflowRunSelectionSearch","useCancelWorkflowRunMutation","useRerunWorkflowRunMutation","useWorkflowRunAttemptQuery","JobGraph","WorkflowRunSummary","WorkflowSourcePanel","JobCard","resolveWorkflowRunSelection","WorkflowRunNotFound","WorkflowRunSkeleton","WorkflowRunStaleError","WorkflowRunView","workspaceId","projectId","workflowRunId","selection","onSelectionChange","runQuery","runAttempt","rerunMutation","div","className","RunViewContent","query","navigate","selectedJobId","setSelectedJobId","selectedJobExecutionId","setSelectedJobExecutionId","sourcePanelOpen","setSourcePanelOpen","sourceFocus","setSourceFocus","sourcePanelId","sourceButtonRef","lastSourceTriggerRef","selectionControlled","undefined","sourceAvailable","data","sourceSnapshot","cancelMutation","stillLocated","jobs","some","job","jobExecutions","execution","steps","step","id","stepId","sourceLocation","current","isPending","isError","error","status","subject","icon","runData","resolvedSelection","run","selectedJob","find","at","selectedJobExecution","jobExecution","selectedAttemptId","highlightedLineRange","location","rerun","mode","mutateAsync","success","to","params","wid","pid","search","previous","message","selectJob","jobId","selectJobExecution","jobExecutionId","selectAttempt","attemptId","match","findAttemptSelection","stepAttemptId","openWholeWorkflowSource","toggleWholeWorkflowSource","closeSourcePanel","openStepSource","trigger","fallbackTrigger","window","setTimeout","focusTarget","isConnected","focus","cancelRun","mutate","onError","cancelErrorMessage","sourceOpen","onSourceToggle","cancelling","onCancel","rerunPending","onRerun","latestAttempt","onSelectedJobChange","carriedOver","onSelectedJobExecutionChange","onSelectedAttemptChange","focusedSourceStepId","onOpenStepSource","source","open","onClose","scrollHighlightedIntoView","code","attempt","attempts","candidate"],"mappings":"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"}

package/dist/components/workflow-source-panel/index.d.ts

@@ -0,0 +1,2 @@
+export * from './workflow-source-panel.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/workflow-source-panel/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/workflow-source-panel/index.ts"],"names":[],"mappings":"AAAA,cAAc,4BAA4B,CAAC"}

package/dist/components/workflow-source-panel/index.js

@@ -0,0 +1,3 @@
+export * from './workflow-source-panel.js';
+
+//# sourceMappingURL=index.js.map

package/dist/components/workflow-source-panel/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/workflow-source-panel/index.ts"],"sourcesContent":["export * from './workflow-source-panel.js';\n"],"names":[],"mappings":"AAAA,cAAc,6BAA6B"}

package/dist/components/workflow-source-panel/workflow-source-panel.d.ts

@@ -0,0 +1,13 @@
+import { type CodeBlockHighlightedLineRange } from '@shipfox/react-ui/code-block';
+import type { WorkflowSourceSnapshot } from '#core/workflow-run.js';
+export interface WorkflowSourcePanelProps {
+    id: string;
+    source: WorkflowSourceSnapshot | null;
+    open: boolean;
+    onClose: () => void;
+    highlightedLineRange?: CodeBlockHighlightedLineRange | null | undefined;
+    scrollHighlightedIntoView?: boolean | undefined;
+    className?: string | undefined;
+}
+export declare function WorkflowSourcePanel({ id, source, open, onClose, highlightedLineRange, scrollHighlightedIntoView, className, }: WorkflowSourcePanelProps): import("react").JSX.Element | null;
+//# sourceMappingURL=workflow-source-panel.d.ts.map

package/dist/components/workflow-source-panel/workflow-source-panel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"workflow-source-panel.d.ts","sourceRoot":"","sources":["../../../src/components/workflow-source-panel/workflow-source-panel.tsx"],"names":[],"mappings":"AACA,OAAO,EAQL,KAAK,6BAA6B,EAEnC,MAAM,8BAA8B,CAAC;AAGtC,OAAO,KAAK,EAAC,sBAAsB,EAAC,MAAM,uBAAuB,CAAC;AAQlE,MAAM,WAAW,wBAAwB;IACvC,EAAE,EAAE,MAAM,CAAC;IACX,MAAM,EAAE,sBAAsB,GAAG,IAAI,CAAC;IACtC,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,oBAAoB,CAAC,EAAE,6BAA6B,GAAG,IAAI,GAAG,SAAS,CAAC;IACxE,yBAAyB,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAChD,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CAChC;AAED,wBAAgB,mBAAmB,CAAC,EAClC,EAAE,EACF,MAAM,EACN,IAAI,EACJ,OAAO,EACP,oBAAoB,EACpB,yBAAyB,EACzB,SAAS,GACV,EAAE,wBAAwB,sCAgC1B"}

package/dist/components/workflow-source-panel/workflow-source-panel.js

@@ -0,0 +1,91 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button } from '@shipfox/react-ui/button';
+import { CodeBlock, CodeBlockBody, CodeBlockContent, CodeBlockCopyButton, CodeBlockFilename, CodeBlockFiles, CodeBlockHeader, CodeBlockItem } from '@shipfox/react-ui/code-block';
+import { Sheet, SheetClose, SheetContent, SheetTitle } from '@shipfox/react-ui/sheet';
+import { cn } from '@shipfox/react-ui/utils';
+const WORKFLOW_SOURCE_FILENAME = 'workflow.yaml';
+const WORKFLOW_SOURCE_CODE_THEMES = {
+    light: 'vitesse-dark',
+    dark: 'vitesse-dark'
+};
+export function WorkflowSourcePanel({ id, source, open, onClose, highlightedLineRange, scrollHighlightedIntoView, className }) {
+    const sheetOpen = open && source !== null;
+    if (!sheetOpen) return null;
+    return /*#__PURE__*/ _jsx(Sheet, {
+        open: true,
+        onOpenChange: (nextOpen)=>{
+            if (!nextOpen) onClose();
+        },
+        children: source ? /*#__PURE__*/ _jsxs(SheetContent, {
+            id: id,
+            side: "right",
+            "aria-describedby": undefined,
+            className: cn('w-screen max-w-none border-l-0 bg-background-contrast-base p-0 shadow-none sm:w-[min(85vw,1120px)] sm:max-w-none [&_.shadow-separator-inset]:shadow-none', className),
+            children: [
+                /*#__PURE__*/ _jsx(SheetTitle, {
+                    className: "sr-only",
+                    children: "Workflow source"
+                }),
+                /*#__PURE__*/ _jsx(WorkflowSourcePanelContent, {
+                    source: source,
+                    highlightedLineRange: highlightedLineRange,
+                    scrollHighlightedIntoView: scrollHighlightedIntoView
+                })
+            ]
+        }) : null
+    });
+}
+function WorkflowSourcePanelContent({ source, highlightedLineRange, scrollHighlightedIntoView }) {
+    const data = [
+        {
+            language: 'yaml',
+            filename: WORKFLOW_SOURCE_FILENAME,
+            code: source.content
+        }
+    ];
+    return /*#__PURE__*/ _jsxs(CodeBlock, {
+        data: data,
+        className: "flex size-full flex-col rounded-none bg-background-contrast-base shadow-none",
+        children: [
+            /*#__PURE__*/ _jsxs(CodeBlockHeader, {
+                className: "shrink-0 border-b border-border-contrast-base bg-background-contrast-base",
+                children: [
+                    /*#__PURE__*/ _jsx(CodeBlockFiles, {
+                        children: (item)=>/*#__PURE__*/ _jsx(CodeBlockFilename, {
+                                value: item.filename,
+                                children: item.filename
+                            })
+                    }),
+                    /*#__PURE__*/ _jsx(CodeBlockCopyButton, {}),
+                    /*#__PURE__*/ _jsx(SheetClose, {
+                        asChild: true,
+                        children: /*#__PURE__*/ _jsx(Button, {
+                            type: "button",
+                            variant: "transparentMuted",
+                            size: "sm",
+                            iconLeft: "close",
+                            "aria-label": "Close source"
+                        })
+                    })
+                ]
+            }),
+            /*#__PURE__*/ _jsx(CodeBlockBody, {
+                className: "flex min-h-0 flex-1 overflow-auto scrollbar",
+                children: (item)=>/*#__PURE__*/ _jsx(CodeBlockItem, {
+                        value: item.filename,
+                        className: cn('min-h-full px-0 pb-0', '[&>div]:rounded-none [&>div]:border-0 [&>div]:bg-background-contrast-base [&>div]:dark:bg-background-contrast-base', '[&_code]:!text-sm [&_code]:!text-foreground-neutral-on-inverted [&_.line]:!text-sm [&_.line]:before:!text-sm [&_.line]:before:!text-foreground-neutral-muted'),
+                        children: /*#__PURE__*/ _jsx(CodeBlockContent, {
+                            language: "yaml",
+                            themes: WORKFLOW_SOURCE_CODE_THEMES,
+                            syntaxHighlighting: true,
+                            highlightedLineRange: highlightedLineRange,
+                            scrollHighlightedIntoView: scrollHighlightedIntoView,
+                            children: item.code
+                        })
+                    })
+            })
+        ]
+    });
+}
+
+//# sourceMappingURL=workflow-source-panel.js.map

package/dist/components/workflow-source-panel/workflow-source-panel.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/workflow-source-panel/workflow-source-panel.tsx"],"sourcesContent":["import {Button} from '@shipfox/react-ui/button';\nimport {\n  CodeBlock,\n  CodeBlockBody,\n  CodeBlockContent,\n  CodeBlockCopyButton,\n  CodeBlockFilename,\n  CodeBlockFiles,\n  CodeBlockHeader,\n  type CodeBlockHighlightedLineRange,\n  CodeBlockItem,\n} from '@shipfox/react-ui/code-block';\nimport {Sheet, SheetClose, SheetContent, SheetTitle} from '@shipfox/react-ui/sheet';\nimport {cn} from '@shipfox/react-ui/utils';\nimport type {WorkflowSourceSnapshot} from '#core/workflow-run.js';\n\nconst WORKFLOW_SOURCE_FILENAME = 'workflow.yaml';\nconst WORKFLOW_SOURCE_CODE_THEMES = {\n  light: 'vitesse-dark',\n  dark: 'vitesse-dark',\n};\n\nexport interface WorkflowSourcePanelProps {\n  id: string;\n  source: WorkflowSourceSnapshot | null;\n  open: boolean;\n  onClose: () => void;\n  highlightedLineRange?: CodeBlockHighlightedLineRange | null | undefined;\n  scrollHighlightedIntoView?: boolean | undefined;\n  className?: string | undefined;\n}\n\nexport function WorkflowSourcePanel({\n  id,\n  source,\n  open,\n  onClose,\n  highlightedLineRange,\n  scrollHighlightedIntoView,\n  className,\n}: WorkflowSourcePanelProps) {\n  const sheetOpen = open && source !== null;\n\n  if (!sheetOpen) return null;\n\n  return (\n    <Sheet\n      open\n      onOpenChange={(nextOpen) => {\n        if (!nextOpen) onClose();\n      }}\n    >\n      {source ? (\n        <SheetContent\n          id={id}\n          side=\"right\"\n          aria-describedby={undefined}\n          className={cn(\n            'w-screen max-w-none border-l-0 bg-background-contrast-base p-0 shadow-none sm:w-[min(85vw,1120px)] sm:max-w-none [&_.shadow-separator-inset]:shadow-none',\n            className,\n          )}\n        >\n          <SheetTitle className=\"sr-only\">Workflow source</SheetTitle>\n          <WorkflowSourcePanelContent\n            source={source}\n            highlightedLineRange={highlightedLineRange}\n            scrollHighlightedIntoView={scrollHighlightedIntoView}\n          />\n        </SheetContent>\n      ) : null}\n    </Sheet>\n  );\n}\n\nfunction WorkflowSourcePanelContent({\n  source,\n  highlightedLineRange,\n  scrollHighlightedIntoView,\n}: {\n  source: WorkflowSourceSnapshot;\n  highlightedLineRange: CodeBlockHighlightedLineRange | null | undefined;\n  scrollHighlightedIntoView: boolean | undefined;\n}) {\n  const data = [\n    {\n      language: 'yaml',\n      filename: WORKFLOW_SOURCE_FILENAME,\n      code: source.content,\n    },\n  ];\n\n  return (\n    <CodeBlock\n      data={data}\n      className=\"flex size-full flex-col rounded-none bg-background-contrast-base shadow-none\"\n    >\n      <CodeBlockHeader className=\"shrink-0 border-b border-border-contrast-base bg-background-contrast-base\">\n        <CodeBlockFiles>\n          {(item) => <CodeBlockFilename value={item.filename}>{item.filename}</CodeBlockFilename>}\n        </CodeBlockFiles>\n        <CodeBlockCopyButton />\n        <SheetClose asChild>\n          <Button\n            type=\"button\"\n            variant=\"transparentMuted\"\n            size=\"sm\"\n            iconLeft=\"close\"\n            aria-label=\"Close source\"\n          />\n        </SheetClose>\n      </CodeBlockHeader>\n      <CodeBlockBody className=\"flex min-h-0 flex-1 overflow-auto scrollbar\">\n        {(item) => (\n          <CodeBlockItem\n            value={item.filename}\n            className={cn(\n              'min-h-full px-0 pb-0',\n              '[&>div]:rounded-none [&>div]:border-0 [&>div]:bg-background-contrast-base [&>div]:dark:bg-background-contrast-base',\n              '[&_code]:!text-sm [&_code]:!text-foreground-neutral-on-inverted [&_.line]:!text-sm [&_.line]:before:!text-sm [&_.line]:before:!text-foreground-neutral-muted',\n            )}\n          >\n            <CodeBlockContent\n              language=\"yaml\"\n              themes={WORKFLOW_SOURCE_CODE_THEMES}\n              syntaxHighlighting\n              highlightedLineRange={highlightedLineRange}\n              scrollHighlightedIntoView={scrollHighlightedIntoView}\n            >\n              {item.code}\n            </CodeBlockContent>\n          </CodeBlockItem>\n        )}\n      </CodeBlockBody>\n    </CodeBlock>\n  );\n}\n"],"names":["Button","CodeBlock","CodeBlockBody","CodeBlockContent","CodeBlockCopyButton","CodeBlockFilename","CodeBlockFiles","CodeBlockHeader","CodeBlockItem","Sheet","SheetClose","SheetContent","SheetTitle","cn","WORKFLOW_SOURCE_FILENAME","WORKFLOW_SOURCE_CODE_THEMES","light","dark","WorkflowSourcePanel","id","source","open","onClose","highlightedLineRange","scrollHighlightedIntoView","className","sheetOpen","onOpenChange","nextOpen","side","aria-describedby","undefined","WorkflowSourcePanelContent","data","language","filename","code","content","item","value","asChild","type","variant","size","iconLeft","aria-label","themes","syntaxHighlighting"],"mappings":";AAAA,SAAQA,MAAM,QAAO,2BAA2B;AAChD,SACEC,SAAS,EACTC,aAAa,EACbC,gBAAgB,EAChBC,mBAAmB,EACnBC,iBAAiB,EACjBC,cAAc,EACdC,eAAe,EAEfC,aAAa,QACR,+BAA+B;AACtC,SAAQC,KAAK,EAAEC,UAAU,EAAEC,YAAY,EAAEC,UAAU,QAAO,0BAA0B;AACpF,SAAQC,EAAE,QAAO,0BAA0B;AAG3C,MAAMC,2BAA2B;AACjC,MAAMC,8BAA8B;IAClCC,OAAO;IACPC,MAAM;AACR;AAYA,OAAO,SAASC,oBAAoB,EAClCC,EAAE,EACFC,MAAM,EACNC,IAAI,EACJC,OAAO,EACPC,oBAAoB,EACpBC,yBAAyB,EACzBC,SAAS,EACgB;IACzB,MAAMC,YAAYL,QAAQD,WAAW;IAErC,IAAI,CAACM,WAAW,OAAO;IAEvB,qBACE,KAACjB;QACCY,IAAI;QACJM,cAAc,CAACC;YACb,IAAI,CAACA,UAAUN;QACjB;kBAECF,uBACC,MAACT;YACCQ,IAAIA;YACJU,MAAK;YACLC,oBAAkBC;YAClBN,WAAWZ,GACT,4JACAY;;8BAGF,KAACb;oBAAWa,WAAU;8BAAU;;8BAChC,KAACO;oBACCZ,QAAQA;oBACRG,sBAAsBA;oBACtBC,2BAA2BA;;;aAG7B;;AAGV;AAEA,SAASQ,2BAA2B,EAClCZ,MAAM,EACNG,oBAAoB,EACpBC,yBAAyB,EAK1B;IACC,MAAMS,OAAO;QACX;YACEC,UAAU;YACVC,UAAUrB;YACVsB,MAAMhB,OAAOiB,OAAO;QACtB;KACD;IAED,qBACE,MAACpC;QACCgC,MAAMA;QACNR,WAAU;;0BAEV,MAAClB;gBAAgBkB,WAAU;;kCACzB,KAACnB;kCACE,CAACgC,qBAAS,KAACjC;gCAAkBkC,OAAOD,KAAKH,QAAQ;0CAAGG,KAAKH,QAAQ;;;kCAEpE,KAAC/B;kCACD,KAACM;wBAAW8B,OAAO;kCACjB,cAAA,KAACxC;4BACCyC,MAAK;4BACLC,SAAQ;4BACRC,MAAK;4BACLC,UAAS;4BACTC,cAAW;;;;;0BAIjB,KAAC3C;gBAAcuB,WAAU;0BACtB,CAACa,qBACA,KAAC9B;wBACC+B,OAAOD,KAAKH,QAAQ;wBACpBV,WAAWZ,GACT,wBACA,sHACA;kCAGF,cAAA,KAACV;4BACC+B,UAAS;4BACTY,QAAQ/B;4BACRgC,kBAAkB;4BAClBxB,sBAAsBA;4BACtBC,2BAA2BA;sCAE1Bc,KAAKF,IAAI;;;;;;AAOxB"}

package/dist/components/workflow-status/status-visuals.d.ts

@@ -0,0 +1,12 @@
+import type { BadgeVariant } from '@shipfox/react-ui/badge';
+import type { DotVariant } from '@shipfox/react-ui/dot';
+import type { WorkflowStatus } from '#core/workflow-run.js';
+export type { WorkflowStatus };
+export interface WorkflowStatusVisual {
+    kind: WorkflowStatus;
+    label: string;
+    dot: DotVariant;
+    badge: BadgeVariant;
+}
+export declare function getWorkflowStatusVisual(status: WorkflowStatus): WorkflowStatusVisual;
+//# sourceMappingURL=status-visuals.d.ts.map

package/dist/components/workflow-status/status-visuals.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"status-visuals.d.ts","sourceRoot":"","sources":["../../../src/components/workflow-status/status-visuals.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,YAAY,EAAC,MAAM,yBAAyB,CAAC;AAC1D,OAAO,KAAK,EAAC,UAAU,EAAC,MAAM,uBAAuB,CAAC;AACtD,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,uBAAuB,CAAC;AAE1D,YAAY,EAAC,cAAc,EAAC,CAAC;AAE7B,MAAM,WAAW,oBAAoB;IACnC,IAAI,EAAE,cAAc,CAAC;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,EAAE,UAAU,CAAC;IAChB,KAAK,EAAE,YAAY,CAAC;CACrB;AAMD,wBAAgB,uBAAuB,CAAC,MAAM,EAAE,cAAc,GAAG,oBAAoB,CAkBpF"}

package/dist/components/workflow-status/status-visuals.js

@@ -0,0 +1,54 @@
+// The status -> visual mapping shared by the run-header pill (color + label) and
+// WorkflowStatusIcon (which renders the glyph per kind). The exhaustive switch turns any new
+// status the API grows into (DESIGN.md section 9) into a compile error; reserve the `warning`
+// tone for the queued/awaiting-* states when they land.
+export function getWorkflowStatusVisual(status) {
+    switch(status){
+        case 'pending':
+            return {
+                kind: 'pending',
+                label: 'Pending',
+                dot: 'neutral',
+                badge: 'neutral'
+            };
+        case 'running':
+            return {
+                kind: 'running',
+                label: 'Running',
+                dot: 'info',
+                badge: 'info'
+            };
+        case 'succeeded':
+            return {
+                kind: 'succeeded',
+                label: 'Succeeded',
+                dot: 'success',
+                badge: 'success'
+            };
+        case 'failed':
+            return {
+                kind: 'failed',
+                label: 'Failed',
+                dot: 'error',
+                badge: 'error'
+            };
+        case 'cancelled':
+            return {
+                kind: 'cancelled',
+                label: 'Cancelled',
+                dot: 'neutral',
+                badge: 'neutral'
+            };
+        case 'skipped':
+            return {
+                kind: 'skipped',
+                label: 'Skipped',
+                dot: 'neutral',
+                badge: 'neutral'
+            };
+    }
+    const exhaustive = status;
+    return exhaustive;
+}
+
+//# sourceMappingURL=status-visuals.js.map

package/dist/components/workflow-status/status-visuals.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/workflow-status/status-visuals.ts"],"sourcesContent":["import type {BadgeVariant} from '@shipfox/react-ui/badge';\nimport type {DotVariant} from '@shipfox/react-ui/dot';\nimport type {WorkflowStatus} from '#core/workflow-run.js';\n\nexport type {WorkflowStatus};\n\nexport interface WorkflowStatusVisual {\n  kind: WorkflowStatus;\n  label: string;\n  dot: DotVariant;\n  badge: BadgeVariant;\n}\n\n// The status -> visual mapping shared by the run-header pill (color + label) and\n// WorkflowStatusIcon (which renders the glyph per kind). The exhaustive switch turns any new\n// status the API grows into (DESIGN.md section 9) into a compile error; reserve the `warning`\n// tone for the queued/awaiting-* states when they land.\nexport function getWorkflowStatusVisual(status: WorkflowStatus): WorkflowStatusVisual {\n  switch (status) {\n    case 'pending':\n      return {kind: 'pending', label: 'Pending', dot: 'neutral', badge: 'neutral'};\n    case 'running':\n      return {kind: 'running', label: 'Running', dot: 'info', badge: 'info'};\n    case 'succeeded':\n      return {kind: 'succeeded', label: 'Succeeded', dot: 'success', badge: 'success'};\n    case 'failed':\n      return {kind: 'failed', label: 'Failed', dot: 'error', badge: 'error'};\n    case 'cancelled':\n      return {kind: 'cancelled', label: 'Cancelled', dot: 'neutral', badge: 'neutral'};\n    case 'skipped':\n      return {kind: 'skipped', label: 'Skipped', dot: 'neutral', badge: 'neutral'};\n  }\n\n  const exhaustive: never = status;\n  return exhaustive;\n}\n"],"names":["getWorkflowStatusVisual","status","kind","label","dot","badge","exhaustive"],"mappings":"AAaA,iFAAiF;AACjF,6FAA6F;AAC7F,8FAA8F;AAC9F,wDAAwD;AACxD,OAAO,SAASA,wBAAwBC,MAAsB;IAC5D,OAAQA;QACN,KAAK;YACH,OAAO;gBAACC,MAAM;gBAAWC,OAAO;gBAAWC,KAAK;gBAAWC,OAAO;YAAS;QAC7E,KAAK;YACH,OAAO;gBAACH,MAAM;gBAAWC,OAAO;gBAAWC,KAAK;gBAAQC,OAAO;YAAM;QACvE,KAAK;YACH,OAAO;gBAACH,MAAM;gBAAaC,OAAO;gBAAaC,KAAK;gBAAWC,OAAO;YAAS;QACjF,KAAK;YACH,OAAO;gBAACH,MAAM;gBAAUC,OAAO;gBAAUC,KAAK;gBAASC,OAAO;YAAO;QACvE,KAAK;YACH,OAAO;gBAACH,MAAM;gBAAaC,OAAO;gBAAaC,KAAK;gBAAWC,OAAO;YAAS;QACjF,KAAK;YACH,OAAO;gBAACH,MAAM;gBAAWC,OAAO;gBAAWC,KAAK;gBAAWC,OAAO;YAAS;IAC/E;IAEA,MAAMC,aAAoBL;IAC1B,OAAOK;AACT"}

package/dist/components/workflow-status/workflow-status-icon.d.ts

@@ -0,0 +1,22 @@
+import { type WorkflowStatus } from './status-visuals.js';
+export interface WorkflowStatusIconProps {
+    status: WorkflowStatus;
+    jobMode?: 'one_shot' | 'listening';
+    /** Optical diameter in px: 14 in the DAG node and run row. */
+    size?: number;
+    /** Pulsing halo for the running state. */
+    ripple?: boolean;
+    /**
+     * Wrap the indicator in a hover tooltip naming the status. Defaults on. Pass false where
+     * the status text is already visible next to it (the DAG node) to avoid a redundant tooltip.
+     */
+    tooltip?: boolean;
+    className?: string;
+}
+/**
+ * The job/run/step state indicator: an icon-in-circle glyph whose shape (not just color)
+ * names the state. Carries the status as its accessible name (`role="img"`) and, by default,
+ * a hover tooltip, so the state is reachable by pointer and assistive tech everywhere.
+ */
+export declare function WorkflowStatusIcon({ status, jobMode, size, ripple, tooltip, className, }: WorkflowStatusIconProps): import("react").JSX.Element;
+//# sourceMappingURL=workflow-status-icon.d.ts.map

package/dist/components/workflow-status/workflow-status-icon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"workflow-status-icon.d.ts","sourceRoot":"","sources":["../../../src/components/workflow-status/workflow-status-icon.tsx"],"names":[],"mappings":"AAKA,OAAO,EAA0B,KAAK,cAAc,EAAC,MAAM,qBAAqB,CAAC;AAyCjF,MAAM,WAAW,uBAAuB;IACtC,MAAM,EAAE,cAAc,CAAC;IACvB,OAAO,CAAC,EAAE,UAAU,GAAG,WAAW,CAAC;IACnC,8DAA8D;IAC9D,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,0CAA0C;IAC1C,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;GAIG;AACH,wBAAgB,kBAAkB,CAAC,EACjC,MAAM,EACN,OAAoB,EACpB,IAAS,EACT,MAAa,EACb,OAAc,EACd,SAAS,GACV,EAAE,uBAAuB,+BA6DzB"}