@shipfox/client-workflows 0.2.0

package/dist/components/workflow-run-view/job-execution-switcher.js

@@ -0,0 +1,171 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuLabel, DropdownMenuTrigger } from '@shipfox/react-ui/dropdown-menu';
+import { Icon } from '@shipfox/react-ui/icon';
+import { Text } from '@shipfox/react-ui/typography';
+import { cn } from '@shipfox/react-ui/utils';
+import { useMemo } from 'react';
+import { WorkflowStatusIcon } from '#components/workflow-status/workflow-status-icon.js';
+import { JobExecutionTimeText } from './job-execution-time-text.js';
+export function JobExecutionSwitcher({ job, selectedJobExecution, onSelectedJobExecutionChange, variant = 'compact', className }) {
+    const executions = useMemo(()=>[
+            ...job.jobExecutions
+        ].sort((left, right)=>right.sequence - left.sequence), [
+        job.jobExecutions
+    ]);
+    const selected = executions.find((jobExecution)=>jobExecution.id === selectedJobExecution) ?? executions[0] ?? null;
+    if (selected === null) return null;
+    if (!job.executionCountVisible) {
+        return /*#__PURE__*/ _jsx("div", {
+            className: cn('flex min-w-0 items-center gap-6 text-sm leading-20 text-foreground-neutral-subtle', className),
+            children: /*#__PURE__*/ _jsx(ExecutionSummary, {
+                execution: selected
+            })
+        });
+    }
+    return /*#__PURE__*/ _jsxs(DropdownMenu, {
+        children: [
+            /*#__PURE__*/ _jsxs(DropdownMenuTrigger, {
+                className: cn('inline-flex min-w-0 max-w-full items-center rounded-6 text-left transition-colors focus-visible:shadow-border-interactive-with-active focus-visible:outline-none', variant === 'title' ? '-mx-6 -my-4 gap-8 px-6 py-4 hover:bg-background-components-hover' : 'min-h-28 gap-6 px-8 py-4 text-sm leading-20 text-foreground-neutral-subtle hover:bg-background-components-hover', className),
+                "aria-label": `Switch job execution, currently execution ${selected.sequence}`,
+                children: [
+                    variant === 'title' ? /*#__PURE__*/ _jsx(TitleExecutionSummary, {
+                        job: job,
+                        execution: selected
+                    }) : /*#__PURE__*/ _jsx(ExecutionSummary, {
+                        execution: selected
+                    }),
+                    /*#__PURE__*/ _jsx(Icon, {
+                        name: "arrowDownSLine",
+                        className: "size-14 shrink-0 text-foreground-neutral-muted"
+                    })
+                ]
+            }),
+            /*#__PURE__*/ _jsxs(DropdownMenuContent, {
+                align: "start",
+                size: "lg",
+                className: "max-h-[320px] overflow-y-auto",
+                children: [
+                    /*#__PURE__*/ _jsxs(DropdownMenuLabel, {
+                        children: [
+                            executions.length,
+                            " execution",
+                            executions.length === 1 ? '' : 's'
+                        ]
+                    }),
+                    executions.map((jobExecution)=>{
+                        const isSelected = jobExecution.id === selected.id;
+                        return /*#__PURE__*/ _jsx(DropdownMenuItem, {
+                            asChild: true,
+                            onSelect: ()=>onSelectedJobExecutionChange(jobExecution.id),
+                            children: /*#__PURE__*/ _jsxs("button", {
+                                type: "button",
+                                "aria-current": isSelected ? 'true' : undefined,
+                                className: "w-full text-left",
+                                children: [
+                                    /*#__PURE__*/ _jsx(WorkflowStatusIcon, {
+                                        status: jobExecution.status,
+                                        size: 14,
+                                        tooltip: false
+                                    }),
+                                    /*#__PURE__*/ _jsxs("span", {
+                                        className: "font-code text-xs leading-20 text-foreground-neutral-base tabular-nums",
+                                        children: [
+                                            "#",
+                                            jobExecution.sequence
+                                        ]
+                                    }),
+                                    /*#__PURE__*/ _jsx("span", {
+                                        className: "min-w-0 truncate text-xs leading-20 text-foreground-neutral-base",
+                                        children: job.displayName
+                                    }),
+                                    !isSelected && jobExecution.statusReason ? /*#__PURE__*/ _jsx("span", {
+                                        className: "min-w-0 flex-1 truncate text-xs leading-20 text-foreground-neutral-muted",
+                                        children: jobExecution.statusReason
+                                    }) : /*#__PURE__*/ _jsx("span", {
+                                        className: "min-w-0 flex-1"
+                                    }),
+                                    isSelected ? /*#__PURE__*/ _jsx(Icon, {
+                                        name: "check",
+                                        className: "size-14 shrink-0 text-foreground-neutral-base"
+                                    }) : null,
+                                    /*#__PURE__*/ _jsx(JobExecutionDuration, {
+                                        execution: jobExecution,
+                                        className: "ml-auto shrink-0 font-code text-xs leading-20 text-foreground-neutral-muted tabular-nums"
+                                    })
+                                ]
+                            })
+                        }, jobExecution.id);
+                    })
+                ]
+            })
+        ]
+    });
+}
+function TitleExecutionSummary({ job, execution }) {
+    return /*#__PURE__*/ _jsxs("span", {
+        className: "flex min-w-0 items-center gap-8",
+        children: [
+            /*#__PURE__*/ _jsxs(Text, {
+                as: "span",
+                size: "sm",
+                bold: true,
+                className: "shrink-0 text-foreground-neutral-base",
+                children: [
+                    "#",
+                    execution.sequence
+                ]
+            }),
+            /*#__PURE__*/ _jsx(Text, {
+                as: "span",
+                size: "sm",
+                bold: true,
+                className: "min-w-0 truncate text-foreground-neutral-base",
+                children: job.displayName
+            })
+        ]
+    });
+}
+function ExecutionSummary({ execution }) {
+    return /*#__PURE__*/ _jsxs("span", {
+        className: "flex min-w-0 items-center gap-6",
+        children: [
+            /*#__PURE__*/ _jsx(WorkflowStatusIcon, {
+                status: execution.status,
+                size: 14,
+                tooltip: false
+            }),
+            /*#__PURE__*/ _jsxs("span", {
+                className: "shrink-0 font-code text-xs leading-20 text-foreground-neutral-base tabular-nums",
+                children: [
+                    "Execution #",
+                    execution.sequence
+                ]
+            }),
+            execution.statusReason ? /*#__PURE__*/ _jsxs(Text, {
+                as: "span",
+                size: "xs",
+                className: "min-w-0 truncate text-foreground-neutral-muted",
+                children: [
+                    "· ",
+                    execution.statusReason
+                ]
+            }) : null,
+            /*#__PURE__*/ _jsx(JobExecutionDuration, {
+                execution: execution,
+                className: "shrink-0 font-code text-xs leading-20 text-foreground-neutral-muted tabular-nums"
+            })
+        ]
+    });
+}
+function JobExecutionDuration({ execution, className }) {
+    const duration = execution.displayDuration;
+    if (!duration) return null;
+    return /*#__PURE__*/ _jsx("span", {
+        className: className,
+        children: /*#__PURE__*/ _jsx(JobExecutionTimeText, {
+            time: duration
+        })
+    });
+}
+
+//# sourceMappingURL=job-execution-switcher.js.map

package/dist/components/workflow-run-view/job-execution-switcher.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/workflow-run-view/job-execution-switcher.tsx"],"sourcesContent":["import {\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuLabel,\n  DropdownMenuTrigger,\n} from '@shipfox/react-ui/dropdown-menu';\nimport {Icon} from '@shipfox/react-ui/icon';\nimport {Text} from '@shipfox/react-ui/typography';\nimport {cn} from '@shipfox/react-ui/utils';\nimport {useMemo} from 'react';\nimport {WorkflowStatusIcon} from '#components/workflow-status/workflow-status-icon.js';\nimport type {Job, JobExecution} from '#core/workflow-run.js';\nimport {JobExecutionTimeText} from './job-execution-time-text.js';\n\nexport interface JobExecutionSwitcherProps {\n  job: Job;\n  selectedJobExecution: string | null;\n  onSelectedJobExecutionChange: (jobExecutionId: string) => void;\n  variant?: 'compact' | 'title' | undefined;\n  className?: string | undefined;\n}\n\nexport function JobExecutionSwitcher({\n  job,\n  selectedJobExecution,\n  onSelectedJobExecutionChange,\n  variant = 'compact',\n  className,\n}: JobExecutionSwitcherProps) {\n  const executions = useMemo(\n    () => [...job.jobExecutions].sort((left, right) => right.sequence - left.sequence),\n    [job.jobExecutions],\n  );\n  const selected =\n    executions.find((jobExecution) => jobExecution.id === selectedJobExecution) ??\n    executions[0] ??\n    null;\n\n  if (selected === null) return null;\n\n  if (!job.executionCountVisible) {\n    return (\n      <div\n        className={cn(\n          'flex min-w-0 items-center gap-6 text-sm leading-20 text-foreground-neutral-subtle',\n          className,\n        )}\n      >\n        <ExecutionSummary execution={selected} />\n      </div>\n    );\n  }\n\n  return (\n    <DropdownMenu>\n      <DropdownMenuTrigger\n        className={cn(\n          'inline-flex min-w-0 max-w-full items-center rounded-6 text-left transition-colors focus-visible:shadow-border-interactive-with-active focus-visible:outline-none',\n          variant === 'title'\n            ? '-mx-6 -my-4 gap-8 px-6 py-4 hover:bg-background-components-hover'\n            : 'min-h-28 gap-6 px-8 py-4 text-sm leading-20 text-foreground-neutral-subtle hover:bg-background-components-hover',\n          className,\n        )}\n        aria-label={`Switch job execution, currently execution ${selected.sequence}`}\n      >\n        {variant === 'title' ? (\n          <TitleExecutionSummary job={job} execution={selected} />\n        ) : (\n          <ExecutionSummary execution={selected} />\n        )}\n        <Icon name=\"arrowDownSLine\" className=\"size-14 shrink-0 text-foreground-neutral-muted\" />\n      </DropdownMenuTrigger>\n      <DropdownMenuContent align=\"start\" size=\"lg\" className=\"max-h-[320px] overflow-y-auto\">\n        <DropdownMenuLabel>\n          {executions.length} execution{executions.length === 1 ? '' : 's'}\n        </DropdownMenuLabel>\n        {executions.map((jobExecution) => {\n          const isSelected = jobExecution.id === selected.id;\n\n          return (\n            <DropdownMenuItem\n              key={jobExecution.id}\n              asChild\n              onSelect={() => onSelectedJobExecutionChange(jobExecution.id)}\n            >\n              <button\n                type=\"button\"\n                aria-current={isSelected ? 'true' : undefined}\n                className=\"w-full text-left\"\n              >\n                <WorkflowStatusIcon status={jobExecution.status} size={14} tooltip={false} />\n                <span className=\"font-code text-xs leading-20 text-foreground-neutral-base tabular-nums\">\n                  #{jobExecution.sequence}\n                </span>\n                <span className=\"min-w-0 truncate text-xs leading-20 text-foreground-neutral-base\">\n                  {job.displayName}\n                </span>\n                {!isSelected && jobExecution.statusReason ? (\n                  <span className=\"min-w-0 flex-1 truncate text-xs leading-20 text-foreground-neutral-muted\">\n                    {jobExecution.statusReason}\n                  </span>\n                ) : (\n                  <span className=\"min-w-0 flex-1\" />\n                )}\n                {isSelected ? (\n                  <Icon name=\"check\" className=\"size-14 shrink-0 text-foreground-neutral-base\" />\n                ) : null}\n                <JobExecutionDuration\n                  execution={jobExecution}\n                  className=\"ml-auto shrink-0 font-code text-xs leading-20 text-foreground-neutral-muted tabular-nums\"\n                />\n              </button>\n            </DropdownMenuItem>\n          );\n        })}\n      </DropdownMenuContent>\n    </DropdownMenu>\n  );\n}\n\nfunction TitleExecutionSummary({job, execution}: {job: Job; execution: JobExecution}) {\n  return (\n    <span className=\"flex min-w-0 items-center gap-8\">\n      <Text as=\"span\" size=\"sm\" bold className=\"shrink-0 text-foreground-neutral-base\">\n        #{execution.sequence}\n      </Text>\n      <Text as=\"span\" size=\"sm\" bold className=\"min-w-0 truncate text-foreground-neutral-base\">\n        {job.displayName}\n      </Text>\n    </span>\n  );\n}\n\nfunction ExecutionSummary({execution}: {execution: JobExecution}) {\n  return (\n    <span className=\"flex min-w-0 items-center gap-6\">\n      <WorkflowStatusIcon status={execution.status} size={14} tooltip={false} />\n      <span className=\"shrink-0 font-code text-xs leading-20 text-foreground-neutral-base tabular-nums\">\n        Execution #{execution.sequence}\n      </span>\n      {execution.statusReason ? (\n        <Text as=\"span\" size=\"xs\" className=\"min-w-0 truncate text-foreground-neutral-muted\">\n          · {execution.statusReason}\n        </Text>\n      ) : null}\n      <JobExecutionDuration\n        execution={execution}\n        className=\"shrink-0 font-code text-xs leading-20 text-foreground-neutral-muted tabular-nums\"\n      />\n    </span>\n  );\n}\n\nfunction JobExecutionDuration({\n  execution,\n  className,\n}: {\n  execution: JobExecution;\n  className?: string | undefined;\n}) {\n  const duration = execution.displayDuration;\n  if (!duration) return null;\n\n  return (\n    <span className={className}>\n      <JobExecutionTimeText time={duration} />\n    </span>\n  );\n}\n"],"names":["DropdownMenu","DropdownMenuContent","DropdownMenuItem","DropdownMenuLabel","DropdownMenuTrigger","Icon","Text","cn","useMemo","WorkflowStatusIcon","JobExecutionTimeText","JobExecutionSwitcher","job","selectedJobExecution","onSelectedJobExecutionChange","variant","className","executions","jobExecutions","sort","left","right","sequence","selected","find","jobExecution","id","executionCountVisible","div","ExecutionSummary","execution","aria-label","TitleExecutionSummary","name","align","size","length","map","isSelected","asChild","onSelect","button","type","aria-current","undefined","status","tooltip","span","displayName","statusReason","JobExecutionDuration","as","bold","duration","displayDuration","time"],"mappings":"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"}

package/dist/components/workflow-run-view/job-execution-time-text.d.ts

@@ -0,0 +1,6 @@
+import type { JobExecutionTime } from '#core/workflow-run.js';
+export declare function JobExecutionTimeText({ time }: {
+    time: JobExecutionTime;
+}): string;
+export declare function formatJobExecutionTime(time: JobExecutionTime): string;
+//# sourceMappingURL=job-execution-time-text.d.ts.map

package/dist/components/workflow-run-view/job-execution-time-text.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"job-execution-time-text.d.ts","sourceRoot":"","sources":["../../../src/components/workflow-run-view/job-execution-time-text.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAC,gBAAgB,EAAC,MAAM,uBAAuB,CAAC;AAE5D,wBAAgB,oBAAoB,CAAC,EAAC,IAAI,EAAC,EAAE;IAAC,IAAI,EAAE,gBAAgB,CAAA;CAAC,UAIpE;AAED,wBAAgB,sBAAsB,CAAC,IAAI,EAAE,gBAAgB,GAAG,MAAM,CAMrE"}

package/dist/components/workflow-run-view/job-execution-time-text.js

@@ -0,0 +1,24 @@
+import { useTimeTick } from '@shipfox/react-ui/time-ticker';
+import { formatDuration } from '@shipfox/react-ui/utils';
+export function JobExecutionTimeText({ time }) {
+    useTimeTick();
+    return formatJobExecutionTime(time);
+}
+export function formatJobExecutionTime(time) {
+    if (time.state === 'live') {
+        return formatDuration(Date.now() - Date.parse(time.fromIso));
+    }
+    return formatElapsedDuration(time.elapsed);
+}
+function formatElapsedDuration(duration) {
+    const days = duration.days ?? 0;
+    const hours = duration.hours ?? 0;
+    const minutes = duration.minutes ?? 0;
+    const seconds = duration.seconds ?? 0;
+    if (days > 0) return hours > 0 ? `${days}d ${hours}h` : `${days}d`;
+    if (hours > 0) return minutes > 0 ? `${hours}h ${minutes}m` : `${hours}h`;
+    if (minutes > 0) return seconds > 0 ? `${minutes}m ${seconds}s` : `${minutes}m`;
+    return `${seconds}s`;
+}
+
+//# sourceMappingURL=job-execution-time-text.js.map

package/dist/components/workflow-run-view/job-execution-time-text.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/workflow-run-view/job-execution-time-text.tsx"],"sourcesContent":["import {useTimeTick} from '@shipfox/react-ui/time-ticker';\nimport {formatDuration} from '@shipfox/react-ui/utils';\nimport type {JobExecutionTime} from '#core/workflow-run.js';\n\nexport function JobExecutionTimeText({time}: {time: JobExecutionTime}) {\n  useTimeTick();\n\n  return formatJobExecutionTime(time);\n}\n\nexport function formatJobExecutionTime(time: JobExecutionTime): string {\n  if (time.state === 'live') {\n    return formatDuration(Date.now() - Date.parse(time.fromIso));\n  }\n\n  return formatElapsedDuration(time.elapsed);\n}\n\nfunction formatElapsedDuration(duration: {\n  days?: number | undefined;\n  hours?: number | undefined;\n  minutes?: number | undefined;\n  seconds?: number | undefined;\n}): string {\n  const days = duration.days ?? 0;\n  const hours = duration.hours ?? 0;\n  const minutes = duration.minutes ?? 0;\n  const seconds = duration.seconds ?? 0;\n\n  if (days > 0) return hours > 0 ? `${days}d ${hours}h` : `${days}d`;\n  if (hours > 0) return minutes > 0 ? `${hours}h ${minutes}m` : `${hours}h`;\n  if (minutes > 0) return seconds > 0 ? `${minutes}m ${seconds}s` : `${minutes}m`;\n  return `${seconds}s`;\n}\n"],"names":["useTimeTick","formatDuration","JobExecutionTimeText","time","formatJobExecutionTime","state","Date","now","parse","fromIso","formatElapsedDuration","elapsed","duration","days","hours","minutes","seconds"],"mappings":"AAAA,SAAQA,WAAW,QAAO,gCAAgC;AAC1D,SAAQC,cAAc,QAAO,0BAA0B;AAGvD,OAAO,SAASC,qBAAqB,EAACC,IAAI,EAA2B;IACnEH;IAEA,OAAOI,uBAAuBD;AAChC;AAEA,OAAO,SAASC,uBAAuBD,IAAsB;IAC3D,IAAIA,KAAKE,KAAK,KAAK,QAAQ;QACzB,OAAOJ,eAAeK,KAAKC,GAAG,KAAKD,KAAKE,KAAK,CAACL,KAAKM,OAAO;IAC5D;IAEA,OAAOC,sBAAsBP,KAAKQ,OAAO;AAC3C;AAEA,SAASD,sBAAsBE,QAK9B;IACC,MAAMC,OAAOD,SAASC,IAAI,IAAI;IAC9B,MAAMC,QAAQF,SAASE,KAAK,IAAI;IAChC,MAAMC,UAAUH,SAASG,OAAO,IAAI;IACpC,MAAMC,UAAUJ,SAASI,OAAO,IAAI;IAEpC,IAAIH,OAAO,GAAG,OAAOC,QAAQ,IAAI,GAAGD,KAAK,EAAE,EAAEC,MAAM,CAAC,CAAC,GAAG,GAAGD,KAAK,CAAC,CAAC;IAClE,IAAIC,QAAQ,GAAG,OAAOC,UAAU,IAAI,GAAGD,MAAM,EAAE,EAAEC,QAAQ,CAAC,CAAC,GAAG,GAAGD,MAAM,CAAC,CAAC;IACzE,IAAIC,UAAU,GAAG,OAAOC,UAAU,IAAI,GAAGD,QAAQ,EAAE,EAAEC,QAAQ,CAAC,CAAC,GAAG,GAAGD,QAAQ,CAAC,CAAC;IAC/E,OAAO,GAAGC,QAAQ,CAAC,CAAC;AACtB"}

package/dist/components/workflow-run-view/step-attempt-log-panel.d.ts

@@ -0,0 +1,9 @@
+export interface StepAttemptLogPanelProps {
+    stepId: string;
+    attempt: number;
+    attemptStatus: string;
+    initialErrorRetryCount?: number | undefined;
+    initialErrorRetryDelayMs?: number | undefined;
+}
+export declare function StepAttemptLogPanel({ stepId, attempt, attemptStatus, initialErrorRetryCount, initialErrorRetryDelayMs, }: StepAttemptLogPanelProps): import("react").JSX.Element;
+//# sourceMappingURL=step-attempt-log-panel.d.ts.map

package/dist/components/workflow-run-view/step-attempt-log-panel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"step-attempt-log-panel.d.ts","sourceRoot":"","sources":["../../../src/components/workflow-run-view/step-attempt-log-panel.tsx"],"names":[],"mappings":"AAgBA,MAAM,WAAW,wBAAwB;IACvC,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,MAAM,CAAC;IAChB,aAAa,EAAE,MAAM,CAAC;IACtB,sBAAsB,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC5C,wBAAwB,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CAC/C;AAED,wBAAgB,mBAAmB,CAAC,EAClC,MAAM,EACN,OAAO,EACP,aAAa,EACb,sBAAsD,EACtD,wBAA2D,GAC5D,EAAE,wBAAwB,+BAiF1B"}

package/dist/components/workflow-run-view/step-attempt-log-panel.js

@@ -0,0 +1,152 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { isMissingStepLogStreamError, LogView, LogViewSkeleton, useStepAttemptLogsQuery } from '@shipfox/client-logs';
+import { Button } from '@shipfox/react-ui/button';
+import { Callout } from '@shipfox/react-ui/callout';
+import { Text } from '@shipfox/react-ui/typography';
+import { useEffect, useRef } from 'react';
+const TAIL_FOLLOW_THRESHOLD_PX = 24;
+const INITIAL_LOG_ERROR_RETRY_COUNT = 5;
+const INITIAL_LOG_ERROR_RETRY_DELAY_MS = 1_500;
+const logSurfaceClasses = 'max-h-[40vh] rounded-8 md:max-h-[280px]';
+export function StepAttemptLogPanel({ stepId, attempt, attemptStatus, initialErrorRetryCount = INITIAL_LOG_ERROR_RETRY_COUNT, initialErrorRetryDelayMs = INITIAL_LOG_ERROR_RETRY_DELAY_MS }) {
+    const panelRef = useRef(null);
+    const shouldFollowTailRef = useRef(true);
+    const missingStreamRetryCount = attemptStatus === 'running' ? undefined : initialErrorRetryCount;
+    const retryMissingStream = attemptStatus === 'running' || isTerminalAttemptStatus(attemptStatus);
+    const query = useStepAttemptLogsQuery(stepId, attempt, {
+        retryMissingStream,
+        missingStreamRetryCount,
+        missingStreamRetryDelayMs: initialErrorRetryDelayMs,
+        initialErrorRetryCount,
+        initialErrorRetryDelayMs
+    });
+    const records = query.data?.records ?? [];
+    const recordCount = records.length;
+    const anchorToFailure = attemptStatus === 'failed';
+    const missingActiveStream = retryMissingStream && query.data === undefined && isMissingStepLogStreamError(query.error);
+    const initialError = query.isError && query.data === undefined && !missingActiveStream;
+    const staleError = query.isError && query.data !== undefined;
+    useEffect(()=>{
+        if (recordCount === 0) return undefined;
+        if (anchorToFailure) return undefined;
+        if (!shouldFollowTailRef.current) return undefined;
+        const frame = scheduleAnimationFrame(()=>{
+            const scrollElement = panelRef.current?.querySelector('[data-slot="log-rows"]');
+            if (!scrollElement) return;
+            scrollElement.scrollTop = scrollElement.scrollHeight;
+        });
+        return ()=>{
+            cancelScheduledFrame(frame);
+        };
+    }, [
+        anchorToFailure,
+        recordCount
+    ]);
+    function handleLogScroll(event) {
+        const element = event.currentTarget;
+        const distanceFromBottom = element.scrollHeight - element.scrollTop - element.clientHeight;
+        shouldFollowTailRef.current = distanceFromBottom <= TAIL_FOLLOW_THRESHOLD_PX;
+    }
+    if (query.isPending) {
+        return /*#__PURE__*/ _jsx(StepLogsLoadingSurface, {
+            label: "Loading logs"
+        });
+    }
+    if (missingActiveStream) {
+        return /*#__PURE__*/ _jsx(StepLogsLoadingSurface, {
+            label: "Waiting for logs"
+        });
+    }
+    if (initialError) {
+        return /*#__PURE__*/ _jsx(StepLogsError, {
+            retrying: query.isFetching,
+            onRetry: ()=>void query.refetch()
+        });
+    }
+    return /*#__PURE__*/ _jsxs("div", {
+        ref: panelRef,
+        className: "flex min-w-0 flex-col gap-8",
+        children: [
+            staleError ? /*#__PURE__*/ _jsx(Callout, {
+                role: "alert",
+                type: "warning",
+                className: "px-10 py-8",
+                children: /*#__PURE__*/ _jsxs("div", {
+                    className: "flex min-w-0 flex-1 items-center justify-between gap-8",
+                    children: [
+                        /*#__PURE__*/ _jsx(Text, {
+                            size: "xs",
+                            children: "Could not refresh logs."
+                        }),
+                        /*#__PURE__*/ _jsx(Button, {
+                            type: "button",
+                            size: "2xs",
+                            variant: "secondary",
+                            isLoading: query.isFetching,
+                            onClick: ()=>void query.refetch(),
+                            children: "Retry"
+                        })
+                    ]
+                })
+            }) : null,
+            /*#__PURE__*/ _jsx(LogView, {
+                records: records,
+                emptyState: query.data?.complete ? 'complete' : 'pending',
+                anchorToFailure: anchorToFailure,
+                className: logSurfaceClasses,
+                onScroll: handleLogScroll
+            })
+        ]
+    });
+}
+function StepLogsLoadingSurface({ label }) {
+    return /*#__PURE__*/ _jsx("div", {
+        role: "status",
+        "aria-label": label,
+        children: /*#__PURE__*/ _jsx(LogViewSkeleton, {
+            className: logSurfaceClasses
+        })
+    });
+}
+function scheduleAnimationFrame(callback) {
+    if (typeof globalThis.requestAnimationFrame === 'function') {
+        return globalThis.requestAnimationFrame(callback);
+    }
+    return window.setTimeout(()=>callback(Date.now()), 0);
+}
+function cancelScheduledFrame(frame) {
+    if (typeof globalThis.cancelAnimationFrame === 'function') {
+        globalThis.cancelAnimationFrame(frame);
+        return;
+    }
+    window.clearTimeout(frame);
+}
+function isTerminalAttemptStatus(status) {
+    return status === 'succeeded' || status === 'failed' || status === 'cancelled';
+}
+function StepLogsError({ retrying, onRetry }) {
+    return /*#__PURE__*/ _jsx(Callout, {
+        role: "alert",
+        type: "error",
+        className: "px-10 py-8",
+        children: /*#__PURE__*/ _jsxs("div", {
+            className: "flex min-w-0 flex-1 items-center justify-between gap-8",
+            children: [
+                /*#__PURE__*/ _jsx(Text, {
+                    size: "xs",
+                    children: "Could not load logs."
+                }),
+                /*#__PURE__*/ _jsx(Button, {
+                    type: "button",
+                    size: "2xs",
+                    variant: "secondary",
+                    isLoading: retrying,
+                    onClick: onRetry,
+                    children: "Retry"
+                })
+            ]
+        })
+    });
+}
+
+//# sourceMappingURL=step-attempt-log-panel.js.map

package/dist/components/workflow-run-view/step-attempt-log-panel.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/workflow-run-view/step-attempt-log-panel.tsx"],"sourcesContent":["import {\n  isMissingStepLogStreamError,\n  LogView,\n  LogViewSkeleton,\n  useStepAttemptLogsQuery,\n} from '@shipfox/client-logs';\nimport {Button} from '@shipfox/react-ui/button';\nimport {Callout} from '@shipfox/react-ui/callout';\nimport {Text} from '@shipfox/react-ui/typography';\nimport {type UIEvent, useEffect, useRef} from 'react';\n\nconst TAIL_FOLLOW_THRESHOLD_PX = 24;\nconst INITIAL_LOG_ERROR_RETRY_COUNT = 5;\nconst INITIAL_LOG_ERROR_RETRY_DELAY_MS = 1_500;\nconst logSurfaceClasses = 'max-h-[40vh] rounded-8 md:max-h-[280px]';\n\nexport interface StepAttemptLogPanelProps {\n  stepId: string;\n  attempt: number;\n  attemptStatus: string;\n  initialErrorRetryCount?: number | undefined;\n  initialErrorRetryDelayMs?: number | undefined;\n}\n\nexport function StepAttemptLogPanel({\n  stepId,\n  attempt,\n  attemptStatus,\n  initialErrorRetryCount = INITIAL_LOG_ERROR_RETRY_COUNT,\n  initialErrorRetryDelayMs = INITIAL_LOG_ERROR_RETRY_DELAY_MS,\n}: StepAttemptLogPanelProps) {\n  const panelRef = useRef<HTMLDivElement>(null);\n  const shouldFollowTailRef = useRef(true);\n  const missingStreamRetryCount = attemptStatus === 'running' ? undefined : initialErrorRetryCount;\n  const retryMissingStream = attemptStatus === 'running' || isTerminalAttemptStatus(attemptStatus);\n  const query = useStepAttemptLogsQuery(stepId, attempt, {\n    retryMissingStream,\n    missingStreamRetryCount,\n    missingStreamRetryDelayMs: initialErrorRetryDelayMs,\n    initialErrorRetryCount,\n    initialErrorRetryDelayMs,\n  });\n  const records = query.data?.records ?? [];\n  const recordCount = records.length;\n  const anchorToFailure = attemptStatus === 'failed';\n  const missingActiveStream =\n    retryMissingStream && query.data === undefined && isMissingStepLogStreamError(query.error);\n  const initialError = query.isError && query.data === undefined && !missingActiveStream;\n  const staleError = query.isError && query.data !== undefined;\n\n  useEffect(() => {\n    if (recordCount === 0) return undefined;\n    if (anchorToFailure) return undefined;\n    if (!shouldFollowTailRef.current) return undefined;\n\n    const frame = scheduleAnimationFrame(() => {\n      const scrollElement = panelRef.current?.querySelector<HTMLElement>('[data-slot=\"log-rows\"]');\n      if (!scrollElement) return;\n      scrollElement.scrollTop = scrollElement.scrollHeight;\n    });\n\n    return () => {\n      cancelScheduledFrame(frame);\n    };\n  }, [anchorToFailure, recordCount]);\n\n  function handleLogScroll(event: UIEvent<HTMLDivElement>) {\n    const element = event.currentTarget;\n    const distanceFromBottom = element.scrollHeight - element.scrollTop - element.clientHeight;\n    shouldFollowTailRef.current = distanceFromBottom <= TAIL_FOLLOW_THRESHOLD_PX;\n  }\n\n  if (query.isPending) {\n    return <StepLogsLoadingSurface label=\"Loading logs\" />;\n  }\n\n  if (missingActiveStream) {\n    return <StepLogsLoadingSurface label=\"Waiting for logs\" />;\n  }\n\n  if (initialError) {\n    return <StepLogsError retrying={query.isFetching} onRetry={() => void query.refetch()} />;\n  }\n\n  return (\n    <div ref={panelRef} className=\"flex min-w-0 flex-col gap-8\">\n      {staleError ? (\n        <Callout role=\"alert\" type=\"warning\" className=\"px-10 py-8\">\n          <div className=\"flex min-w-0 flex-1 items-center justify-between gap-8\">\n            <Text size=\"xs\">Could not refresh logs.</Text>\n            <Button\n              type=\"button\"\n              size=\"2xs\"\n              variant=\"secondary\"\n              isLoading={query.isFetching}\n              onClick={() => void query.refetch()}\n            >\n              Retry\n            </Button>\n          </div>\n        </Callout>\n      ) : null}\n      <LogView\n        records={records}\n        emptyState={query.data?.complete ? 'complete' : 'pending'}\n        anchorToFailure={anchorToFailure}\n        className={logSurfaceClasses}\n        onScroll={handleLogScroll}\n      />\n    </div>\n  );\n}\n\nfunction StepLogsLoadingSurface({label}: {label: string}) {\n  return (\n    <div role=\"status\" aria-label={label}>\n      <LogViewSkeleton className={logSurfaceClasses} />\n    </div>\n  );\n}\n\nfunction scheduleAnimationFrame(callback: FrameRequestCallback): number {\n  if (typeof globalThis.requestAnimationFrame === 'function') {\n    return globalThis.requestAnimationFrame(callback);\n  }\n  return window.setTimeout(() => callback(Date.now()), 0);\n}\n\nfunction cancelScheduledFrame(frame: number) {\n  if (typeof globalThis.cancelAnimationFrame === 'function') {\n    globalThis.cancelAnimationFrame(frame);\n    return;\n  }\n  window.clearTimeout(frame);\n}\n\nfunction isTerminalAttemptStatus(status: string): boolean {\n  return status === 'succeeded' || status === 'failed' || status === 'cancelled';\n}\n\nfunction StepLogsError({retrying, onRetry}: {retrying: boolean; onRetry: () => void}) {\n  return (\n    <Callout role=\"alert\" type=\"error\" className=\"px-10 py-8\">\n      <div className=\"flex min-w-0 flex-1 items-center justify-between gap-8\">\n        <Text size=\"xs\">Could not load logs.</Text>\n        <Button type=\"button\" size=\"2xs\" variant=\"secondary\" isLoading={retrying} onClick={onRetry}>\n          Retry\n        </Button>\n      </div>\n    </Callout>\n  );\n}\n"],"names":["isMissingStepLogStreamError","LogView","LogViewSkeleton","useStepAttemptLogsQuery","Button","Callout","Text","useEffect","useRef","TAIL_FOLLOW_THRESHOLD_PX","INITIAL_LOG_ERROR_RETRY_COUNT","INITIAL_LOG_ERROR_RETRY_DELAY_MS","logSurfaceClasses","StepAttemptLogPanel","stepId","attempt","attemptStatus","initialErrorRetryCount","initialErrorRetryDelayMs","panelRef","shouldFollowTailRef","missingStreamRetryCount","undefined","retryMissingStream","isTerminalAttemptStatus","query","missingStreamRetryDelayMs","records","data","recordCount","length","anchorToFailure","missingActiveStream","error","initialError","isError","staleError","current","frame","scheduleAnimationFrame","scrollElement","querySelector","scrollTop","scrollHeight","cancelScheduledFrame","handleLogScroll","event","element","currentTarget","distanceFromBottom","clientHeight","isPending","StepLogsLoadingSurface","label","StepLogsError","retrying","isFetching","onRetry","refetch","div","ref","className","role","type","size","variant","isLoading","onClick","emptyState","complete","onScroll","aria-label","callback","globalThis","requestAnimationFrame","window","setTimeout","Date","now","cancelAnimationFrame","clearTimeout","status"],"mappings":"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"}

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

@@ -0,0 +1,14 @@
+import { type Job, type JobExecution, type Step, type StepAttempt, type WorkflowRunDetail } from '#core/workflow-run.js';
+import type { WorkflowRunSelectionInput } from '#core/workflow-run-url-state.js';
+export interface ResolvedWorkflowRunSelection {
+    job: Job | undefined;
+    jobExecution: JobExecution | undefined;
+    step: Step | undefined;
+    attempt: StepAttempt | undefined;
+    selectedAttemptId: string | null;
+}
+export declare function resolveWorkflowRunSelection({ run, selection, }: {
+    run: WorkflowRunDetail;
+    selection: WorkflowRunSelectionInput;
+}): ResolvedWorkflowRunSelection;
+//# sourceMappingURL=workflow-run-selection.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"workflow-run-selection.d.ts","sourceRoot":"","sources":["../../../src/components/workflow-run-view/workflow-run-selection.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,GAAG,EACR,KAAK,YAAY,EAEjB,KAAK,IAAI,EACT,KAAK,WAAW,EAChB,KAAK,iBAAiB,EACvB,MAAM,uBAAuB,CAAC;AAC/B,OAAO,KAAK,EAAC,yBAAyB,EAAC,MAAM,iCAAiC,CAAC;AAE/E,MAAM,WAAW,4BAA4B;IAC3C,GAAG,EAAE,GAAG,GAAG,SAAS,CAAC;IACrB,YAAY,EAAE,YAAY,GAAG,SAAS,CAAC;IACvC,IAAI,EAAE,IAAI,GAAG,SAAS,CAAC;IACvB,OAAO,EAAE,WAAW,GAAG,SAAS,CAAC;IACjC,iBAAiB,EAAE,MAAM,GAAG,IAAI,CAAC;CAClC;AAED,wBAAgB,2BAA2B,CAAC,EAC1C,GAAG,EACH,SAAS,GACV,EAAE;IACD,GAAG,EAAE,iBAAiB,CAAC;IACvB,SAAS,EAAE,yBAAyB,CAAC;CACtC,GAAG,4BAA4B,CAyB/B"}

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

@@ -0,0 +1,56 @@
+import { resolveJobExecution } from '#core/workflow-run.js';
+export function resolveWorkflowRunSelection({ run, selection }) {
+    const jobById = new Map(run.jobs.map((job)=>[
+            job.id,
+            job
+        ]));
+    const stepMatch = findStep(run, selection.stepId);
+    if (stepMatch) {
+        const attempt = resolveStepAttempt(stepMatch.step, selection.stepAttemptId);
+        return {
+            job: stepMatch.job,
+            jobExecution: stepMatch.jobExecution,
+            step: stepMatch.step,
+            attempt,
+            selectedAttemptId: attempt?.id ?? null
+        };
+    }
+    const job = (selection.jobId ? jobById.get(selection.jobId) : undefined) ?? run.jobs.at(0);
+    const jobExecution = job ? resolveJobExecution(job, selection.jobExecutionId) : undefined;
+    return {
+        job,
+        jobExecution,
+        step: undefined,
+        attempt: undefined,
+        selectedAttemptId: null
+    };
+}
+function findStep(run, stepId) {
+    if (!stepId) return undefined;
+    for (const job of run.jobs){
+        for (const jobExecution of job.jobExecutions){
+            const step = jobExecution.steps.find((candidate)=>candidate.id === stepId);
+            if (step) return {
+                job,
+                jobExecution,
+                step
+            };
+        }
+    }
+    return undefined;
+}
+function resolveStepAttempt(step, attemptId) {
+    const attemptById = attemptId ? step.attempts.find((attempt)=>attempt.id === attemptId) : undefined;
+    if (attemptById) return attemptById;
+    const currentAttempt = step.attempts.find((attempt)=>attempt.attempt === step.currentAttempt);
+    if (currentAttempt) return currentAttempt;
+    return step.attempts.reduce((latest, attempt)=>{
+        if (!latest) return attempt;
+        return compareAttempts(attempt, latest) > 0 ? attempt : latest;
+    }, undefined);
+}
+function compareAttempts(left, right) {
+    return left.attempt - right.attempt || left.executionOrder - right.executionOrder || left.id.localeCompare(right.id);
+}
+
+//# sourceMappingURL=workflow-run-selection.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/workflow-run-view/workflow-run-selection.ts"],"sourcesContent":["import {\n  type Job,\n  type JobExecution,\n  resolveJobExecution,\n  type Step,\n  type StepAttempt,\n  type WorkflowRunDetail,\n} from '#core/workflow-run.js';\nimport type {WorkflowRunSelectionInput} from '#core/workflow-run-url-state.js';\n\nexport interface ResolvedWorkflowRunSelection {\n  job: Job | undefined;\n  jobExecution: JobExecution | undefined;\n  step: Step | undefined;\n  attempt: StepAttempt | undefined;\n  selectedAttemptId: string | null;\n}\n\nexport function resolveWorkflowRunSelection({\n  run,\n  selection,\n}: {\n  run: WorkflowRunDetail;\n  selection: WorkflowRunSelectionInput;\n}): ResolvedWorkflowRunSelection {\n  const jobById = new Map(run.jobs.map((job) => [job.id, job]));\n  const stepMatch = findStep(run, selection.stepId);\n\n  if (stepMatch) {\n    const attempt = resolveStepAttempt(stepMatch.step, selection.stepAttemptId);\n    return {\n      job: stepMatch.job,\n      jobExecution: stepMatch.jobExecution,\n      step: stepMatch.step,\n      attempt,\n      selectedAttemptId: attempt?.id ?? null,\n    };\n  }\n\n  const job = (selection.jobId ? jobById.get(selection.jobId) : undefined) ?? run.jobs.at(0);\n  const jobExecution = job ? resolveJobExecution(job, selection.jobExecutionId) : undefined;\n\n  return {\n    job,\n    jobExecution,\n    step: undefined,\n    attempt: undefined,\n    selectedAttemptId: null,\n  };\n}\n\nfunction findStep(\n  run: WorkflowRunDetail,\n  stepId: string | undefined,\n): {job: Job; jobExecution: JobExecution; step: Step} | undefined {\n  if (!stepId) return undefined;\n\n  for (const job of run.jobs) {\n    for (const jobExecution of job.jobExecutions) {\n      const step = jobExecution.steps.find((candidate) => candidate.id === stepId);\n      if (step) return {job, jobExecution, step};\n    }\n  }\n\n  return undefined;\n}\n\nfunction resolveStepAttempt(step: Step, attemptId: string | undefined): StepAttempt | undefined {\n  const attemptById = attemptId\n    ? step.attempts.find((attempt) => attempt.id === attemptId)\n    : undefined;\n  if (attemptById) return attemptById;\n\n  const currentAttempt = step.attempts.find((attempt) => attempt.attempt === step.currentAttempt);\n  if (currentAttempt) return currentAttempt;\n\n  return step.attempts.reduce<StepAttempt | undefined>((latest, attempt) => {\n    if (!latest) return attempt;\n    return compareAttempts(attempt, latest) > 0 ? attempt : latest;\n  }, undefined);\n}\n\nfunction compareAttempts(left: StepAttempt, right: StepAttempt): number {\n  return (\n    left.attempt - right.attempt ||\n    left.executionOrder - right.executionOrder ||\n    left.id.localeCompare(right.id)\n  );\n}\n"],"names":["resolveJobExecution","resolveWorkflowRunSelection","run","selection","jobById","Map","jobs","map","job","id","stepMatch","findStep","stepId","attempt","resolveStepAttempt","step","stepAttemptId","jobExecution","selectedAttemptId","jobId","get","undefined","at","jobExecutionId","jobExecutions","steps","find","candidate","attemptId","attemptById","attempts","currentAttempt","reduce","latest","compareAttempts","left","right","executionOrder","localeCompare"],"mappings":"AAAA,SAGEA,mBAAmB,QAId,wBAAwB;AAW/B,OAAO,SAASC,4BAA4B,EAC1CC,GAAG,EACHC,SAAS,EAIV;IACC,MAAMC,UAAU,IAAIC,IAAIH,IAAII,IAAI,CAACC,GAAG,CAAC,CAACC,MAAQ;YAACA,IAAIC,EAAE;YAAED;SAAI;IAC3D,MAAME,YAAYC,SAAST,KAAKC,UAAUS,MAAM;IAEhD,IAAIF,WAAW;QACb,MAAMG,UAAUC,mBAAmBJ,UAAUK,IAAI,EAAEZ,UAAUa,aAAa;QAC1E,OAAO;YACLR,KAAKE,UAAUF,GAAG;YAClBS,cAAcP,UAAUO,YAAY;YACpCF,MAAML,UAAUK,IAAI;YACpBF;YACAK,mBAAmBL,SAASJ,MAAM;QACpC;IACF;IAEA,MAAMD,MAAM,AAACL,CAAAA,UAAUgB,KAAK,GAAGf,QAAQgB,GAAG,CAACjB,UAAUgB,KAAK,IAAIE,SAAQ,KAAMnB,IAAII,IAAI,CAACgB,EAAE,CAAC;IACxF,MAAML,eAAeT,MAAMR,oBAAoBQ,KAAKL,UAAUoB,cAAc,IAAIF;IAEhF,OAAO;QACLb;QACAS;QACAF,MAAMM;QACNR,SAASQ;QACTH,mBAAmB;IACrB;AACF;AAEA,SAASP,SACPT,GAAsB,EACtBU,MAA0B;IAE1B,IAAI,CAACA,QAAQ,OAAOS;IAEpB,KAAK,MAAMb,OAAON,IAAII,IAAI,CAAE;QAC1B,KAAK,MAAMW,gBAAgBT,IAAIgB,aAAa,CAAE;YAC5C,MAAMT,OAAOE,aAAaQ,KAAK,CAACC,IAAI,CAAC,CAACC,YAAcA,UAAUlB,EAAE,KAAKG;YACrE,IAAIG,MAAM,OAAO;gBAACP;gBAAKS;gBAAcF;YAAI;QAC3C;IACF;IAEA,OAAOM;AACT;AAEA,SAASP,mBAAmBC,IAAU,EAAEa,SAA6B;IACnE,MAAMC,cAAcD,YAChBb,KAAKe,QAAQ,CAACJ,IAAI,CAAC,CAACb,UAAYA,QAAQJ,EAAE,KAAKmB,aAC/CP;IACJ,IAAIQ,aAAa,OAAOA;IAExB,MAAME,iBAAiBhB,KAAKe,QAAQ,CAACJ,IAAI,CAAC,CAACb,UAAYA,QAAQA,OAAO,KAAKE,KAAKgB,cAAc;IAC9F,IAAIA,gBAAgB,OAAOA;IAE3B,OAAOhB,KAAKe,QAAQ,CAACE,MAAM,CAA0B,CAACC,QAAQpB;QAC5D,IAAI,CAACoB,QAAQ,OAAOpB;QACpB,OAAOqB,gBAAgBrB,SAASoB,UAAU,IAAIpB,UAAUoB;IAC1D,GAAGZ;AACL;AAEA,SAASa,gBAAgBC,IAAiB,EAAEC,KAAkB;IAC5D,OACED,KAAKtB,OAAO,GAAGuB,MAAMvB,OAAO,IAC5BsB,KAAKE,cAAc,GAAGD,MAAMC,cAAc,IAC1CF,KAAK1B,EAAE,CAAC6B,aAAa,CAACF,MAAM3B,EAAE;AAElC"}

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

@@ -0,0 +1,12 @@
+import type { QueryLoadErrorQuery } from '@shipfox/client-ui';
+export declare function WorkflowRunSkeleton(): import("react").JSX.Element;
+export declare function WorkflowRunNotFound(): import("react").JSX.Element;
+/**
+ * Slim non-blocking banner shown when a background refetch fails after the run already
+ * loaded (active-run polling can hit a transient API error), so the loaded run stays on
+ * screen with an inline retry instead of being wiped by a full error placeholder.
+ */
+export declare function WorkflowRunStaleError({ query }: {
+    query: QueryLoadErrorQuery;
+}): import("react").JSX.Element;
+//# sourceMappingURL=workflow-run-states.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"workflow-run-states.d.ts","sourceRoot":"","sources":["../../../src/components/workflow-run-view/workflow-run-states.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,mBAAmB,EAAC,MAAM,oBAAoB,CAAC;AAO5D,wBAAgB,mBAAmB,gCAwBlC;AAED,wBAAgB,mBAAmB,gCAQlC;AAED;;;;GAIG;AACH,wBAAgB,qBAAqB,CAAC,EAAC,KAAK,EAAC,EAAE;IAAC,KAAK,EAAE,mBAAmB,CAAA;CAAC,+BAqB1E"}

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

@@ -0,0 +1,91 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button } from '@shipfox/react-ui/button';
+import { Callout } from '@shipfox/react-ui/callout';
+import { EmptyState } from '@shipfox/react-ui/empty-state';
+import { Skeleton } from '@shipfox/react-ui/skeleton';
+import { Text } from '@shipfox/react-ui/typography';
+export function WorkflowRunSkeleton() {
+    return /*#__PURE__*/ _jsx("section", {
+        "aria-label": "Loading workflow run",
+        className: "border-b border-border-neutral-base bg-background-subtle-base px-16 py-12",
+        children: /*#__PURE__*/ _jsxs("div", {
+            className: "flex min-w-0 flex-wrap items-center gap-x-12 gap-y-8",
+            children: [
+                /*#__PURE__*/ _jsxs("div", {
+                    className: "flex min-w-0 items-center gap-8",
+                    children: [
+                        /*#__PURE__*/ _jsx(Skeleton, {
+                            className: "size-8 rounded-full"
+                        }),
+                        /*#__PURE__*/ _jsx(Skeleton, {
+                            className: "h-24 w-180 rounded-6"
+                        })
+                    ]
+                }),
+                /*#__PURE__*/ _jsx(Skeleton, {
+                    className: "h-24 w-88 rounded-6"
+                }),
+                /*#__PURE__*/ _jsx("span", {
+                    "aria-hidden": "true",
+                    className: "hidden h-20 w-px shrink-0 bg-border-neutral-base sm:block"
+                }),
+                /*#__PURE__*/ _jsx(Skeleton, {
+                    className: "h-20 w-64 rounded-4"
+                }),
+                /*#__PURE__*/ _jsx(Skeleton, {
+                    className: "h-20 w-112 rounded-4"
+                }),
+                /*#__PURE__*/ _jsx("span", {
+                    className: "min-w-0 flex-1"
+                }),
+                /*#__PURE__*/ _jsx(Skeleton, {
+                    className: "h-20 w-88 rounded-4"
+                }),
+                /*#__PURE__*/ _jsx(Skeleton, {
+                    className: "h-20 w-88 rounded-4"
+                })
+            ]
+        })
+    });
+}
+export function WorkflowRunNotFound() {
+    return /*#__PURE__*/ _jsx(EmptyState, {
+        icon: "pulseLine",
+        title: "Run not found",
+        description: "This run does not exist or is no longer available."
+    });
+}
+/**
+ * Slim non-blocking banner shown when a background refetch fails after the run already
+ * loaded (active-run polling can hit a transient API error), so the loaded run stays on
+ * screen with an inline retry instead of being wiped by a full error placeholder.
+ */ export function WorkflowRunStaleError({ query }) {
+    return /*#__PURE__*/ _jsx("div", {
+        className: "border-b border-border-neutral-base p-8",
+        children: /*#__PURE__*/ _jsx(Callout, {
+            role: "alert",
+            type: "error",
+            children: /*#__PURE__*/ _jsxs("div", {
+                className: "flex items-center justify-between gap-8",
+                children: [
+                    /*#__PURE__*/ _jsx(Text, {
+                        size: "xs",
+                        children: "Could not refresh this run."
+                    }),
+                    /*#__PURE__*/ _jsx(Button, {
+                        type: "button",
+                        size: "2xs",
+                        variant: "secondary",
+                        isLoading: query.isFetching,
+                        onClick: ()=>{
+                            void query.refetch();
+                        },
+                        children: "Retry"
+                    })
+                ]
+            })
+        })
+    });
+}
+
+//# sourceMappingURL=workflow-run-states.js.map