feat(scenarios): show last run status and timestamp on scenarios list

- extend findAll to join latest run per scenario via correlated subquery
- return lastRunStatus and lastRunAt fields in GET /scenarios response
- add Last Run column with badge and timestamp to ScenariosPage
- add integration tests for null and populated lastRunStatus

client/src/api/types.ts

@@ -90,6 +90,8 @@ export interface Scenario {
   environment?: Pick<Environment, 'id' | 'name'>;
   steps?: ScenarioStep[];
   scenarioCredentials?: ScenarioCredential[];
+  lastRunStatus?: ScenarioRunStatus | null;
+  lastRunAt?: string | null;
   createdAt: string;
   updatedAt: string;
 }

client/src/i18n/locales/en.json

@@ -127,6 +127,7 @@
     "col_id": "ID",
     "col_name": "Name",
     "col_description": "Description",
+    "col_last_run": "Last Run",
     "col_updated": "Updated",
     "empty": "No scenarios yet.",
     "loading": "Loading…",

client/src/pages/scenario/ScenariosPage.tsx

@@ -6,6 +6,7 @@ import { parse as yamlParse } from 'yaml';
 import { environments, scenarios } from '../../api';
 import type { Environment, Scenario } from '../../api';
 import {
+  Badge,
   Breadcrumbs,
   Button,
   Modal,
@@ -17,8 +18,24 @@ import {
   UuidBadge,
   useToast,
 } from '../../ui';
+import type { BadgeVariant } from '../../ui';
+import type { ScenarioRunStatus } from '../../api';
 import styles from '../Page.module.css';
 
+const LAST_RUN_VARIANT: Record<ScenarioRunStatus, BadgeVariant> = {
+  pending: 'neutral',
+  in_progress: 'info',
+  pass: 'success',
+  fail: 'error',
+};
+
+const LAST_RUN_LABEL: Record<ScenarioRunStatus, string> = {
+  pending: 'Pending',
+  in_progress: 'Running',
+  pass: 'Pass',
+  fail: 'Fail',
+};
+
 export function ScenariosPage() {
   const { t } = useTranslation();
   const navigate = useNavigate();
@@ -135,6 +152,24 @@ export function ScenariosPage() {
   const columns: TableColumn<Scenario>[] = [
     { key: 'id', header: t('scenarios.col_id'), render: (s) => <UuidBadge id={s.id} />, width: 60 },
     { key: 'name', header: t('scenarios.col_name'), render: (s) => s.name, sortable: true },
+    {
+      key: 'lastRunStatus',
+      header: t('scenarios.col_last_run'),
+      width: 160,
+      render: (s) =>
+        s.lastRunStatus ? (
+          <span style={{ display: 'inline-flex', alignItems: 'center', gap: 6 }}>
+            <span style={{ display: 'inline-flex', minWidth: 62 }}>
+              <Badge variant={LAST_RUN_VARIANT[s.lastRunStatus]}>
+                {LAST_RUN_LABEL[s.lastRunStatus]}
+              </Badge>
+            </span>
+            {s.lastRunAt && <Timestamp value={s.lastRunAt} />}
+          </span>
+        ) : (
+          <span style={{ color: 'var(--color-text-muted)', fontSize: '0.8em' }}>—</span>
+        ),
+    },
     {
       key: 'updatedAt',
       header: t('scenarios.col_updated'),