@burdenoff/microfe-cosmicintersection 2026.805.1 → 2026.830.1

package/dist/cosmicintersection/pages/runs/RunDetailPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"RunDetailPage.js","names":[],"sources":["../../../../src/cosmicintersection/pages/runs/RunDetailPage.tsx"],"sourcesContent":["import { useMemo, useState } from 'react';\nimport { useParams } from 'react-router';\nimport type { LucideIcon } from 'lucide-react';\nimport { Check, Circle, ListTree, Loader2, Plus, X } from 'lucide-react';\nimport {\n  Button,\n  Card,\n  CardContent,\n  CardHeader,\n  CardTitle,\n  Dialog,\n  DialogContent,\n  DialogDescription,\n  DialogFooter,\n  DialogHeader,\n  DialogTitle,\n  Input,\n  Label,\n  Select,\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n  Textarea,\n} from '@burdenoff/fe-libs/ui';\n\nimport {\n  useCosAddRunStepMutation,\n  useCosRunQuery,\n  useCosRunStepsQuery,\n  useCosTransitionRunMutation,\n  type CosRunStatus,\n  type CosStepKind,\n} from '../../api/cosmicApi';\nimport {\n  ActivityFeedPanel,\n  EmptyState,\n  ErrorState,\n  LoadingState,\n  PageLayout,\n  SafeLink,\n  StatusBadge,\n  formatEnumLabel,\n} from '../../components';\nimport { useCosmicIntersection } from '../../context/CosmicIntersectionContext';\nimport { describeError, mutationSucceeded } from '../../lib/mutationResult';\nimport { notify } from '../../lib/toast';\n\nconst STEP_KIND_OPTIONS: CosStepKind[] = [\n  'INGEST',\n  'CALIBRATE',\n  'TRANSFORM',\n  'ANALYZE',\n  'EXPORT',\n  'NOTIFY',\n];\n\n// Valid forward transitions for the run state machine. Terminal states have none.\nconst NEXT_STATUSES: Record<CosRunStatus, CosRunStatus[]> = {\n  QUEUED: ['RUNNING', 'CANCELLED'],\n  RUNNING: ['SUCCEEDED', 'FAILED', 'CANCELLED'],\n  SUCCEEDED: [],\n  FAILED: [],\n  CANCELLED: [],\n};\n\n// Per-status timeline node: the icon rendered inside the spine circle + its\n// tone classes. Colour comes only from the semantic status token families.\nconst STEP_NODE: Record<CosRunStatus, { icon: LucideIcon; spin: boolean; wrap: string }> = {\n  SUCCEEDED: {\n    icon: Check,\n    spin: false,\n    wrap: 'border-status-success-border bg-status-success-bg-subtle text-status-success-text',\n  },\n  RUNNING: {\n    icon: Loader2,\n    spin: true,\n    wrap: 'border-status-warning-border bg-status-warning-bg-subtle text-status-warning-text',\n  },\n  FAILED: {\n    icon: X,\n    spin: false,\n    wrap: 'border-status-error-border bg-status-error-bg-subtle text-status-error-text',\n  },\n  QUEUED: {\n    icon: Circle,\n    spin: false,\n    wrap: 'border-status-info-border bg-status-info-bg-subtle text-status-info-text',\n  },\n  CANCELLED: {\n    icon: X,\n    spin: false,\n    wrap: 'border-border-default bg-bg-sunken text-text-secondary',\n  },\n};\n\nfunction formatDate(value?: string | null): string {\n  if (!value) {\n    return '—';\n  }\n  const date = new Date(value);\n  return Number.isNaN(date.getTime()) ? '—' : date.toLocaleString();\n}\n\nfunction formatDuration(ms?: number | null): string {\n  if (ms === null || ms === undefined) {\n    return '—';\n  }\n  if (ms < 1000) {\n    return `${ms} ms`;\n  }\n  const seconds = ms / 1000;\n  if (seconds < 60) {\n    return `${seconds.toFixed(1)} s`;\n  }\n  const minutes = Math.floor(seconds / 60);\n  const rest = Math.round(seconds % 60);\n  return `${minutes}m ${rest}s`;\n}\n\nfunction DetailRow({ label, children }: { label: string; children: React.ReactNode }) {\n  return (\n    <div className=\"flex flex-col gap-1 border-b border-border-seam py-3 last:border-0 sm:flex-row sm:items-start sm:gap-4\">\n      <span className=\"w-40 shrink-0 text-sm font-medium text-text-secondary\">{label}</span>\n      <span className=\"min-w-0 text-sm text-text-primary\">{children}</span>\n    </div>\n  );\n}\n\nfunction JsonBlock({ value }: { value?: Record<string, unknown> | null }) {\n  if (!value || Object.keys(value).length === 0) {\n    return <span className=\"text-sm text-text-secondary\">—</span>;\n  }\n  return (\n    <pre className=\"overflow-x-auto rounded-card border border-border-default bg-bg-sunken p-3 font-mono text-xs text-text-primary\">\n      {JSON.stringify(value, null, 2)}\n    </pre>\n  );\n}\n\nexport default function RunDetailPage() {\n  const { id = '' } = useParams<{ id: string }>();\n  const { navigate } = useCosmicIntersection();\n\n  const { data, loading, error, refetch } = useCosRunQuery(id);\n  const {\n    data: stepsData,\n    loading: stepsLoading,\n    error: stepsError,\n    refetch: refetchSteps,\n  } = useCosRunStepsQuery(id);\n\n  const [transitionRun, { loading: transitioning }] = useCosTransitionRunMutation();\n  const [addStep, { loading: addingStep }] = useCosAddRunStepMutation();\n\n  const [stepDialogOpen, setStepDialogOpen] = useState(false);\n  const [stepName, setStepName] = useState('');\n  const [stepKind, setStepKind] = useState<CosStepKind>('INGEST');\n  const [stepPosition, setStepPosition] = useState('');\n  const [stepInputs, setStepInputs] = useState('');\n\n  const run = data?.cosRun;\n  const steps = useMemo(\n    () => [...(stepsData?.cosListRunSteps ?? [])].sort((a, b) => a.position - b.position),\n    [stepsData]\n  );\n\n  const handleTransition = async (nextStatus: CosRunStatus) => {\n    if (!run) {\n      return;\n    }\n    const response = await transitionRun({ variables: { id: run.id, status: nextStatus } });\n    if (\n      !mutationSucceeded(response, response.data?.cosTransitionRun?.id, 'Could not update the run')\n    ) {\n      return;\n    }\n    notify.success('Run updated', `Run #${run.runNumber} moved to ${formatEnumLabel(nextStatus)}.`);\n    await Promise.all([refetch(), refetchSteps()]);\n  };\n\n  const resetStepForm = () => {\n    setStepName('');\n    setStepKind('INGEST');\n    setStepPosition('');\n    setStepInputs('');\n  };\n\n  const handleAddStep = async () => {\n    if (!run) {\n      return;\n    }\n    if (!stepName.trim()) {\n      notify.error('Step name is required', 'Give the step a name before adding it.');\n      return;\n    }\n\n    let inputs: Record<string, unknown> | undefined;\n    if (stepInputs.trim()) {\n      try {\n        const parsed = JSON.parse(stepInputs.trim()) as unknown;\n        if (typeof parsed !== 'object' || parsed === null || Array.isArray(parsed)) {\n          throw new Error('Inputs must be a JSON object.');\n        }\n        inputs = parsed as Record<string, unknown>;\n      } catch (parseError) {\n        notify.error(\n          'Invalid inputs JSON',\n          describeError(parseError) ?? 'Please provide valid JSON.'\n        );\n        return;\n      }\n    }\n\n    const positionValue = stepPosition.trim() ? Number(stepPosition.trim()) : undefined;\n    if (positionValue !== undefined && (Number.isNaN(positionValue) || positionValue < 0)) {\n      notify.error('Invalid position', 'Position must be a non-negative number.');\n      return;\n    }\n\n    const response = await addStep({\n      variables: {\n        input: {\n          runId: run.id,\n          name: stepName.trim(),\n          kind: stepKind,\n          inputs,\n          position: positionValue,\n        },\n      },\n    });\n    if (!mutationSucceeded(response, response.data?.cosAddRunStep?.id, 'Could not add the step')) {\n      return;\n    }\n    notify.success('Step added', `“${stepName.trim()}” was added to the run.`);\n    setStepDialogOpen(false);\n    resetStepForm();\n    await refetchSteps();\n  };\n\n  if (loading) {\n    return (\n      <PageLayout title=\"Run\" backPath=\"runs\">\n        <LoadingState label=\"Loading run…\" />\n      </PageLayout>\n    );\n  }\n\n  if (error) {\n    return (\n      <PageLayout title=\"Run\" backPath=\"runs\">\n        <ErrorState onRetry={() => void refetch()} />\n      </PageLayout>\n    );\n  }\n\n  if (!run) {\n    return (\n      <PageLayout title=\"Run\" backPath=\"runs\">\n        <EmptyState\n          title=\"Run not found\"\n          description=\"This run may have been removed or you may not have access to it.\"\n          action={\n            <Button type=\"button\" variant=\"outline\" onClick={() => navigate('runs')}>\n              Back to runs\n            </Button>\n          }\n        />\n      </PageLayout>\n    );\n  }\n\n  const validTransitions = NEXT_STATUSES[run.status] ?? [];\n\n  return (\n    <PageLayout\n      title={`Run #${run.runNumber}`}\n      description={run.pipeline ? `Pipeline: ${run.pipeline.name}` : undefined}\n      backPath=\"runs\"\n      actions={\n        <div className=\"flex flex-wrap items-center gap-2\">\n          {validTransitions.map((next) => (\n            <Button\n              key={next}\n              type=\"button\"\n              variant={next === 'CANCELLED' || next === 'FAILED' ? 'outline' : 'default'}\n              onClick={() => void handleTransition(next)}\n              disabled={transitioning}\n            >\n              {`Mark ${formatEnumLabel(next)}`}\n            </Button>\n          ))}\n          <Button type=\"button\" variant=\"outline\" onClick={() => setStepDialogOpen(true)}>\n            <Plus className=\"size-4\" />\n            Add step\n          </Button>\n        </div>\n      }\n    >\n      <div className=\"space-y-6\">\n        <Card>\n          <CardHeader>\n            <CardTitle>Overview</CardTitle>\n          </CardHeader>\n          <CardContent>\n            <DetailRow label=\"Status\">\n              <StatusBadge status={run.status} />\n            </DetailRow>\n            <DetailRow label=\"Pipeline\">\n              {run.pipeline ? (\n                <button\n                  type=\"button\"\n                  className=\"text-text-primary underline-offset-2 hover:underline\"\n                  onClick={() => navigate(`pipelines/${run.pipelineId}`)}\n                >\n                  {run.pipeline.name}\n                </button>\n              ) : (\n                <span className=\"font-mono text-xs\">{run.pipelineId}</span>\n              )}\n            </DetailRow>\n            <DetailRow label=\"Dataset\">\n              {run.datasetId ? (\n                <button\n                  type=\"button\"\n                  className=\"text-text-primary underline-offset-2 hover:underline\"\n                  onClick={() => navigate(`datasets/${run.datasetId}`)}\n                >\n                  <span className=\"font-mono text-xs\">{run.datasetId}</span>\n                </button>\n              ) : (\n                '—'\n              )}\n            </DetailRow>\n            <DetailRow label=\"Triggered by\">{run.triggeredBy || '—'}</DetailRow>\n            <DetailRow label=\"Started\">{formatDate(run.startedAt)}</DetailRow>\n            <DetailRow label=\"Finished\">{formatDate(run.finishedAt)}</DetailRow>\n            <DetailRow label=\"Duration\">{formatDuration(run.durationMs)}</DetailRow>\n            {run.errorMessage ? (\n              <DetailRow label=\"Error\">\n                <span className=\"text-status-error-text\">{run.errorMessage}</span>\n              </DetailRow>\n            ) : null}\n            {validTransitions.length === 0 ? (\n              <DetailRow label=\"Discuss\">\n                <SafeLink\n                  href=\"/conversations\"\n                  className=\"text-text-primary underline-offset-2 hover:underline\"\n                >\n                  Open discussions\n                </SafeLink>\n              </DetailRow>\n            ) : null}\n          </CardContent>\n        </Card>\n\n        <div className=\"grid grid-cols-1 gap-6 lg:grid-cols-2\">\n          <Card>\n            <CardHeader>\n              <CardTitle>Parameters</CardTitle>\n            </CardHeader>\n            <CardContent>\n              <JsonBlock value={run.params} />\n            </CardContent>\n          </Card>\n          <Card>\n            <CardHeader>\n              <CardTitle>Metrics</CardTitle>\n            </CardHeader>\n            <CardContent>\n              <JsonBlock value={run.metrics} />\n            </CardContent>\n          </Card>\n        </div>\n\n        <Card>\n          <CardHeader>\n            <CardTitle>Steps</CardTitle>\n          </CardHeader>\n          <CardContent>\n            {stepsLoading ? (\n              <LoadingState variant=\"rows\" rows={4} label=\"Loading steps…\" />\n            ) : stepsError ? (\n              <ErrorState message=\"Could not load steps.\" onRetry={() => void refetchSteps()} />\n            ) : steps.length === 0 ? (\n              <EmptyState\n                icon={ListTree}\n                title=\"No steps yet\"\n                description=\"Add steps to record the ingest, calibration, transform, analyze or export stages of this run.\"\n                action={\n                  <Button type=\"button\" onClick={() => setStepDialogOpen(true)}>\n                    <Plus className=\"size-4\" />\n                    Add step\n                  </Button>\n                }\n              />\n            ) : (\n              <ol className=\"flex flex-col\">\n                {steps.map((step, index) => {\n                  const node = STEP_NODE[step.status] ?? STEP_NODE.QUEUED;\n                  const NodeIcon = node.icon;\n                  const isLast = index === steps.length - 1;\n                  return (\n                    <li key={step.id} className=\"flex gap-4\">\n                      {/* Spine: status node + connecting line to the next step. */}\n                      <div className=\"flex flex-col items-center\">\n                        <span\n                          className={`flex size-8 shrink-0 items-center justify-center rounded-full border ${node.wrap}`}\n                        >\n                          <NodeIcon\n                            className={`size-4 ${node.spin ? 'animate-spin' : ''}`}\n                            aria-hidden=\"true\"\n                          />\n                        </span>\n                        {!isLast ? (\n                          <span className=\"w-px flex-1 bg-border-default\" aria-hidden=\"true\" />\n                        ) : null}\n                      </div>\n\n                      <div\n                        className={`min-w-0 flex-1 rounded-card border border-border-default bg-bg-elevated p-4 ${\n                          isLast ? '' : 'mb-4'\n                        }`}\n                      >\n                        <div className=\"flex flex-wrap items-center gap-2\">\n                          <span className=\"text-xs font-semibold tabular-nums text-text-secondary\">\n                            {index + 1}.\n                          </span>\n                          <span className=\"min-w-0 truncate font-medium text-text-primary\">\n                            {step.name}\n                          </span>\n                          <StatusBadge status={step.kind} tone=\"neutral\" />\n                          <StatusBadge status={step.status} className=\"ml-auto\" />\n                        </div>\n                        {step.errorMessage ? (\n                          <p className=\"mt-1.5 text-xs text-status-error-text\">\n                            {step.errorMessage}\n                          </p>\n                        ) : null}\n                        <p className=\"mt-1.5 text-xs text-text-secondary\">\n                          Duration: {formatDuration(step.durationMs)}\n                        </p>\n                      </div>\n                    </li>\n                  );\n                })}\n              </ol>\n            )}\n          </CardContent>\n        </Card>\n\n        <Card>\n          <CardHeader>\n            <CardTitle>Activity</CardTitle>\n          </CardHeader>\n          <CardContent>\n            <ActivityFeedPanel resourceId={run.id} resourceType=\"cosmicintersection-run\" />\n          </CardContent>\n        </Card>\n      </div>\n\n      <Dialog\n        open={stepDialogOpen}\n        onOpenChange={(next) => {\n          if (addingStep) {\n            return;\n          }\n          setStepDialogOpen(next);\n          if (!next) {\n            resetStepForm();\n          }\n        }}\n      >\n        <DialogContent>\n          <DialogHeader>\n            <DialogTitle>Add step</DialogTitle>\n            <DialogDescription>\n              Record a stage of this run — its kind, order and optional inputs.\n            </DialogDescription>\n          </DialogHeader>\n\n          <div className=\"space-y-4\">\n            <div className=\"space-y-1\">\n              <Label htmlFor=\"step-name\">Name</Label>\n              <Input\n                id=\"step-name\"\n                value={stepName}\n                onChange={(event) => setStepName(event.target.value)}\n                placeholder=\"e.g. Calibrate flat fields\"\n              />\n            </div>\n\n            <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2\">\n              <div className=\"space-y-1\">\n                <Label htmlFor=\"step-kind\">Kind</Label>\n                <Select\n                  value={stepKind}\n                  onValueChange={(value) => setStepKind(value as CosStepKind)}\n                >\n                  <SelectTrigger id=\"step-kind\" aria-label=\"Step kind\">\n                    <SelectValue />\n                  </SelectTrigger>\n                  <SelectContent>\n                    {STEP_KIND_OPTIONS.map((option) => (\n                      <SelectItem key={option} value={option}>\n                        {formatEnumLabel(option)}\n                      </SelectItem>\n                    ))}\n                  </SelectContent>\n                </Select>\n              </div>\n              <div className=\"space-y-1\">\n                <Label htmlFor=\"step-position\">Position</Label>\n                <Input\n                  id=\"step-position\"\n                  type=\"number\"\n                  min=\"0\"\n                  value={stepPosition}\n                  onChange={(event) => setStepPosition(event.target.value)}\n                  placeholder=\"Auto\"\n                />\n              </div>\n            </div>\n\n            <div className=\"space-y-1\">\n              <Label htmlFor=\"step-inputs\">Inputs (JSON)</Label>\n              <Textarea\n                id=\"step-inputs\"\n                value={stepInputs}\n                onChange={(event) => setStepInputs(event.target.value)}\n                rows={4}\n                spellCheck={false}\n                className=\"font-mono text-xs\"\n                placeholder={'{\\n  \"source\": \"raw-frames\"\\n}'}\n              />\n              <p className=\"text-xs text-text-secondary\">Optional. A JSON object of step inputs.</p>\n            </div>\n          </div>\n\n          <DialogFooter>\n            <Button\n              type=\"button\"\n              variant=\"outline\"\n              onClick={() => {\n                setStepDialogOpen(false);\n                resetStepForm();\n              }}\n              disabled={addingStep}\n            >\n              Cancel\n            </Button>\n            <Button type=\"button\" onClick={() => void handleAddStep()} disabled={addingStep}>\n              <Plus className=\"size-4\" />\n              {addingStep ? 'Adding…' : 'Add step'}\n            </Button>\n          </DialogFooter>\n        </DialogContent>\n      </Dialog>\n    </PageLayout>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"RunDetailPage.js","names":[],"sources":["../../../../src/cosmicintersection/pages/runs/RunDetailPage.tsx"],"sourcesContent":["import { useMemo, useState } from 'react';\nimport { useParams } from 'react-router';\nimport type { LucideIcon } from 'lucide-react';\nimport { Check, Circle, ListTree, Loader2, Plus, SearchX, X } from 'lucide-react';\nimport {\n  Badge,\n  Button,\n  Card,\n  CardContent,\n  CardHeader,\n  CardTitle,\n  Dialog,\n  DialogContent,\n  DialogDescription,\n  DialogFooter,\n  DialogHeader,\n  DialogTitle,\n  Input,\n  Label,\n  Select,\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n  Table,\n  TableBody,\n  TableCell,\n  TableHead,\n  TableHeader,\n  TableRow,\n  Textarea,\n} from '@burdenoff/fe-libs/ui';\n\nimport {\n  useCosAddRunStepMutation,\n  useCosDatasetSummaryQuery,\n  useCosPipelineFailedRunsQuery,\n  useCosRunQuery,\n  useCosRunStepsQuery,\n  useCosTransitionRunMutation,\n  type CosPipelineStep,\n  type CosRunStatus,\n  type CosStepKind,\n} from '../../api/cosmicApi';\nimport {\n  ActivityFeedPanel,\n  EmptyState,\n  ErrorState,\n  LoadingState,\n  PageLayout,\n  SafeLink,\n  StatusBadge,\n  formatEnumLabel,\n} from '../../components';\nimport { useCosmicIntersection } from '../../context/CosmicIntersectionContext';\nimport { describeError, mutationSucceeded } from '../../lib/mutationResult';\nimport { notify } from '../../lib/toast';\n\nconst STEP_KIND_OPTIONS: CosStepKind[] = [\n  'INGEST',\n  'CALIBRATE',\n  'TRANSFORM',\n  'ANALYZE',\n  'EXPORT',\n  'NOTIFY',\n];\n\n// Valid forward transitions for the run state machine. Terminal states have none.\nconst NEXT_STATUSES: Record<CosRunStatus, CosRunStatus[]> = {\n  QUEUED: ['RUNNING', 'CANCELLED'],\n  RUNNING: ['SUCCEEDED', 'FAILED', 'CANCELLED'],\n  SUCCEEDED: [],\n  FAILED: [],\n  CANCELLED: [],\n};\n\n// Per-status timeline node: the icon rendered inside the spine circle + its\n// tone classes. Colour comes only from the semantic status token families.\nconst STEP_NODE: Record<CosRunStatus, { icon: LucideIcon; spin: boolean; wrap: string }> = {\n  SUCCEEDED: {\n    icon: Check,\n    spin: false,\n    wrap: 'border-status-success-border bg-status-success-bg-subtle text-status-success-text',\n  },\n  RUNNING: {\n    icon: Loader2,\n    spin: true,\n    wrap: 'border-status-warning-border bg-status-warning-bg-subtle text-status-warning-text',\n  },\n  FAILED: {\n    icon: X,\n    spin: false,\n    wrap: 'border-status-error-border bg-status-error-bg-subtle text-status-error-text',\n  },\n  QUEUED: {\n    icon: Circle,\n    spin: false,\n    wrap: 'border-status-info-border bg-status-info-bg-subtle text-status-info-text',\n  },\n  CANCELLED: {\n    icon: X,\n    spin: false,\n    wrap: 'border-border-default bg-bg-sunken text-text-secondary',\n  },\n};\n\nfunction formatDate(value?: string | null): string {\n  if (!value) {\n    return '—';\n  }\n  const date = new Date(value);\n  return Number.isNaN(date.getTime()) ? '—' : date.toLocaleString();\n}\n\nfunction formatDuration(ms?: number | null): string {\n  if (ms === null || ms === undefined) {\n    return '—';\n  }\n  if (ms < 1000) {\n    return `${ms} ms`;\n  }\n  const seconds = ms / 1000;\n  if (seconds < 60) {\n    return `${seconds.toFixed(1)} s`;\n  }\n  const minutes = Math.floor(seconds / 60);\n  const rest = Math.round(seconds % 60);\n  return `${minutes}m ${rest}s`;\n}\n\n/**\n * The step a run broke at — the earliest FAILED step by position. A run can end\n * FAILED with no step recorded at all (the failure predates step capture, or the\n * run was failed by hand), in which case this is null and callers fall back to\n * the run-level errorMessage.\n */\nfunction failingStep(steps: readonly CosPipelineStep[] | undefined): CosPipelineStep | null {\n  const failed = (steps ?? []).filter((step) => step.status === 'FAILED');\n  if (failed.length === 0) {\n    return null;\n  }\n  return failed.reduce((earliest, step) => (step.position < earliest.position ? step : earliest));\n}\n\nfunction DetailRow({ label, children }: { label: string; children: React.ReactNode }) {\n  return (\n    <div className=\"flex flex-col gap-1 border-b border-border-seam py-3 last:border-0 sm:flex-row sm:items-start sm:gap-4\">\n      <span className=\"w-40 shrink-0 text-sm font-medium text-text-secondary\">{label}</span>\n      <span className=\"min-w-0 text-sm text-text-primary\">{children}</span>\n    </div>\n  );\n}\n\nfunction JsonBlock({ value }: { value?: Record<string, unknown> | null }) {\n  if (!value || Object.keys(value).length === 0) {\n    return <span className=\"text-sm text-text-secondary\">—</span>;\n  }\n  return (\n    <pre className=\"overflow-x-auto rounded-card border border-border-default bg-bg-sunken p-3 font-mono text-xs text-text-primary\">\n      {JSON.stringify(value, null, 2)}\n    </pre>\n  );\n}\n\nexport default function RunDetailPage() {\n  const { id = '' } = useParams<{ id: string }>();\n  const { navigate } = useCosmicIntersection();\n\n  const { data, loading, error, refetch } = useCosRunQuery(id);\n  const {\n    data: stepsData,\n    loading: stepsLoading,\n    error: stepsError,\n    refetch: refetchSteps,\n  } = useCosRunStepsQuery(id);\n\n  const [transitionRun, { loading: transitioning }] = useCosTransitionRunMutation();\n  const [addStep, { loading: addingStep }] = useCosAddRunStepMutation();\n\n  const [stepDialogOpen, setStepDialogOpen] = useState(false);\n  const [stepName, setStepName] = useState('');\n  const [stepKind, setStepKind] = useState<CosStepKind>('INGEST');\n  const [stepPosition, setStepPosition] = useState('');\n  const [stepInputs, setStepInputs] = useState('');\n\n  const run = data?.cosRun;\n  const steps = useMemo(\n    () => [...(stepsData?.cosListRunSteps ?? [])].sort((a, b) => a.position - b.position),\n    [stepsData]\n  );\n\n  // `CosPipelineRun.datasetId` is a bare ID in the SDL (no relation field), so\n  // resolve the name with the dedicated dataset lookup. Returns null when the\n  // caller cannot read that dataset — we then keep showing the raw id.\n  const { data: datasetSummaryData } = useCosDatasetSummaryQuery(run?.datasetId);\n  const datasetName = datasetSummaryData?.cosDataset?.name ?? null;\n\n  // Failure context: the other runs of this pipeline that also ended FAILED.\n  // Only fetched for a failed run — there is nothing to compare on a green one.\n  const runFailed = run?.status === 'FAILED';\n  const {\n    data: failedRunsData,\n    loading: failedRunsLoading,\n    error: failedRunsError,\n    refetch: refetchFailedRuns,\n  } = useCosPipelineFailedRunsQuery(run?.pipelineId, { skip: !runFailed });\n\n  const currentFailingStep = useMemo(() => failingStep(steps), [steps]);\n\n  const similarFailures = useMemo(() => {\n    const items = failedRunsData?.cosListRuns.items ?? [];\n    return items\n      .filter((candidate) => candidate.id !== run?.id)\n      .map((candidate) => {\n        const brokenAt = failingStep(candidate.steps);\n        return {\n          id: candidate.id,\n          runNumber: candidate.runNumber,\n          step: brokenAt,\n          // Prefer the step's own error; a run-level message is the fallback.\n          error: brokenAt?.errorMessage ?? candidate.errorMessage ?? null,\n          when: candidate.finishedAt ?? candidate.startedAt ?? candidate.createdAt,\n          sameStep:\n            currentFailingStep !== null &&\n            brokenAt !== null &&\n            brokenAt.name === currentFailingStep.name,\n        };\n      })\n      .slice(0, 8);\n  }, [failedRunsData, run?.id, currentFailingStep]);\n\n  const handleTransition = async (nextStatus: CosRunStatus) => {\n    if (!run) {\n      return;\n    }\n    const response = await transitionRun({ variables: { id: run.id, status: nextStatus } });\n    if (\n      !mutationSucceeded(response, response.data?.cosTransitionRun?.id, 'Could not update the run')\n    ) {\n      return;\n    }\n    notify.success('Run updated', `Run #${run.runNumber} moved to ${formatEnumLabel(nextStatus)}.`);\n    await Promise.all([refetch(), refetchSteps()]);\n  };\n\n  const resetStepForm = () => {\n    setStepName('');\n    setStepKind('INGEST');\n    setStepPosition('');\n    setStepInputs('');\n  };\n\n  const handleAddStep = async () => {\n    if (!run) {\n      return;\n    }\n    if (!stepName.trim()) {\n      notify.error('Step name is required', 'Give the step a name before adding it.');\n      return;\n    }\n\n    let inputs: Record<string, unknown> | undefined;\n    if (stepInputs.trim()) {\n      try {\n        const parsed = JSON.parse(stepInputs.trim()) as unknown;\n        if (typeof parsed !== 'object' || parsed === null || Array.isArray(parsed)) {\n          throw new Error('Inputs must be a JSON object.');\n        }\n        inputs = parsed as Record<string, unknown>;\n      } catch (parseError) {\n        notify.error(\n          'Invalid inputs JSON',\n          describeError(parseError) ?? 'Please provide valid JSON.'\n        );\n        return;\n      }\n    }\n\n    const positionValue = stepPosition.trim() ? Number(stepPosition.trim()) : undefined;\n    if (positionValue !== undefined && (Number.isNaN(positionValue) || positionValue < 0)) {\n      notify.error('Invalid position', 'Position must be a non-negative number.');\n      return;\n    }\n\n    const response = await addStep({\n      variables: {\n        input: {\n          runId: run.id,\n          name: stepName.trim(),\n          kind: stepKind,\n          inputs,\n          position: positionValue,\n        },\n      },\n    });\n    if (!mutationSucceeded(response, response.data?.cosAddRunStep?.id, 'Could not add the step')) {\n      return;\n    }\n    notify.success('Step added', `“${stepName.trim()}” was added to the run.`);\n    setStepDialogOpen(false);\n    resetStepForm();\n    await refetchSteps();\n  };\n\n  if (loading) {\n    return (\n      <PageLayout title=\"Run\" backPath=\"runs\">\n        <LoadingState label=\"Loading run…\" />\n      </PageLayout>\n    );\n  }\n\n  if (error) {\n    return (\n      <PageLayout title=\"Run\" backPath=\"runs\">\n        <ErrorState onRetry={() => void refetch()} />\n      </PageLayout>\n    );\n  }\n\n  if (!run) {\n    return (\n      <PageLayout title=\"Run\" backPath=\"runs\">\n        <EmptyState\n          title=\"Run not found\"\n          description=\"This run may have been removed or you may not have access to it.\"\n          action={\n            <Button type=\"button\" variant=\"outline\" onClick={() => navigate('runs')}>\n              Back to runs\n            </Button>\n          }\n        />\n      </PageLayout>\n    );\n  }\n\n  const validTransitions = NEXT_STATUSES[run.status] ?? [];\n\n  return (\n    <PageLayout\n      title={`Run #${run.runNumber}`}\n      description={run.pipeline ? `Pipeline: ${run.pipeline.name}` : undefined}\n      backPath=\"runs\"\n      actions={\n        <div className=\"flex flex-wrap items-center gap-2\">\n          {validTransitions.map((next) => (\n            <Button\n              key={next}\n              type=\"button\"\n              variant={next === 'CANCELLED' || next === 'FAILED' ? 'outline' : 'default'}\n              onClick={() => void handleTransition(next)}\n              disabled={transitioning}\n            >\n              {`Mark ${formatEnumLabel(next)}`}\n            </Button>\n          ))}\n          <Button type=\"button\" variant=\"outline\" onClick={() => setStepDialogOpen(true)}>\n            <Plus className=\"size-4\" />\n            Add step\n          </Button>\n        </div>\n      }\n    >\n      <div className=\"space-y-6\">\n        <Card>\n          <CardHeader>\n            <CardTitle>Overview</CardTitle>\n          </CardHeader>\n          <CardContent>\n            <DetailRow label=\"Status\">\n              <StatusBadge status={run.status} />\n            </DetailRow>\n            <DetailRow label=\"Pipeline\">\n              {run.pipeline ? (\n                <button\n                  type=\"button\"\n                  className=\"text-text-primary underline-offset-2 hover:underline\"\n                  onClick={() => navigate(`pipelines/${run.pipelineId}`)}\n                >\n                  {run.pipeline.name}\n                </button>\n              ) : (\n                <span className=\"font-mono text-xs\">{run.pipelineId}</span>\n              )}\n            </DetailRow>\n            <DetailRow label=\"Dataset\">\n              {run.datasetId ? (\n                <button\n                  type=\"button\"\n                  className=\"text-text-primary underline-offset-2 hover:underline\"\n                  onClick={() => navigate(`datasets/${run.datasetId}`)}\n                >\n                  {datasetName ?? <span className=\"font-mono text-xs\">{run.datasetId}</span>}\n                </button>\n              ) : (\n                '—'\n              )}\n            </DetailRow>\n            {run.pipeline ? (\n              <DetailRow label=\"Pipeline trigger\">\n                {/* The PIPELINE's configured trigger. The SDL records no\n                    per-run trigger, so this is deliberately not labelled as\n                    how this particular run was started. */}\n                <span className=\"inline-flex flex-wrap items-center gap-2\">\n                  <StatusBadge status={run.pipeline.trigger} tone=\"neutral\" />\n                  {run.pipeline.trigger === 'SCHEDULED' && run.pipeline.schedule ? (\n                    <span className=\"font-mono text-xs text-text-secondary\">\n                      {run.pipeline.schedule}\n                    </span>\n                  ) : null}\n                </span>\n              </DetailRow>\n            ) : null}\n            <DetailRow label=\"Triggered by\">{run.triggeredBy || '—'}</DetailRow>\n            <DetailRow label=\"Started\">{formatDate(run.startedAt)}</DetailRow>\n            <DetailRow label=\"Finished\">{formatDate(run.finishedAt)}</DetailRow>\n            <DetailRow label=\"Duration\">{formatDuration(run.durationMs)}</DetailRow>\n            {run.errorMessage ? (\n              <DetailRow label=\"Error\">\n                <span className=\"text-status-error-text\">{run.errorMessage}</span>\n              </DetailRow>\n            ) : null}\n            {validTransitions.length === 0 ? (\n              <DetailRow label=\"Discuss\">\n                <SafeLink\n                  href=\"/conversations\"\n                  className=\"text-text-primary underline-offset-2 hover:underline\"\n                >\n                  Open discussions\n                </SafeLink>\n              </DetailRow>\n            ) : null}\n          </CardContent>\n        </Card>\n\n        <div className=\"grid grid-cols-1 gap-6 lg:grid-cols-2\">\n          <Card>\n            <CardHeader>\n              <CardTitle>Parameters</CardTitle>\n            </CardHeader>\n            <CardContent>\n              <JsonBlock value={run.params} />\n            </CardContent>\n          </Card>\n          <Card>\n            <CardHeader>\n              <CardTitle>Metrics</CardTitle>\n            </CardHeader>\n            <CardContent>\n              <JsonBlock value={run.metrics} />\n            </CardContent>\n          </Card>\n        </div>\n\n        <Card>\n          <CardHeader>\n            <CardTitle>Steps</CardTitle>\n          </CardHeader>\n          <CardContent>\n            {stepsLoading ? (\n              <LoadingState variant=\"rows\" rows={4} label=\"Loading steps…\" />\n            ) : stepsError ? (\n              <ErrorState message=\"Could not load steps.\" onRetry={() => void refetchSteps()} />\n            ) : steps.length === 0 ? (\n              <EmptyState\n                icon={ListTree}\n                title=\"No steps yet\"\n                description=\"Add steps to record the ingest, calibration, transform, analyze or export stages of this run.\"\n                action={\n                  <Button type=\"button\" onClick={() => setStepDialogOpen(true)}>\n                    <Plus className=\"size-4\" />\n                    Add step\n                  </Button>\n                }\n              />\n            ) : (\n              <ol className=\"flex flex-col\">\n                {steps.map((step, index) => {\n                  const node = STEP_NODE[step.status] ?? STEP_NODE.QUEUED;\n                  const NodeIcon = node.icon;\n                  const isLast = index === steps.length - 1;\n                  return (\n                    <li key={step.id} className=\"flex gap-4\">\n                      {/* Spine: status node + connecting line to the next step. */}\n                      <div className=\"flex flex-col items-center\">\n                        <span\n                          className={`flex size-8 shrink-0 items-center justify-center rounded-full border ${node.wrap}`}\n                        >\n                          <NodeIcon\n                            className={`size-4 ${node.spin ? 'animate-spin' : ''}`}\n                            aria-hidden=\"true\"\n                          />\n                        </span>\n                        {!isLast ? (\n                          <span className=\"w-px flex-1 bg-border-default\" aria-hidden=\"true\" />\n                        ) : null}\n                      </div>\n\n                      <div\n                        className={`min-w-0 flex-1 rounded-card border border-border-default bg-bg-elevated p-4 ${\n                          isLast ? '' : 'mb-4'\n                        }`}\n                      >\n                        <div className=\"flex flex-wrap items-center gap-2\">\n                          <span className=\"text-xs font-semibold tabular-nums text-text-secondary\">\n                            {index + 1}.\n                          </span>\n                          <span className=\"min-w-0 truncate font-medium text-text-primary\">\n                            {step.name}\n                          </span>\n                          <StatusBadge status={step.kind} tone=\"neutral\" />\n                          <StatusBadge status={step.status} className=\"ml-auto\" />\n                        </div>\n                        {step.errorMessage ? (\n                          <p className=\"mt-1.5 text-xs text-status-error-text\">\n                            {step.errorMessage}\n                          </p>\n                        ) : null}\n                        <p className=\"mt-1.5 text-xs text-text-secondary\">\n                          Duration: {formatDuration(step.durationMs)}\n                        </p>\n                      </div>\n                    </li>\n                  );\n                })}\n              </ol>\n            )}\n          </CardContent>\n        </Card>\n\n        {/* Failure context — only meaningful once this run has actually failed. */}\n        {runFailed ? (\n          <Card>\n            <CardHeader>\n              <CardTitle>Similar failures</CardTitle>\n              <p className=\"text-sm text-text-secondary\">\n                {currentFailingStep\n                  ? `Other runs of this pipeline that ended in Failed. “Same step” marks the ones that broke at “${currentFailingStep.name}” too.`\n                  : 'Other runs of this pipeline that ended in Failed.'}\n              </p>\n            </CardHeader>\n            <CardContent>\n              {failedRunsLoading ? (\n                <LoadingState variant=\"rows\" rows={3} label=\"Loading failure history…\" />\n              ) : failedRunsError ? (\n                <ErrorState\n                  message=\"Could not load the pipeline's failure history.\"\n                  onRetry={() => void refetchFailedRuns()}\n                />\n              ) : similarFailures.length === 0 ? (\n                <EmptyState\n                  icon={SearchX}\n                  title=\"No other failed runs\"\n                  description=\"This is the only run of this pipeline that has failed so far.\"\n                />\n              ) : (\n                <>\n                  {/* Desktop / tablet: table */}\n                  <div className=\"hidden overflow-hidden rounded-card border border-border-default md:block\">\n                    <Table>\n                      <TableHeader>\n                        <TableRow>\n                          <TableHead>Run</TableHead>\n                          <TableHead>Step</TableHead>\n                          <TableHead>Error</TableHead>\n                          <TableHead>When</TableHead>\n                        </TableRow>\n                      </TableHeader>\n                      <TableBody>\n                        {similarFailures.map((failure) => (\n                          <TableRow\n                            key={failure.id}\n                            className=\"cursor-pointer\"\n                            onClick={() => navigate(`runs/${failure.id}`)}\n                          >\n                            <TableCell className=\"whitespace-nowrap font-medium text-text-primary\">\n                              Run #{failure.runNumber}\n                            </TableCell>\n                            <TableCell>\n                              {failure.step ? (\n                                <span className=\"inline-flex flex-wrap items-center gap-1.5\">\n                                  <span className=\"text-sm text-text-primary\">\n                                    {failure.step.name}\n                                  </span>\n                                  <StatusBadge status={failure.step.kind} tone=\"neutral\" />\n                                  {failure.sameStep ? (\n                                    <Badge\n                                      variant=\"outline\"\n                                      className=\"border-status-warning-border bg-status-warning-bg-subtle text-xs text-status-warning-text\"\n                                    >\n                                      Same step\n                                    </Badge>\n                                  ) : null}\n                                </span>\n                              ) : (\n                                <span className=\"text-sm text-text-secondary\">Not recorded</span>\n                              )}\n                            </TableCell>\n                            <TableCell className=\"max-w-md text-sm text-text-secondary\">\n                              <span className=\"line-clamp-2\">{failure.error ?? '—'}</span>\n                            </TableCell>\n                            <TableCell className=\"whitespace-nowrap text-sm text-text-secondary\">\n                              {formatDate(failure.when)}\n                            </TableCell>\n                          </TableRow>\n                        ))}\n                      </TableBody>\n                    </Table>\n                  </div>\n\n                  {/* Mobile: stacked cards */}\n                  <ul className=\"space-y-3 md:hidden\">\n                    {similarFailures.map((failure) => (\n                      <li key={failure.id}>\n                        <button\n                          type=\"button\"\n                          onClick={() => navigate(`runs/${failure.id}`)}\n                          className=\"flex w-full flex-col gap-2 rounded-card border border-border-default bg-bg-elevated p-4 text-left transition-colors hover:bg-bg-sunken focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-border-focus\"\n                        >\n                          <div className=\"flex flex-wrap items-center gap-1.5\">\n                            <span className=\"font-medium text-text-primary\">\n                              Run #{failure.runNumber}\n                            </span>\n                            {failure.step ? (\n                              <StatusBadge status={failure.step.kind} tone=\"neutral\" />\n                            ) : null}\n                            {failure.sameStep ? (\n                              <Badge\n                                variant=\"outline\"\n                                className=\"border-status-warning-border bg-status-warning-bg-subtle text-xs text-status-warning-text\"\n                              >\n                                Same step\n                              </Badge>\n                            ) : null}\n                          </div>\n                          <p className=\"text-sm text-text-primary\">\n                            {failure.step ? failure.step.name : 'Step not recorded'}\n                          </p>\n                          <p className=\"text-xs text-text-secondary\">{failure.error ?? '—'}</p>\n                          <p className=\"text-xs text-text-tertiary\">{formatDate(failure.when)}</p>\n                        </button>\n                      </li>\n                    ))}\n                  </ul>\n                </>\n              )}\n            </CardContent>\n          </Card>\n        ) : null}\n\n        <Card>\n          <CardHeader>\n            <CardTitle>Activity</CardTitle>\n          </CardHeader>\n          <CardContent>\n            <ActivityFeedPanel resourceId={run.id} resourceType=\"cosmicintersection-run\" />\n          </CardContent>\n        </Card>\n      </div>\n\n      <Dialog\n        open={stepDialogOpen}\n        onOpenChange={(next) => {\n          if (addingStep) {\n            return;\n          }\n          setStepDialogOpen(next);\n          if (!next) {\n            resetStepForm();\n          }\n        }}\n      >\n        <DialogContent>\n          <DialogHeader>\n            <DialogTitle>Add step</DialogTitle>\n            <DialogDescription>\n              Record a stage of this run — its kind, order and optional inputs.\n            </DialogDescription>\n          </DialogHeader>\n\n          <div className=\"space-y-4\">\n            <div className=\"space-y-1\">\n              <Label htmlFor=\"step-name\">Name</Label>\n              <Input\n                id=\"step-name\"\n                value={stepName}\n                onChange={(event) => setStepName(event.target.value)}\n                placeholder=\"e.g. Calibrate flat fields\"\n              />\n            </div>\n\n            <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2\">\n              <div className=\"space-y-1\">\n                <Label htmlFor=\"step-kind\">Kind</Label>\n                <Select\n                  value={stepKind}\n                  onValueChange={(value) => setStepKind(value as CosStepKind)}\n                >\n                  <SelectTrigger id=\"step-kind\" aria-label=\"Step kind\">\n                    <SelectValue />\n                  </SelectTrigger>\n                  <SelectContent>\n                    {STEP_KIND_OPTIONS.map((option) => (\n                      <SelectItem key={option} value={option}>\n                        {formatEnumLabel(option)}\n                      </SelectItem>\n                    ))}\n                  </SelectContent>\n                </Select>\n              </div>\n              <div className=\"space-y-1\">\n                <Label htmlFor=\"step-position\">Position</Label>\n                <Input\n                  id=\"step-position\"\n                  type=\"number\"\n                  min=\"0\"\n                  value={stepPosition}\n                  onChange={(event) => setStepPosition(event.target.value)}\n                  placeholder=\"Auto\"\n                />\n              </div>\n            </div>\n\n            <div className=\"space-y-1\">\n              <Label htmlFor=\"step-inputs\">Inputs (JSON)</Label>\n              <Textarea\n                id=\"step-inputs\"\n                value={stepInputs}\n                onChange={(event) => setStepInputs(event.target.value)}\n                rows={4}\n                spellCheck={false}\n                className=\"font-mono text-xs\"\n                placeholder={'{\\n  \"source\": \"raw-frames\"\\n}'}\n              />\n              <p className=\"text-xs text-text-secondary\">Optional. A JSON object of step inputs.</p>\n            </div>\n          </div>\n\n          <DialogFooter>\n            <Button\n              type=\"button\"\n              variant=\"outline\"\n              onClick={() => {\n                setStepDialogOpen(false);\n                resetStepForm();\n              }}\n              disabled={addingStep}\n            >\n              Cancel\n            </Button>\n            <Button type=\"button\" onClick={() => void handleAddStep()} disabled={addingStep}>\n              <Plus className=\"size-4\" />\n              {addingStep ? 'Adding…' : 'Add step'}\n            </Button>\n          </DialogFooter>\n        </DialogContent>\n      </Dialog>\n    </PageLayout>\n  );\n}\n"],"mappings":"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"}

package/dist/cosmicintersection/pages/runs/RunsPage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RunsPage.d.ts","sourceRoot":"","sources":["../../../../src/cosmicintersection/pages/runs/RunsPage.tsx"],"names":[],"mappings":"AAyDA,MAAM,CAAC,OAAO,UAAU,QAAQ,4CAyN/B"}
+{"version":3,"file":"RunsPage.d.ts","sourceRoot":"","sources":["../../../../src/cosmicintersection/pages/runs/RunsPage.tsx"],"names":[],"mappings":"AA0DA,MAAM,CAAC,OAAO,UAAU,QAAQ,4CAsO/B"}

package/dist/cosmicintersection/pages/runs/RunsPage.js

@@ -1,242 +1,251 @@
 import { useCosmicIntersection as e } from "../../context/CosmicIntersectionContext.js";
 import { useCosPipelinesQuery as t, useCosRunsQuery as n } from "../../api/cosmicApi.js";
-import r from "../../components/EmptyState.js";
-import i from "../../components/ErrorState.js";
-import a from "../../components/LoadingState.js";
-import o from "../../components/PageLayout.js";
-import s, { usePagination as c } from "../../components/Pagination.js";
-import l, { formatEnumLabel as u } from "../../components/StatusBadge.js";
+import { useTr as r } from "../../../shared/hooks/useTr.js";
+import i from "../../components/EmptyState.js";
+import a from "../../components/ErrorState.js";
+import o from "../../components/LoadingState.js";
+import s from "../../components/PageLayout.js";
+import c, { usePagination as l } from "../../components/Pagination.js";
+import u, { formatEnumLabel as d } from "../../components/StatusBadge.js";
 import "../../components/index.js";
-import { useMemo as d, useState as f } from "react";
-import { Fragment as p, jsx as m, jsxs as h } from "react/jsx-runtime";
-import { Activity as g, Eye as _ } from "lucide-react";
-import { Button as v, Select as y, SelectContent as b, SelectItem as x, SelectTrigger as S, SelectValue as C, Table as w, TableBody as T, TableCell as E, TableHead as D, TableHeader as O, TableRow as k } from "@burdenoff/fe-libs/ui";
+import { useMemo as f, useState as p } from "react";
+import { Fragment as m, jsx as h, jsxs as g } from "react/jsx-runtime";
+import { Activity as _, Eye as v } from "lucide-react";
+import { Button as y, Select as b, SelectContent as x, SelectItem as S, SelectTrigger as C, SelectValue as w, Table as T, TableBody as E, TableCell as D, TableHead as O, TableHeader as k, TableRow as A } from "@burdenoff/fe-libs/ui";
 //#region src/cosmicintersection/pages/runs/RunsPage.tsx
-var A = [
+var j = [
 	"QUEUED",
 	"RUNNING",
 	"SUCCEEDED",
 	"FAILED",
 	"CANCELLED"
-], j = "ALL";
-function M(e) {
+], M = "ALL";
+function N(e) {
 	if (!e) return "—";
 	let t = new Date(e);
 	return Number.isNaN(t.getTime()) ? "—" : t.toLocaleString();
 }
-function N(e) {
+function P(e) {
 	if (e == null) return "—";
 	if (e < 1e3) return `${e} ms`;
 	let t = e / 1e3;
 	return t < 60 ? `${t.toFixed(1)} s` : `${Math.floor(t / 60)}m ${Math.round(t % 60)}s`;
 }
-function P() {
-	let { navigate: P } = e(), [F, I] = f(j), [L, R] = f(j), z = c({ resetKey: `${F}:${L}` }), { data: B } = t({ pagination: {
+function F() {
+	let { navigate: F } = e(), I = r(), [L, R] = p(M), [z, B] = p(M), V = l({ resetKey: `${L}:${z}` }), { data: H } = t({ pagination: {
 		limit: 100,
 		offset: 0
-	} }), V = d(() => B?.cosListPipelines.items ?? [], [B]), H = d(() => {
+	} }), U = f(() => H?.cosListPipelines.items ?? [], [H]), W = f(() => {
 		let e = /* @__PURE__ */ new Map();
-		return V.forEach((t) => e.set(t.id, t.name)), e;
-	}, [V]), { data: U, loading: W, error: G, refetch: K } = n({
-		status: F === j ? void 0 : F,
-		pipelineId: L === j ? void 0 : L,
+		return U.forEach((t) => e.set(t.id, t.name)), e;
+	}, [U]), { data: G, loading: K, error: q, refetch: J } = n({
+		status: L === M ? void 0 : L,
+		pipelineId: z === M ? void 0 : z,
 		pagination: {
-			limit: z.limit,
-			offset: z.offset
+			limit: V.limit,
+			offset: V.offset
 		}
-	}), q = d(() => U?.cosListRuns.items ?? [], [U]), J = U?.cosListRuns.pageInfo;
-	return /* @__PURE__ */ m(o, {
-		title: "Runs",
-		description: "Every pipeline execution, with status, timings and outcomes.",
-		actions: /* @__PURE__ */ h(v, {
+	}), Y = f(() => G?.cosListRuns.items ?? [], [G]), X = G?.cosListRuns.pageInfo;
+	return /* @__PURE__ */ h(s, {
+		title: I("cosmicintersection.pages.runs.title", "Runs"),
+		description: I("cosmicintersection.pages.runs.description", "Every pipeline execution, with status, timings and outcomes."),
+		actions: /* @__PURE__ */ g(y, {
 			type: "button",
 			variant: "outline",
-			onClick: () => P("pipelines"),
-			children: [/* @__PURE__ */ m(_, { className: "size-4" }), "View pipelines"]
+			onClick: () => F("pipelines"),
+			children: [/* @__PURE__ */ h(v, { className: "size-4" }), I("cosmicintersection.pages.runs.viewPipelines", "View pipelines")]
 		}),
-		children: /* @__PURE__ */ h("div", {
+		children: /* @__PURE__ */ g("div", {
 			className: "space-y-4",
-			children: [/* @__PURE__ */ h("div", {
+			children: [/* @__PURE__ */ g("div", {
 				className: "flex flex-wrap items-center gap-3",
-				children: [/* @__PURE__ */ h("label", {
+				children: [/* @__PURE__ */ g("label", {
 					className: "flex items-center gap-2 text-sm text-text-secondary",
-					children: [/* @__PURE__ */ m("span", { children: "Status" }), /* @__PURE__ */ h(y, {
-						value: F,
-						onValueChange: (e) => I(e),
-						children: [/* @__PURE__ */ m(S, {
+					children: [/* @__PURE__ */ h("span", { children: "Status" }), /* @__PURE__ */ g(b, {
+						value: L,
+						onValueChange: (e) => R(e),
+						children: [/* @__PURE__ */ h(C, {
 							"aria-label": "Filter by status",
 							className: "w-40",
-							children: /* @__PURE__ */ m(C, {})
-						}), /* @__PURE__ */ h(b, { children: [/* @__PURE__ */ m(x, {
-							value: j,
+							children: /* @__PURE__ */ h(w, {})
+						}), /* @__PURE__ */ g(x, { children: [/* @__PURE__ */ h(S, {
+							value: M,
 							children: "All statuses"
-						}), A.map((e) => /* @__PURE__ */ m(x, {
+						}), j.map((e) => /* @__PURE__ */ h(S, {
 							value: e,
-							children: u(e)
+							children: d(e)
 						}, e))] })]
 					})]
-				}), /* @__PURE__ */ h("label", {
+				}), /* @__PURE__ */ g("label", {
 					className: "flex items-center gap-2 text-sm text-text-secondary",
-					children: [/* @__PURE__ */ m("span", { children: "Pipeline" }), /* @__PURE__ */ h(y, {
-						value: L,
-						onValueChange: (e) => R(e),
-						children: [/* @__PURE__ */ m(S, {
+					children: [/* @__PURE__ */ h("span", { children: "Pipeline" }), /* @__PURE__ */ g(b, {
+						value: z,
+						onValueChange: (e) => B(e),
+						children: [/* @__PURE__ */ h(C, {
 							"aria-label": "Filter by pipeline",
 							className: "w-56",
-							children: /* @__PURE__ */ m(C, {})
-						}), /* @__PURE__ */ h(b, { children: [/* @__PURE__ */ m(x, {
-							value: j,
+							children: /* @__PURE__ */ h(w, {})
+						}), /* @__PURE__ */ g(x, { children: [/* @__PURE__ */ h(S, {
+							value: M,
 							children: "All pipelines"
-						}), V.map((e) => /* @__PURE__ */ m(x, {
+						}), U.map((e) => /* @__PURE__ */ h(S, {
 							value: e.id,
 							children: e.name
 						}, e.id))] })]
 					})]
 				})]
-			}), W ? /* @__PURE__ */ m(a, {
-				variant: "rows",
-				rows: 6,
-				label: "Loading runs…"
-			}) : G ? /* @__PURE__ */ m(i, {
-				message: "We could not load pipeline runs. Please try again.",
-				onRetry: () => void K()
-			}) : q.length === 0 ? /* @__PURE__ */ m(r, {
-				icon: g,
-				title: F === j && L === j ? "No runs yet" : "No runs match these filters",
-				description: F === j && L === j ? "Runs appear here once you start a pipeline. Each run tracks its steps, timings and metrics." : "Try a different status or pipeline filter."
-			}) : /* @__PURE__ */ h(p, { children: [
-				/* @__PURE__ */ m("div", {
-					className: "hidden rounded-card border border-border-default bg-bg-elevated md:block",
-					children: /* @__PURE__ */ h(w, { children: [/* @__PURE__ */ m(O, { children: /* @__PURE__ */ h(k, { children: [
-						/* @__PURE__ */ m(D, { children: "Run" }),
-						/* @__PURE__ */ m(D, { children: "Pipeline" }),
-						/* @__PURE__ */ m(D, { children: "Status" }),
-						/* @__PURE__ */ m(D, { children: "Started" }),
-						/* @__PURE__ */ m(D, { children: "Finished" }),
-						/* @__PURE__ */ m(D, { children: "Duration" }),
-						/* @__PURE__ */ m(D, { children: "Triggered by" })
-					] }) }), /* @__PURE__ */ m(T, { children: q.map((e) => /* @__PURE__ */ h(k, {
-						className: "cursor-pointer",
-						onClick: () => P(`runs/${e.id}`),
-						children: [
-							/* @__PURE__ */ h(E, {
-								className: "font-medium text-text-primary",
-								children: ["#", e.runNumber]
-							}),
-							/* @__PURE__ */ m(E, {
-								className: "text-text-secondary",
-								children: /* @__PURE__ */ m("span", {
-									className: "truncate",
-									children: H.get(e.pipelineId) ?? /* @__PURE__ */ m("span", {
-										className: "font-mono text-xs",
-										children: e.pipelineId
-									})
-								})
-							}),
-							/* @__PURE__ */ m(E, { children: /* @__PURE__ */ m(l, { status: e.status }) }),
-							/* @__PURE__ */ m(E, {
-								className: "whitespace-nowrap text-text-secondary",
-								children: M(e.startedAt)
-							}),
-							/* @__PURE__ */ m(E, {
-								className: "whitespace-nowrap text-text-secondary",
-								children: M(e.finishedAt)
-							}),
-							/* @__PURE__ */ m(E, {
-								className: "tabular-nums text-text-secondary",
-								children: N(e.durationMs)
-							}),
-							/* @__PURE__ */ m(E, {
-								className: "text-text-secondary",
-								children: e.triggeredBy || "—"
-							})
-						]
-					}, e.id)) })] })
-				}),
-				/* @__PURE__ */ m("ul", {
-					className: "space-y-3 md:hidden",
-					children: q.map((e) => /* @__PURE__ */ m("li", { children: /* @__PURE__ */ h("button", {
-						type: "button",
-						onClick: () => P(`runs/${e.id}`),
-						className: "flex w-full flex-col gap-2 rounded-card border border-border-default bg-bg-elevated p-4 text-left transition-colors hover:border-border-strong",
-						children: [
-							/* @__PURE__ */ h("div", {
-								className: "flex items-center justify-between gap-2",
-								children: [/* @__PURE__ */ h("span", {
+			}), (() => {
+				if (K) return /* @__PURE__ */ h(o, {
+					variant: "rows",
+					rows: 6,
+					label: I("cosmicintersection.pages.runs.loading", "Loading runs…")
+				});
+				if (q) return /* @__PURE__ */ h(a, {
+					message: I("cosmicintersection.pages.runs.error", "We could not load pipeline runs. Please try again."),
+					onRetry: () => void J()
+				});
+				if (Y.length === 0) {
+					let e = L === M && z === M;
+					return /* @__PURE__ */ h(i, {
+						icon: _,
+						title: e ? I("cosmicintersection.pages.runs.emptyTitle", "No runs yet") : I("cosmicintersection.pages.runs.emptyFilterTitle", "No runs match these filters"),
+						description: e ? I("cosmicintersection.pages.runs.emptyDescription", "Runs appear here once you start a pipeline. Each run tracks its steps, timings and metrics.") : I("cosmicintersection.pages.runs.emptyFilterDescription", "Try a different status or pipeline filter.")
+					});
+				}
+				return /* @__PURE__ */ g(m, { children: [
+					/* @__PURE__ */ h("div", {
+						className: "hidden rounded-card border border-border-default bg-bg-elevated md:block",
+						children: /* @__PURE__ */ g(T, { children: [/* @__PURE__ */ h(k, { children: /* @__PURE__ */ g(A, { children: [
+							/* @__PURE__ */ h(O, { children: "Run" }),
+							/* @__PURE__ */ h(O, { children: "Pipeline" }),
+							/* @__PURE__ */ h(O, { children: "Status" }),
+							/* @__PURE__ */ h(O, { children: "Started" }),
+							/* @__PURE__ */ h(O, { children: "Finished" }),
+							/* @__PURE__ */ h(O, { children: "Duration" }),
+							/* @__PURE__ */ h(O, { children: "Triggered by" })
+						] }) }), /* @__PURE__ */ h(E, { children: Y.map((e) => /* @__PURE__ */ g(A, {
+							className: "cursor-pointer",
+							onClick: () => F(`runs/${e.id}`),
+							children: [
+								/* @__PURE__ */ g(D, {
 									className: "font-medium text-text-primary",
 									children: ["#", e.runNumber]
-								}), /* @__PURE__ */ m(l, { status: e.status })]
-							}),
-							/* @__PURE__ */ m("p", {
-								className: "truncate text-sm text-text-secondary",
-								children: H.get(e.pipelineId) ?? /* @__PURE__ */ m("span", {
-									className: "font-mono text-xs",
-									children: e.pipelineId
+								}),
+								/* @__PURE__ */ h(D, {
+									className: "text-text-secondary",
+									children: /* @__PURE__ */ h("span", {
+										className: "truncate",
+										children: W.get(e.pipelineId) ?? /* @__PURE__ */ h("span", {
+											className: "font-mono text-xs",
+											children: e.pipelineId
+										})
+									})
+								}),
+								/* @__PURE__ */ h(D, { children: /* @__PURE__ */ h(u, { status: e.status }) }),
+								/* @__PURE__ */ h(D, {
+									className: "whitespace-nowrap text-text-secondary",
+									children: N(e.startedAt)
+								}),
+								/* @__PURE__ */ h(D, {
+									className: "whitespace-nowrap text-text-secondary",
+									children: N(e.finishedAt)
+								}),
+								/* @__PURE__ */ h(D, {
+									className: "tabular-nums text-text-secondary",
+									children: P(e.durationMs)
+								}),
+								/* @__PURE__ */ h(D, {
+									className: "text-text-secondary",
+									children: e.triggeredBy || "—"
 								})
-							}),
-							/* @__PURE__ */ h("dl", {
-								className: "grid grid-cols-2 gap-x-3 gap-y-1 text-xs",
-								children: [
-									/* @__PURE__ */ h("div", {
-										className: "flex flex-col",
-										children: [/* @__PURE__ */ m("dt", {
-											className: "text-text-secondary",
-											children: "Started"
-										}), /* @__PURE__ */ m("dd", {
-											className: "text-text-primary",
-											children: M(e.startedAt)
-										})]
-									}),
-									/* @__PURE__ */ h("div", {
-										className: "flex flex-col",
-										children: [/* @__PURE__ */ m("dt", {
-											className: "text-text-secondary",
-											children: "Duration"
-										}), /* @__PURE__ */ m("dd", {
-											className: "tabular-nums text-text-primary",
-											children: N(e.durationMs)
-										})]
-									}),
-									/* @__PURE__ */ h("div", {
-										className: "flex flex-col",
-										children: [/* @__PURE__ */ m("dt", {
-											className: "text-text-secondary",
-											children: "Finished"
-										}), /* @__PURE__ */ m("dd", {
-											className: "text-text-primary",
-											children: M(e.finishedAt)
-										})]
-									}),
-									/* @__PURE__ */ h("div", {
-										className: "flex flex-col",
-										children: [/* @__PURE__ */ m("dt", {
-											className: "text-text-secondary",
-											children: "Triggered by"
-										}), /* @__PURE__ */ m("dd", {
-											className: "text-text-primary",
-											children: e.triggeredBy || "—"
-										})]
+							]
+						}, e.id)) })] })
+					}),
+					/* @__PURE__ */ h("ul", {
+						className: "space-y-3 md:hidden",
+						children: Y.map((e) => /* @__PURE__ */ h("li", { children: /* @__PURE__ */ g("button", {
+							type: "button",
+							onClick: () => F(`runs/${e.id}`),
+							className: "flex w-full flex-col gap-2 rounded-card border border-border-default bg-bg-elevated p-4 text-left transition-colors hover:border-border-strong",
+							children: [
+								/* @__PURE__ */ g("div", {
+									className: "flex items-center justify-between gap-2",
+									children: [/* @__PURE__ */ g("span", {
+										className: "font-medium text-text-primary",
+										children: ["#", e.runNumber]
+									}), /* @__PURE__ */ h(u, { status: e.status })]
+								}),
+								/* @__PURE__ */ h("p", {
+									className: "truncate text-sm text-text-secondary",
+									children: W.get(e.pipelineId) ?? /* @__PURE__ */ h("span", {
+										className: "font-mono text-xs",
+										children: e.pipelineId
 									})
-								]
-							})
-						]
-					}) }, e.id))
-				}),
-				/* @__PURE__ */ m(s, {
-					offset: z.offset,
-					limit: z.limit,
-					loadedCount: q.length,
-					hasMore: J?.hasMore ?? !1,
-					onPrev: z.prevPage,
-					onNext: z.nextPage,
-					itemLabel: "runs",
-					loading: W
-				})
-			] })]
+								}),
+								/* @__PURE__ */ g("dl", {
+									className: "grid grid-cols-2 gap-x-3 gap-y-1 text-xs",
+									children: [
+										/* @__PURE__ */ g("div", {
+											className: "flex flex-col",
+											children: [/* @__PURE__ */ h("dt", {
+												className: "text-text-secondary",
+												children: "Started"
+											}), /* @__PURE__ */ h("dd", {
+												className: "text-text-primary",
+												children: N(e.startedAt)
+											})]
+										}),
+										/* @__PURE__ */ g("div", {
+											className: "flex flex-col",
+											children: [/* @__PURE__ */ h("dt", {
+												className: "text-text-secondary",
+												children: "Duration"
+											}), /* @__PURE__ */ h("dd", {
+												className: "tabular-nums text-text-primary",
+												children: P(e.durationMs)
+											})]
+										}),
+										/* @__PURE__ */ g("div", {
+											className: "flex flex-col",
+											children: [/* @__PURE__ */ h("dt", {
+												className: "text-text-secondary",
+												children: "Finished"
+											}), /* @__PURE__ */ h("dd", {
+												className: "text-text-primary",
+												children: N(e.finishedAt)
+											})]
+										}),
+										/* @__PURE__ */ g("div", {
+											className: "flex flex-col",
+											children: [/* @__PURE__ */ h("dt", {
+												className: "text-text-secondary",
+												children: "Triggered by"
+											}), /* @__PURE__ */ h("dd", {
+												className: "text-text-primary",
+												children: e.triggeredBy || "—"
+											})]
+										})
+									]
+								})
+							]
+						}) }, e.id))
+					}),
+					/* @__PURE__ */ h(c, {
+						offset: V.offset,
+						limit: V.limit,
+						loadedCount: Y.length,
+						hasMore: X?.hasMore ?? !1,
+						onPrev: V.prevPage,
+						onNext: V.nextPage,
+						itemLabel: I("cosmicintersection.pages.runs.itemLabel", "runs"),
+						loading: K
+					})
+				] });
+			})()]
 		})
 	});
 }
 //#endregion
-export { P as default };
+export { F as default };
 
 //# sourceMappingURL=RunsPage.js.map