@shipfox/client-workflows 14.0.1 → 16.0.0

package/dist/components/job-detail/job-empty-states.js

@@ -0,0 +1,195 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { EmptyState } from '@shipfox/react-ui/empty-state';
+import { AGENT_CONFIG_ISSUES, deriveJobDisplayStatus, deriveJobExecutionDisplayStatus, STEP_ERROR_REASONS } from '#core/workflow-run.js';
+import { formatJobExecutionTime } from './job-execution-time-text.js';
+export function emptyStateForJob(job, jobExecution) {
+    if (job.carriedOver) {
+        return {
+            title: 'Carried over from a previous attempt',
+            description: 'This job did not execute in this run.',
+            status: 'succeeded'
+        };
+    }
+    const displayStatus = job.mode === 'listening' ? deriveJobExecutionDisplayStatus(jobExecution) : deriveJobDisplayStatus(job);
+    if (jobExecution.status === 'running' && displayStatus === 'pending') {
+        return {
+            title: 'Runner preparing job',
+            description: 'A runner is assigned. Steps will appear here when work begins.',
+            status: displayStatus
+        };
+    }
+    if (displayStatus === 'pending') {
+        return {
+            title: 'Waiting for this job to start',
+            description: 'Steps will appear here once the job starts.',
+            status: displayStatus
+        };
+    }
+    if (displayStatus === 'running') {
+        return {
+            title: 'Waiting for the first step',
+            description: 'The first running step will appear here shortly.',
+            status: displayStatus
+        };
+    }
+    if (displayStatus === 'cancelled') {
+        return {
+            title: 'Cancelled before start',
+            description: 'This job was cancelled before any step started.',
+            status: displayStatus
+        };
+    }
+    if (displayStatus === 'failed') {
+        return {
+            title: 'Job failed before its first step started',
+            description: preStepFailureDescription(jobExecution.statusReason ?? job.statusReason),
+            status: displayStatus
+        };
+    }
+    if (displayStatus === 'succeeded') {
+        return {
+            title: 'Completed without recorded steps',
+            description: `Execution #${jobExecution.sequence} succeeded before any step output was recorded.`,
+            status: displayStatus
+        };
+    }
+    return undefined;
+}
+export function emptyStateForMissingExecution(job) {
+    if (job.carriedOver) {
+        return {
+            title: 'Carried over from a previous attempt',
+            description: 'This job did not execute in this run.',
+            status: 'succeeded'
+        };
+    }
+    if (job.mode === 'listening' && job.listenerStatus === 'listening') {
+        return {
+            title: 'Waiting for trigger events',
+            description: 'Matching trigger events will create job executions here.',
+            status: deriveJobDisplayStatus(job)
+        };
+    }
+    if (job.mode === 'listening' && job.listenerStatus === 'resolved') {
+        return {
+            title: 'Listener resolved without executions',
+            description: 'No matching trigger event created a job execution before the listener stopped.',
+            status: job.status
+        };
+    }
+    if (job.status === 'pending') {
+        return {
+            title: 'Waiting for this job to start',
+            description: 'No execution has been created for this job yet.',
+            status: 'pending'
+        };
+    }
+    if (job.status === 'skipped') {
+        return {
+            title: 'This job was skipped',
+            description: skippedJobDescription(job.statusReason),
+            status: 'skipped'
+        };
+    }
+    if (job.status === 'cancelled') {
+        return {
+            title: 'Cancelled before start',
+            description: 'This job was cancelled before an execution was created.',
+            status: 'cancelled'
+        };
+    }
+    return {
+        title: 'Execution details unavailable',
+        description: 'This job finished, but no job execution record is available.',
+        status: job.status
+    };
+}
+export function skippedJobDescription(reason) {
+    switch(reason){
+        case 'dependency_not_completed':
+            return 'A required job did not complete, so this job was skipped.';
+        case 'default_gate_rejected':
+            return 'A required job did not succeed, so this job was skipped.';
+        case 'condition_false':
+        case 'condition_rejected':
+            return 'The job condition did not match, so this job was skipped.';
+        case 'condition_errored':
+            return 'The job condition could not be evaluated, so this job was skipped.';
+        case 'user_cancelled':
+        case 'run_cancelled':
+        case 'timed_out':
+        case 'runner_lost':
+        case 'step_failed':
+        case 'unknown':
+        case null:
+            return 'This job did not start.';
+    }
+}
+function preStepFailureDescription(reason) {
+    switch(reason){
+        case 'runner_lost':
+            return 'The runner stopped responding before work began. Check runner availability before re-running the workflow.';
+        case 'timed_out':
+            return 'The job timed out before work began. Check runner capacity and timeout configuration before re-running the workflow.';
+        case 'user_cancelled':
+        case 'run_cancelled':
+            return 'The execution ended while the run was being cancelled.';
+        case 'step_failed':
+            return 'The execution failed before step details were recorded. Review run annotations before re-running the workflow.';
+        case 'condition_errored':
+            return 'The job condition could not be evaluated. Review run annotations before re-running the workflow.';
+        case 'dependency_not_completed':
+        case 'default_gate_rejected':
+            return 'A required job did not complete successfully. Resolve that failure before re-running the workflow.';
+        case 'condition_false':
+        case 'condition_rejected':
+            return 'The job condition did not match, so no work started.';
+        case 'unknown':
+        case null:
+            return 'Shipfox did not record a failure reason. Re-run only after checking the runner and workflow configuration.';
+        default:
+            return `The execution ended because ${humanizeFailureReason(reason)}. Resolve that condition before re-running the workflow.`;
+    }
+}
+function humanizeFailureReason(reason) {
+    return reason.replaceAll('_', ' ').replaceAll('-', ' ');
+}
+export function CarriedOverStepPanel() {
+    return /*#__PURE__*/ _jsx(EmptyState, {
+        className: "min-h-120 rounded-8 border border-border-neutral-base bg-background-components-base px-16 py-20",
+        icon: "componentLine",
+        title: "Carried over from a previous attempt",
+        description: "Not executed in this run.",
+        variant: "compact"
+    });
+}
+export function toSelectedAttemptError(step, error) {
+    if (error === null) return null;
+    const rawReason = error.reason;
+    const parsedReason = typeof rawReason === 'string' && STEP_ERROR_REASONS.has(rawReason) ? rawReason : undefined;
+    const rawAgentConfigIssue = error.agentConfigIssue ?? error.agent_config_issue;
+    const agentConfigIssue = typeof rawAgentConfigIssue === 'string' && AGENT_CONFIG_ISSUES.has(rawAgentConfigIssue) ? rawAgentConfigIssue : undefined;
+    const exitCode = error.exitCode ?? error.exit_code;
+    const resolvedReason = parsedReason ? parsedReason : agentConfigIssue ? 'agent_config_invalid' : undefined;
+    if (resolvedReason === undefined) return null;
+    return {
+        message: typeof error.message === 'string' ? error.message : '',
+        exitCode: exitCode === null || typeof exitCode === 'number' ? exitCode : null,
+        signal: typeof error.signal === 'string' ? error.signal : undefined,
+        reason: resolvedReason,
+        agentConfigIssue,
+        category: step.type === 'setup' || step.type === 'checkout' ? 'setup' : 'user'
+    };
+}
+export function isAgentConfigFailure(step, error) {
+    return step.type === 'agent' && error?.reason === 'agent_config_invalid';
+}
+export function jobSucceededSummary(job, execution) {
+    if (job.carriedOver || execution.status !== 'succeeded') return undefined;
+    const stepCount = execution.steps.filter((step)=>step.status === 'succeeded').length;
+    if (stepCount === 0) return undefined;
+    const duration = execution.displayDuration;
+    return `${stepCount} step${stepCount === 1 ? '' : 's'} succeeded${duration ? ` in ${formatJobExecutionTime(duration)}` : ''}`;
+}
+
+//# sourceMappingURL=job-empty-states.js.map

package/dist/components/job-detail/job-empty-states.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/job-detail/job-empty-states.tsx"],"sourcesContent":["import {EmptyState} from '@shipfox/react-ui/empty-state';\nimport type {Job, JobExecution, Step, StepError} from '#core/workflow-run.js';\nimport {\n  AGENT_CONFIG_ISSUES,\n  deriveJobDisplayStatus,\n  deriveJobExecutionDisplayStatus,\n  STEP_ERROR_REASONS,\n} from '#core/workflow-run.js';\nimport type {StepListEmptyState} from '../step-list/index.js';\nimport {formatJobExecutionTime} from './job-execution-time-text.js';\n\nexport function emptyStateForJob(\n  job: Job,\n  jobExecution: JobExecution,\n): StepListEmptyState | undefined {\n  if (job.carriedOver) {\n    return {\n      title: 'Carried over from a previous attempt',\n      description: 'This job did not execute in this run.',\n      status: 'succeeded',\n    };\n  }\n\n  const displayStatus =\n    job.mode === 'listening'\n      ? deriveJobExecutionDisplayStatus(jobExecution)\n      : deriveJobDisplayStatus(job);\n\n  if (jobExecution.status === 'running' && displayStatus === 'pending') {\n    return {\n      title: 'Runner preparing job',\n      description: 'A runner is assigned. Steps will appear here when work begins.',\n      status: displayStatus,\n    };\n  }\n\n  if (displayStatus === 'pending') {\n    return {\n      title: 'Waiting for this job to start',\n      description: 'Steps will appear here once the job starts.',\n      status: displayStatus,\n    };\n  }\n\n  if (displayStatus === 'running') {\n    return {\n      title: 'Waiting for the first step',\n      description: 'The first running step will appear here shortly.',\n      status: displayStatus,\n    };\n  }\n\n  if (displayStatus === 'cancelled') {\n    return {\n      title: 'Cancelled before start',\n      description: 'This job was cancelled before any step started.',\n      status: displayStatus,\n    };\n  }\n\n  if (displayStatus === 'failed') {\n    return {\n      title: 'Job failed before its first step started',\n      description: preStepFailureDescription(jobExecution.statusReason ?? job.statusReason),\n      status: displayStatus,\n    };\n  }\n\n  if (displayStatus === 'succeeded') {\n    return {\n      title: 'Completed without recorded steps',\n      description: `Execution #${jobExecution.sequence} succeeded before any step output was recorded.`,\n      status: displayStatus,\n    };\n  }\n\n  return undefined;\n}\n\nexport function emptyStateForMissingExecution(job: Job): StepListEmptyState {\n  if (job.carriedOver) {\n    return {\n      title: 'Carried over from a previous attempt',\n      description: 'This job did not execute in this run.',\n      status: 'succeeded',\n    };\n  }\n\n  if (job.mode === 'listening' && job.listenerStatus === 'listening') {\n    return {\n      title: 'Waiting for trigger events',\n      description: 'Matching trigger events will create job executions here.',\n      status: deriveJobDisplayStatus(job),\n    };\n  }\n\n  if (job.mode === 'listening' && job.listenerStatus === 'resolved') {\n    return {\n      title: 'Listener resolved without executions',\n      description: 'No matching trigger event created a job execution before the listener stopped.',\n      status: job.status,\n    };\n  }\n\n  if (job.status === 'pending') {\n    return {\n      title: 'Waiting for this job to start',\n      description: 'No execution has been created for this job yet.',\n      status: 'pending',\n    };\n  }\n\n  if (job.status === 'skipped') {\n    return {\n      title: 'This job was skipped',\n      description: skippedJobDescription(job.statusReason),\n      status: 'skipped',\n    };\n  }\n\n  if (job.status === 'cancelled') {\n    return {\n      title: 'Cancelled before start',\n      description: 'This job was cancelled before an execution was created.',\n      status: 'cancelled',\n    };\n  }\n\n  return {\n    title: 'Execution details unavailable',\n    description: 'This job finished, but no job execution record is available.',\n    status: job.status,\n  };\n}\n\nexport function skippedJobDescription(reason: Job['statusReason']): string {\n  switch (reason) {\n    case 'dependency_not_completed':\n      return 'A required job did not complete, so this job was skipped.';\n    case 'default_gate_rejected':\n      return 'A required job did not succeed, so this job was skipped.';\n    case 'condition_false':\n    case 'condition_rejected':\n      return 'The job condition did not match, so this job was skipped.';\n    case 'condition_errored':\n      return 'The job condition could not be evaluated, so this job was skipped.';\n    case 'user_cancelled':\n    case 'run_cancelled':\n    case 'timed_out':\n    case 'runner_lost':\n    case 'step_failed':\n    case 'unknown':\n    case null:\n      return 'This job did not start.';\n  }\n}\n\nfunction preStepFailureDescription(reason: string | null): string {\n  switch (reason) {\n    case 'runner_lost':\n      return 'The runner stopped responding before work began. Check runner availability before re-running the workflow.';\n    case 'timed_out':\n      return 'The job timed out before work began. Check runner capacity and timeout configuration before re-running the workflow.';\n    case 'user_cancelled':\n    case 'run_cancelled':\n      return 'The execution ended while the run was being cancelled.';\n    case 'step_failed':\n      return 'The execution failed before step details were recorded. Review run annotations before re-running the workflow.';\n    case 'condition_errored':\n      return 'The job condition could not be evaluated. Review run annotations before re-running the workflow.';\n    case 'dependency_not_completed':\n    case 'default_gate_rejected':\n      return 'A required job did not complete successfully. Resolve that failure before re-running the workflow.';\n    case 'condition_false':\n    case 'condition_rejected':\n      return 'The job condition did not match, so no work started.';\n    case 'unknown':\n    case null:\n      return 'Shipfox did not record a failure reason. Re-run only after checking the runner and workflow configuration.';\n    default:\n      return `The execution ended because ${humanizeFailureReason(reason)}. Resolve that condition before re-running the workflow.`;\n  }\n}\n\nfunction humanizeFailureReason(reason: string): string {\n  return reason.replaceAll('_', ' ').replaceAll('-', ' ');\n}\n\nexport function CarriedOverStepPanel() {\n  return (\n    <EmptyState\n      className=\"min-h-120 rounded-8 border border-border-neutral-base bg-background-components-base px-16 py-20\"\n      icon=\"componentLine\"\n      title=\"Carried over from a previous attempt\"\n      description=\"Not executed in this run.\"\n      variant=\"compact\"\n    />\n  );\n}\n\nexport function toSelectedAttemptError(\n  step: Step,\n  error: Record<string, unknown> | null,\n): StepError | null {\n  if (error === null) return null;\n\n  const rawReason = error.reason;\n  const parsedReason =\n    typeof rawReason === 'string' &&\n    STEP_ERROR_REASONS.has(rawReason as StepError['reason'] & string)\n      ? (rawReason as NonNullable<StepError['reason']>)\n      : undefined;\n  const rawAgentConfigIssue = error.agentConfigIssue ?? error.agent_config_issue;\n  const agentConfigIssue =\n    typeof rawAgentConfigIssue === 'string' &&\n    AGENT_CONFIG_ISSUES.has(rawAgentConfigIssue as NonNullable<StepError['agentConfigIssue']>)\n      ? (rawAgentConfigIssue as NonNullable<StepError['agentConfigIssue']>)\n      : undefined;\n  const exitCode = error.exitCode ?? error.exit_code;\n  const resolvedReason = parsedReason\n    ? parsedReason\n    : agentConfigIssue\n      ? 'agent_config_invalid'\n      : undefined;\n\n  if (resolvedReason === undefined) return null;\n\n  return {\n    message: typeof error.message === 'string' ? error.message : '',\n    exitCode: exitCode === null || typeof exitCode === 'number' ? exitCode : null,\n    signal: typeof error.signal === 'string' ? error.signal : undefined,\n    reason: resolvedReason,\n    agentConfigIssue,\n    category: step.type === 'setup' || step.type === 'checkout' ? 'setup' : 'user',\n  };\n}\n\nexport function isAgentConfigFailure(step: Step, error: StepError | null): boolean {\n  return step.type === 'agent' && error?.reason === 'agent_config_invalid';\n}\n\nexport function jobSucceededSummary(job: Job, execution: JobExecution): string | undefined {\n  if (job.carriedOver || execution.status !== 'succeeded') return undefined;\n  const stepCount = execution.steps.filter((step) => step.status === 'succeeded').length;\n  if (stepCount === 0) return undefined;\n  const duration = execution.displayDuration;\n  return `${stepCount} step${stepCount === 1 ? '' : 's'} succeeded${duration ? ` in ${formatJobExecutionTime(duration)}` : ''}`;\n}\n"],"names":["EmptyState","AGENT_CONFIG_ISSUES","deriveJobDisplayStatus","deriveJobExecutionDisplayStatus","STEP_ERROR_REASONS","formatJobExecutionTime","emptyStateForJob","job","jobExecution","carriedOver","title","description","status","displayStatus","mode","preStepFailureDescription","statusReason","sequence","undefined","emptyStateForMissingExecution","listenerStatus","skippedJobDescription","reason","humanizeFailureReason","replaceAll","CarriedOverStepPanel","className","icon","variant","toSelectedAttemptError","step","error","rawReason","parsedReason","has","rawAgentConfigIssue","agentConfigIssue","agent_config_issue","exitCode","exit_code","resolvedReason","message","signal","category","type","isAgentConfigFailure","jobSucceededSummary","execution","stepCount","steps","filter","length","duration","displayDuration"],"mappings":"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"}

package/dist/components/job-detail/job-execution-switcher.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"job-execution-switcher.d.ts","sourceRoot":"","sources":["../../../src/components/job-detail/job-execution-switcher.tsx"],"names":[],"mappings":"AAaA,OAAO,EAAkC,KAAK,GAAG,EAAoB,MAAM,uBAAuB,CAAC;AAGnG,MAAM,WAAW,yBAAyB;IACxC,GAAG,EAAE,GAAG,CAAC;IACT,oBAAoB,EAAE,MAAM,GAAG,IAAI,CAAC;IACpC,4BAA4B,EAAE,CAAC,cAAc,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/D,OAAO,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,SAAS,CAAC;IAC1C,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CAChC;AAED,wBAAgB,oBAAoB,CAAC,EACnC,GAAG,EACH,oBAAoB,EACpB,4BAA4B,EAC5B,OAAmB,EACnB,SAAS,GACV,EAAE,yBAAyB,sCA+F3B"}

package/dist/components/job-detail/job-execution-switcher.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/job-detail/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 {getWorkflowStatusVisual} from '#components/workflow-status/status-visuals.js';\nimport {WorkflowStatusIcon} from '#components/workflow-status/workflow-status-icon.js';\nimport {deriveJobExecutionDisplayStatus, type Job, type JobExecution} from '#core/workflow-run.js';\nimport {formatJobExecutionTime, 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}: ${selected.displayName}`}\n      >\n        {variant === 'title' ? (\n          <TitleExecutionSummary 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                aria-label={executionAccessibleLabel(jobExecution)}\n                className=\"w-full text-left\"\n              >\n                <WorkflowStatusIcon\n                  status={deriveJobExecutionDisplayStatus(jobExecution)}\n                  size={14}\n                  tooltip={false}\n                />\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                  {jobExecution.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 executionAccessibleLabel(execution: JobExecution): string {\n  const status = getWorkflowStatusVisual(deriveJobExecutionDisplayStatus(execution));\n  return [\n    `Execution #${execution.sequence}: ${execution.displayName}`,\n    status.label,\n    execution.statusReason ?? undefined,\n    execution.displayDuration\n      ? `duration ${formatJobExecutionTime(execution.displayDuration)}`\n      : undefined,\n  ]\n    .filter((part): part is string => Boolean(part))\n    .join(', ');\n}\n\nfunction TitleExecutionSummary({execution}: {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        {execution.displayName}\n      </Text>\n    </span>\n  );\n}\n\nfunction ExecutionSummary({execution}: {execution: JobExecution}) {\n  const displayStatus = deriveJobExecutionDisplayStatus(execution);\n\n  return (\n    <span className=\"flex min-w-0 items-center gap-6\">\n      <WorkflowStatusIcon status={displayStatus} 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","getWorkflowStatusVisual","WorkflowStatusIcon","deriveJobExecutionDisplayStatus","formatJobExecutionTime","JobExecutionTimeText","JobExecutionSwitcher","job","selectedJobExecution","onSelectedJobExecutionChange","variant","className","executions","jobExecutions","sort","left","right","sequence","selected","find","jobExecution","id","executionCountVisible","div","ExecutionSummary","execution","aria-label","displayName","TitleExecutionSummary","name","align","size","length","map","isSelected","asChild","onSelect","button","type","aria-current","undefined","executionAccessibleLabel","status","tooltip","span","statusReason","JobExecutionDuration","label","displayDuration","filter","part","Boolean","join","as","bold","displayStatus","duration","time"],"mappings":"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"}

package/dist/components/job-detail/job-execution-time-text.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"job-execution-time-text.d.ts","sourceRoot":"","sources":["../../../src/components/job-detail/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/job-detail/job-execution-time-text.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/job-detail/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/job-detail/job-selection.d.ts

@@ -0,0 +1,24 @@
+import { type Job, type JobExecution, type Step, type StepAttempt } from '#core/workflow-run.js';
+import type { WorkflowJobSearch } from '#routes/inputs.js';
+export interface ResolvedWorkflowJobSelection {
+    jobExecution: JobExecution | undefined;
+    step: Step | undefined;
+    attempt: StepAttempt | undefined;
+    selectedAttemptId: string | null;
+}
+export interface WorkflowJobLandingSelection {
+    stepId: string;
+    attemptId: string;
+}
+/**
+ * Resolves job-scoped URL state. A valid step is authoritative over an execution id because a
+ * step carries its owning execution. A step from another job is ignored and falls back to the
+ * job's default execution rather than following a mangled URL into a different job.
+ */
+export declare function resolveWorkflowJobSelection({ job, selection, }: {
+    job: Job;
+    selection: WorkflowJobSearch;
+}): ResolvedWorkflowJobSelection;
+/** Picks the running step, then the first failed step, for the first useful page state. */
+export declare function workflowJobLandingSelection(jobExecution: JobExecution | undefined): WorkflowJobLandingSelection | undefined;
+//# sourceMappingURL=job-selection.d.ts.map

package/dist/components/job-detail/job-selection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"job-selection.d.ts","sourceRoot":"","sources":["../../../src/components/job-detail/job-selection.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,GAAG,EACR,KAAK,YAAY,EAGjB,KAAK,IAAI,EACT,KAAK,WAAW,EACjB,MAAM,uBAAuB,CAAC;AAC/B,OAAO,KAAK,EAAC,iBAAiB,EAAC,MAAM,mBAAmB,CAAC;AAEzD,MAAM,WAAW,4BAA4B;IAC3C,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,MAAM,WAAW,2BAA2B;IAC1C,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,EAAE,MAAM,CAAC;CACnB;AAED;;;;GAIG;AACH,wBAAgB,2BAA2B,CAAC,EAC1C,GAAG,EACH,SAAS,GACV,EAAE;IACD,GAAG,EAAE,GAAG,CAAC;IACT,SAAS,EAAE,iBAAiB,CAAC;CAC9B,GAAG,4BAA4B,CAuB/B;AAED,2FAA2F;AAC3F,wBAAgB,2BAA2B,CACzC,YAAY,EAAE,YAAY,GAAG,SAAS,GACrC,2BAA2B,GAAG,SAAS,CAazC"}

package/dist/components/job-detail/job-selection.js

@@ -0,0 +1,66 @@
+import { compareStepAttempts, resolveJobExecution, resolveStepAttempt } from '#core/workflow-run.js';
+/**
+ * Resolves job-scoped URL state. A valid step is authoritative over an execution id because a
+ * step carries its owning execution. A step from another job is ignored and falls back to the
+ * job's default execution rather than following a mangled URL into a different job.
+ */ export function resolveWorkflowJobSelection({ job, selection }) {
+    const step = selection.stepId ? findStep(job, selection.stepId) : undefined;
+    if (step) {
+        const attempt = resolveStepAttempt(step, selection.stepAttemptId);
+        const jobExecution = job.jobExecutions.find((candidate)=>candidate.id === step.jobExecutionId);
+        return {
+            jobExecution: jobExecution ?? resolveJobExecution(job, undefined),
+            step,
+            attempt,
+            selectedAttemptId: attempt?.id ?? null
+        };
+    }
+    return {
+        jobExecution: selection.stepId ? resolveJobExecution(job, undefined) : resolveJobExecution(job, selection.jobExecutionId),
+        step: undefined,
+        attempt: undefined,
+        selectedAttemptId: null
+    };
+}
+/** Picks the running step, then the first failed step, for the first useful page state. */ export function workflowJobLandingSelection(jobExecution) {
+    if (!jobExecution) return undefined;
+    const entries = orderedStepAttempts(jobExecution);
+    const running = [
+        ...entries
+    ].reverse().find((entry)=>entry.attempt.status === 'running');
+    const failedStep = [
+        ...jobExecution.steps
+    ].sort(compareSteps).find((step)=>step.status === 'failed');
+    const failedAttempt = failedStep ? resolveStepAttempt(failedStep, undefined) : undefined;
+    const failed = failedStep && failedAttempt ? {
+        step: failedStep,
+        attempt: failedAttempt
+    } : undefined;
+    const selected = running ?? failed;
+    return selected ? {
+        stepId: selected.step.id,
+        attemptId: selected.attempt.id
+    } : undefined;
+}
+function findStep(job, stepId) {
+    for (const execution of job.jobExecutions){
+        const step = execution.steps.find((candidate)=>candidate.id === stepId);
+        if (step) return step;
+    }
+    return undefined;
+}
+function orderedStepAttempts(jobExecution) {
+    return [
+        ...jobExecution.steps
+    ].sort((left, right)=>left.position - right.position || left.id.localeCompare(right.id)).flatMap((step)=>[
+            ...step.attempts
+        ].sort(compareStepAttempts).map((attempt)=>({
+                step,
+                attempt
+            })));
+}
+function compareSteps(left, right) {
+    return left.position - right.position || left.id.localeCompare(right.id);
+}
+
+//# sourceMappingURL=job-selection.js.map

package/dist/components/job-detail/job-selection.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/job-detail/job-selection.ts"],"sourcesContent":["import {\n  compareStepAttempts,\n  type Job,\n  type JobExecution,\n  resolveJobExecution,\n  resolveStepAttempt,\n  type Step,\n  type StepAttempt,\n} from '#core/workflow-run.js';\nimport type {WorkflowJobSearch} from '#routes/inputs.js';\n\nexport interface ResolvedWorkflowJobSelection {\n  jobExecution: JobExecution | undefined;\n  step: Step | undefined;\n  attempt: StepAttempt | undefined;\n  selectedAttemptId: string | null;\n}\n\nexport interface WorkflowJobLandingSelection {\n  stepId: string;\n  attemptId: string;\n}\n\n/**\n * Resolves job-scoped URL state. A valid step is authoritative over an execution id because a\n * step carries its owning execution. A step from another job is ignored and falls back to the\n * job's default execution rather than following a mangled URL into a different job.\n */\nexport function resolveWorkflowJobSelection({\n  job,\n  selection,\n}: {\n  job: Job;\n  selection: WorkflowJobSearch;\n}): ResolvedWorkflowJobSelection {\n  const step = selection.stepId ? findStep(job, selection.stepId) : undefined;\n  if (step) {\n    const attempt = resolveStepAttempt(step, selection.stepAttemptId);\n    const jobExecution = job.jobExecutions.find(\n      (candidate) => candidate.id === step.jobExecutionId,\n    );\n    return {\n      jobExecution: jobExecution ?? resolveJobExecution(job, undefined),\n      step,\n      attempt,\n      selectedAttemptId: attempt?.id ?? null,\n    };\n  }\n\n  return {\n    jobExecution: selection.stepId\n      ? resolveJobExecution(job, undefined)\n      : resolveJobExecution(job, selection.jobExecutionId),\n    step: undefined,\n    attempt: undefined,\n    selectedAttemptId: null,\n  };\n}\n\n/** Picks the running step, then the first failed step, for the first useful page state. */\nexport function workflowJobLandingSelection(\n  jobExecution: JobExecution | undefined,\n): WorkflowJobLandingSelection | undefined {\n  if (!jobExecution) return undefined;\n\n  const entries = orderedStepAttempts(jobExecution);\n  const running = [...entries].reverse().find((entry) => entry.attempt.status === 'running');\n  const failedStep = [...jobExecution.steps]\n    .sort(compareSteps)\n    .find((step) => step.status === 'failed');\n  const failedAttempt = failedStep ? resolveStepAttempt(failedStep, undefined) : undefined;\n  const failed =\n    failedStep && failedAttempt ? {step: failedStep, attempt: failedAttempt} : undefined;\n  const selected = running ?? failed;\n  return selected ? {stepId: selected.step.id, attemptId: selected.attempt.id} : undefined;\n}\n\nfunction findStep(job: Job, stepId: string): Step | undefined {\n  for (const execution of job.jobExecutions) {\n    const step = execution.steps.find((candidate) => candidate.id === stepId);\n    if (step) return step;\n  }\n  return undefined;\n}\n\nfunction orderedStepAttempts(jobExecution: JobExecution) {\n  return [...jobExecution.steps]\n    .sort((left, right) => left.position - right.position || left.id.localeCompare(right.id))\n    .flatMap((step) =>\n      [...step.attempts].sort(compareStepAttempts).map((attempt) => ({step, attempt})),\n    );\n}\n\nfunction compareSteps(left: Step, right: Step): number {\n  return left.position - right.position || left.id.localeCompare(right.id);\n}\n"],"names":["compareStepAttempts","resolveJobExecution","resolveStepAttempt","resolveWorkflowJobSelection","job","selection","step","stepId","findStep","undefined","attempt","stepAttemptId","jobExecution","jobExecutions","find","candidate","id","jobExecutionId","selectedAttemptId","workflowJobLandingSelection","entries","orderedStepAttempts","running","reverse","entry","status","failedStep","steps","sort","compareSteps","failedAttempt","failed","selected","attemptId","execution","left","right","position","localeCompare","flatMap","attempts","map"],"mappings":"AAAA,SACEA,mBAAmB,EAGnBC,mBAAmB,EACnBC,kBAAkB,QAGb,wBAAwB;AAe/B;;;;CAIC,GACD,OAAO,SAASC,4BAA4B,EAC1CC,GAAG,EACHC,SAAS,EAIV;IACC,MAAMC,OAAOD,UAAUE,MAAM,GAAGC,SAASJ,KAAKC,UAAUE,MAAM,IAAIE;IAClE,IAAIH,MAAM;QACR,MAAMI,UAAUR,mBAAmBI,MAAMD,UAAUM,aAAa;QAChE,MAAMC,eAAeR,IAAIS,aAAa,CAACC,IAAI,CACzC,CAACC,YAAcA,UAAUC,EAAE,KAAKV,KAAKW,cAAc;QAErD,OAAO;YACLL,cAAcA,gBAAgBX,oBAAoBG,KAAKK;YACvDH;YACAI;YACAQ,mBAAmBR,SAASM,MAAM;QACpC;IACF;IAEA,OAAO;QACLJ,cAAcP,UAAUE,MAAM,GAC1BN,oBAAoBG,KAAKK,aACzBR,oBAAoBG,KAAKC,UAAUY,cAAc;QACrDX,MAAMG;QACNC,SAASD;QACTS,mBAAmB;IACrB;AACF;AAEA,yFAAyF,GACzF,OAAO,SAASC,4BACdP,YAAsC;IAEtC,IAAI,CAACA,cAAc,OAAOH;IAE1B,MAAMW,UAAUC,oBAAoBT;IACpC,MAAMU,UAAU;WAAIF;KAAQ,CAACG,OAAO,GAAGT,IAAI,CAAC,CAACU,QAAUA,MAAMd,OAAO,CAACe,MAAM,KAAK;IAChF,MAAMC,aAAa;WAAId,aAAae,KAAK;KAAC,CACvCC,IAAI,CAACC,cACLf,IAAI,CAAC,CAACR,OAASA,KAAKmB,MAAM,KAAK;IAClC,MAAMK,gBAAgBJ,aAAaxB,mBAAmBwB,YAAYjB,aAAaA;IAC/E,MAAMsB,SACJL,cAAcI,gBAAgB;QAACxB,MAAMoB;QAAYhB,SAASoB;IAAa,IAAIrB;IAC7E,MAAMuB,WAAWV,WAAWS;IAC5B,OAAOC,WAAW;QAACzB,QAAQyB,SAAS1B,IAAI,CAACU,EAAE;QAAEiB,WAAWD,SAAStB,OAAO,CAACM,EAAE;IAAA,IAAIP;AACjF;AAEA,SAASD,SAASJ,GAAQ,EAAEG,MAAc;IACxC,KAAK,MAAM2B,aAAa9B,IAAIS,aAAa,CAAE;QACzC,MAAMP,OAAO4B,UAAUP,KAAK,CAACb,IAAI,CAAC,CAACC,YAAcA,UAAUC,EAAE,KAAKT;QAClE,IAAID,MAAM,OAAOA;IACnB;IACA,OAAOG;AACT;AAEA,SAASY,oBAAoBT,YAA0B;IACrD,OAAO;WAAIA,aAAae,KAAK;KAAC,CAC3BC,IAAI,CAAC,CAACO,MAAMC,QAAUD,KAAKE,QAAQ,GAAGD,MAAMC,QAAQ,IAAIF,KAAKnB,EAAE,CAACsB,aAAa,CAACF,MAAMpB,EAAE,GACtFuB,OAAO,CAAC,CAACjC,OACR;eAAIA,KAAKkC,QAAQ;SAAC,CAACZ,IAAI,CAAC5B,qBAAqByC,GAAG,CAAC,CAAC/B,UAAa,CAAA;gBAACJ;gBAAMI;YAAO,CAAA;AAEnF;AAEA,SAASmB,aAAaM,IAAU,EAAEC,KAAW;IAC3C,OAAOD,KAAKE,QAAQ,GAAGD,MAAMC,QAAQ,IAAIF,KAAKnB,EAAE,CAACsB,aAAa,CAACF,MAAMpB,EAAE;AACzE"}

package/dist/components/job-detail/step-attempt-log-panel.d.ts

@@ -0,0 +1,15 @@
+import { type RefObject } from 'react';
+export interface StepAttemptLogPanelProps {
+    stepId: string;
+    attempt: number;
+    attemptStatus: string;
+    /** The start time used by the page's quiet waiting-for-output state. */
+    attemptStartedAt?: string | undefined;
+    /** The page scroll column used by the uncapped job-detail log surface. */
+    pageScrollRef: RefObject<HTMLElement | null>;
+    surfaceClassName?: string | undefined;
+    initialErrorRetryCount?: number | undefined;
+    initialErrorRetryDelayMs?: number | undefined;
+}
+export declare function StepAttemptLogPanel({ stepId, attempt, attemptStatus, attemptStartedAt, pageScrollRef, surfaceClassName, initialErrorRetryCount, initialErrorRetryDelayMs, }: StepAttemptLogPanelProps): import("react").JSX.Element;
+//# sourceMappingURL=step-attempt-log-panel.d.ts.map

package/dist/components/job-detail/step-attempt-log-panel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"step-attempt-log-panel.d.ts","sourceRoot":"","sources":["../../../src/components/job-detail/step-attempt-log-panel.tsx"],"names":[],"mappings":"AASA,OAAO,EAAC,KAAK,SAAS,EAAoB,MAAM,OAAO,CAAC;AAQxD,MAAM,WAAW,wBAAwB;IACvC,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,MAAM,CAAC;IAChB,aAAa,EAAE,MAAM,CAAC;IACtB,wEAAwE;IACxE,gBAAgB,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACtC,0EAA0E;IAC1E,aAAa,EAAE,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;IAC7C,gBAAgB,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACtC,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,gBAAgB,EAChB,aAAa,EACb,gBAA2C,EAC3C,sBAAsD,EACtD,wBAA2D,GAC5D,EAAE,wBAAwB,+BAwF1B"}

package/dist/components/{workflow-run-view → job-detail}/step-attempt-log-panel.js

@@ -4,12 +4,12 @@ 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';
+import { JobExecutionTimeText } from './job-execution-time-text.js';
 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 defaultLogSurfaceClasses = 'rounded-8';
+export function StepAttemptLogPanel({ stepId, attempt, attemptStatus, attemptStartedAt, pageScrollRef, surfaceClassName = defaultLogSurfaceClasses, initialErrorRetryCount = INITIAL_LOG_ERROR_RETRY_COUNT, initialErrorRetryDelayMs = INITIAL_LOG_ERROR_RETRY_DELAY_MS }) {
     const shouldFollowTailRef = useRef(true);
     const missingStreamRetryCount = attemptStatus === 'running' ? undefined : initialErrorRetryCount;
     const retryMissingStream = attemptStatus === 'running' || isTerminalAttemptStatus(attemptStatus);
@@ -26,12 +26,26 @@ export function StepAttemptLogPanel({ stepId, attempt, attemptStatus, initialErr
     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(()=>{
+        const scrollElement = pageScrollRef.current;
+        if (!scrollElement) return undefined;
+        const onScroll = ()=>{
+            shouldFollowTailRef.current = isNearPageBottom(scrollElement);
+        };
+        scrollElement.addEventListener('scroll', onScroll, {
+            passive: true
+        });
+        onScroll();
+        return ()=>scrollElement.removeEventListener('scroll', onScroll);
+    }, [
+        pageScrollRef
+    ]);
     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"]');
+            const scrollElement = pageScrollRef.current;
             if (!scrollElement) return;
             scrollElement.scrollTop = scrollElement.scrollHeight;
         });
@@ -40,21 +54,25 @@ export function StepAttemptLogPanel({ stepId, attempt, attemptStatus, initialErr
         };
     }, [
         anchorToFailure,
+        pageScrollRef,
         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"
+            label: "Loading logs",
+            className: surfaceClassName
         });
     }
     if (missingActiveStream) {
+        if (attemptStatus === 'running' && attemptStartedAt) {
+            return /*#__PURE__*/ _jsx(StepLogsWaitingSurface, {
+                startedAt: attemptStartedAt,
+                className: surfaceClassName
+            });
+        }
         return /*#__PURE__*/ _jsx(StepLogsLoadingSurface, {
-            label: "Waiting for logs"
+            label: "Waiting for logs",
+            className: surfaceClassName
         });
     }
     if (initialError) {
@@ -64,7 +82,6 @@ export function StepAttemptLogPanel({ stepId, attempt, attemptStatus, initialErr
         });
     }
     return /*#__PURE__*/ _jsxs("div", {
-        ref: panelRef,
         className: "flex min-w-0 flex-col gap-8",
         children: [
             staleError ? /*#__PURE__*/ _jsx(Callout, {
@@ -93,18 +110,42 @@ export function StepAttemptLogPanel({ stepId, attempt, attemptStatus, initialErr
                 records: records,
                 emptyState: query.data?.complete ? 'complete' : 'pending',
                 anchorToFailure: anchorToFailure,
-                className: logSurfaceClasses,
-                onScroll: handleLogScroll
+                className: surfaceClassName
             })
         ]
     });
 }
-function StepLogsLoadingSurface({ label }) {
+function StepLogsLoadingSurface({ label, className }) {
     return /*#__PURE__*/ _jsx("div", {
         role: "status",
         "aria-label": label,
         children: /*#__PURE__*/ _jsx(LogViewSkeleton, {
-            className: logSurfaceClasses
+            className: className
+        })
+    });
+}
+function StepLogsWaitingSurface({ startedAt, className }) {
+    return /*#__PURE__*/ _jsx("div", {
+        role: "status",
+        "aria-label": "Waiting for logs",
+        className: className,
+        children: /*#__PURE__*/ _jsxs(Text, {
+            size: "xs",
+            className: "px-10 py-12 text-foreground-neutral-muted",
+            children: [
+                "Waiting for output ·",
+                ' ',
+                /*#__PURE__*/ _jsx("span", {
+                    className: "font-code tabular-nums",
+                    "aria-hidden": "true",
+                    children: /*#__PURE__*/ _jsx(JobExecutionTimeText, {
+                        time: {
+                            state: 'live',
+                            fromIso: startedAt
+                        }
+                    })
+                })
+            ]
         })
     });
 }
@@ -121,6 +162,10 @@ function cancelScheduledFrame(frame) {
     }
     window.clearTimeout(frame);
 }
+function isNearPageBottom(element) {
+    const distanceFromBottom = element.scrollHeight - element.scrollTop - element.clientHeight;
+    return distanceFromBottom <= TAIL_FOLLOW_THRESHOLD_PX;
+}
 function isTerminalAttemptStatus(status) {
     return status === 'succeeded' || status === 'failed' || status === 'cancelled';
 }

package/dist/components/job-detail/step-attempt-log-panel.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/job-detail/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 RefObject, useEffect, useRef} from 'react';\nimport {JobExecutionTimeText} from './job-execution-time-text.js';\n\nconst TAIL_FOLLOW_THRESHOLD_PX = 24;\nconst INITIAL_LOG_ERROR_RETRY_COUNT = 5;\nconst INITIAL_LOG_ERROR_RETRY_DELAY_MS = 1_500;\nconst defaultLogSurfaceClasses = 'rounded-8';\n\nexport interface StepAttemptLogPanelProps {\n  stepId: string;\n  attempt: number;\n  attemptStatus: string;\n  /** The start time used by the page's quiet waiting-for-output state. */\n  attemptStartedAt?: string | undefined;\n  /** The page scroll column used by the uncapped job-detail log surface. */\n  pageScrollRef: RefObject<HTMLElement | null>;\n  surfaceClassName?: string | undefined;\n  initialErrorRetryCount?: number | undefined;\n  initialErrorRetryDelayMs?: number | undefined;\n}\n\nexport function StepAttemptLogPanel({\n  stepId,\n  attempt,\n  attemptStatus,\n  attemptStartedAt,\n  pageScrollRef,\n  surfaceClassName = defaultLogSurfaceClasses,\n  initialErrorRetryCount = INITIAL_LOG_ERROR_RETRY_COUNT,\n  initialErrorRetryDelayMs = INITIAL_LOG_ERROR_RETRY_DELAY_MS,\n}: StepAttemptLogPanelProps) {\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    const scrollElement = pageScrollRef.current;\n    if (!scrollElement) return undefined;\n\n    const onScroll = () => {\n      shouldFollowTailRef.current = isNearPageBottom(scrollElement);\n    };\n    scrollElement.addEventListener('scroll', onScroll, {passive: true});\n    onScroll();\n    return () => scrollElement.removeEventListener('scroll', onScroll);\n  }, [pageScrollRef]);\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 = pageScrollRef.current;\n      if (!scrollElement) return;\n      scrollElement.scrollTop = scrollElement.scrollHeight;\n    });\n\n    return () => {\n      cancelScheduledFrame(frame);\n    };\n  }, [anchorToFailure, pageScrollRef, recordCount]);\n\n  if (query.isPending) {\n    return <StepLogsLoadingSurface label=\"Loading logs\" className={surfaceClassName} />;\n  }\n\n  if (missingActiveStream) {\n    if (attemptStatus === 'running' && attemptStartedAt) {\n      return <StepLogsWaitingSurface startedAt={attemptStartedAt} className={surfaceClassName} />;\n    }\n    return <StepLogsLoadingSurface label=\"Waiting for logs\" className={surfaceClassName} />;\n  }\n\n  if (initialError) {\n    return <StepLogsError retrying={query.isFetching} onRetry={() => void query.refetch()} />;\n  }\n\n  return (\n    <div 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={surfaceClassName}\n      />\n    </div>\n  );\n}\n\nfunction StepLogsLoadingSurface({label, className}: {label: string; className: string}) {\n  return (\n    <div role=\"status\" aria-label={label}>\n      <LogViewSkeleton className={className} />\n    </div>\n  );\n}\n\nfunction StepLogsWaitingSurface({startedAt, className}: {startedAt: string; className: string}) {\n  return (\n    <div role=\"status\" aria-label=\"Waiting for logs\" className={className}>\n      <Text size=\"xs\" className=\"px-10 py-12 text-foreground-neutral-muted\">\n        Waiting for output ·{' '}\n        <span className=\"font-code tabular-nums\" aria-hidden=\"true\">\n          <JobExecutionTimeText time={{state: 'live', fromIso: startedAt}} />\n        </span>\n      </Text>\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 isNearPageBottom(element: HTMLElement): boolean {\n  const distanceFromBottom = element.scrollHeight - element.scrollTop - element.clientHeight;\n  return distanceFromBottom <= TAIL_FOLLOW_THRESHOLD_PX;\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","JobExecutionTimeText","TAIL_FOLLOW_THRESHOLD_PX","INITIAL_LOG_ERROR_RETRY_COUNT","INITIAL_LOG_ERROR_RETRY_DELAY_MS","defaultLogSurfaceClasses","StepAttemptLogPanel","stepId","attempt","attemptStatus","attemptStartedAt","pageScrollRef","surfaceClassName","initialErrorRetryCount","initialErrorRetryDelayMs","shouldFollowTailRef","missingStreamRetryCount","undefined","retryMissingStream","isTerminalAttemptStatus","query","missingStreamRetryDelayMs","records","data","recordCount","length","anchorToFailure","missingActiveStream","error","initialError","isError","staleError","scrollElement","current","onScroll","isNearPageBottom","addEventListener","passive","removeEventListener","frame","scheduleAnimationFrame","scrollTop","scrollHeight","cancelScheduledFrame","isPending","StepLogsLoadingSurface","label","className","StepLogsWaitingSurface","startedAt","StepLogsError","retrying","isFetching","onRetry","refetch","div","role","type","size","variant","isLoading","onClick","emptyState","complete","aria-label","span","aria-hidden","time","state","fromIso","callback","globalThis","requestAnimationFrame","window","setTimeout","Date","now","cancelAnimationFrame","clearTimeout","element","distanceFromBottom","clientHeight","status"],"mappings":"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"}

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

@@ -54,7 +54,7 @@ export function JobGraphContent({ model, trigger, selectedJobId, onSelectJob })
         intervalMs: 1000,
         reducedMotionIntervalMs: 10_000,
         children: /*#__PURE__*/ _jsx("div", {
-            className: "min-h-0 overflow-auto bg-background-neutral-background",
+            className: "min-h-0 overflow-auto bg-transparent",
             children: /*#__PURE__*/ _jsxs("div", {
                 className: "relative",
                 style: {