From b908bfe67ac8adafb4ac8f70320c02c8825efa3b Mon Sep 17 00:00:00 2001
From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com>
Date: Fri, 2 Jan 2026 20:30:19 +0000
Subject: [PATCH 1/6] Initial plan


From c0914748cdb0ac98b0eed35fa1557d0bffe8944e Mon Sep 17 00:00:00 2001
From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com>
Date: Fri, 2 Jan 2026 20:41:27 +0000
Subject: [PATCH 2/6] Add error indicator column to runner pool table

Co-authored-by: jog1t <39823706+jog1t@users.noreply.github.com>
---
 frontend/src/app/runner-config-table.tsx | 39 ++++++++++++++++++++++--
 1 file changed, 36 insertions(+), 3 deletions(-)

diff --git a/frontend/src/app/runner-config-table.tsx b/frontend/src/app/runner-config-table.tsx
index 03063f5b6f..40cfb975c9 100644
--- a/frontend/src/app/runner-config-table.tsx
+++ b/frontend/src/app/runner-config-table.tsx
@@ -1,6 +1,7 @@
 import {
 	faCog,
 	faCogs,
+	faExclamationTriangle,
 	faNextjs,
 	faRailway,
 	faTrash,
@@ -45,6 +46,7 @@ export function RunnerConfigsTable({
 		<Table>
 			<TableHeader>
 				<TableRow>
+					<TableHead />
 					<TableHead className="pl-8">Name</TableHead>
 					<TableHead>Provider</TableHead>
 					<TableHead className="pl-8">Endpoint</TableHead>
@@ -55,7 +57,7 @@ export function RunnerConfigsTable({
 			<TableBody>
 				{!isLoading && !isError && configs?.length === 0 ? (
 					<TableRow>
-						<TableCell colSpan={4}>
+						<TableCell colSpan={6}>
 							<Text className="text-center">
 								There's no providers matching criteria.
 							</Text>
@@ -64,7 +66,7 @@ export function RunnerConfigsTable({
 				) : null}
 				{isError ? (
 					<TableRow>
-						<TableCell colSpan={4}>
+						<TableCell colSpan={6}>
 							<Text className="text-center">
 								An error occurred while fetching providers.
 							</Text>
@@ -89,7 +91,7 @@ export function RunnerConfigsTable({
 
 				{!isLoading && hasNextPage ? (
 					<TableRow>
-						<TableCell colSpan={4}>
+						<TableCell colSpan={6}>
 							<Button
 								variant="outline"
 								isLoading={isLoading}
@@ -109,6 +111,9 @@ export function RunnerConfigsTable({
 function RowSkeleton() {
 	return (
 		<TableRow>
+			<TableCell>
+				<Skeleton className="w-full size-4" />
+			</TableCell>
 			<TableCell>
 				<Skeleton className="w-full h-4" />
 			</TableCell>
@@ -133,6 +138,9 @@ function Row({
 
 	return (
 		<TableRow>
+			<TableCell className="size-8">
+				<RunnerPoolErrorIndicator config={config} />
+			</TableCell>
 			<TableCell>
 				<DiscreteCopyButton value={name}>{name}</DiscreteCopyButton>
 			</TableCell>
@@ -281,3 +289,28 @@ function Regions({ regions }: { regions: string[] }) {
 		/>
 	);
 }
+
+function RunnerPoolErrorIndicator({ config }: { config: Rivet.RunnerConfig }) {
+	// Check if there's an error in the config
+	// The error field might be added to the API response in the future
+	const error = (config as any).error;
+
+	if (!error) {
+		return null;
+	}
+
+	return (
+		<WithTooltip
+			content="Error connecting to runner pool"
+			trigger={
+				<div className="text-center relative size-8">
+					<Icon
+						icon={faExclamationTriangle}
+						className="text-red-500 absolute inset-1/2 -translate-x-1/2 -translate-y-1/2"
+					/>
+				</div>
+			}
+		/>
+	);
+}
+

From 0c59e0b7d03c2fc16529e75c0aaddb6b31333f59 Mon Sep 17 00:00:00 2001
From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com>
Date: Fri, 2 Jan 2026 20:42:53 +0000
Subject: [PATCH 3/6] Address code review feedback: use typed error check and
 constant for colspan

Co-authored-by: jog1t <39823706+jog1t@users.noreply.github.com>
---
 frontend/src/app/runner-config-table.tsx | 13 ++++++++-----
 1 file changed, 8 insertions(+), 5 deletions(-)

diff --git a/frontend/src/app/runner-config-table.tsx b/frontend/src/app/runner-config-table.tsx
index 40cfb975c9..83aadf6f23 100644
--- a/frontend/src/app/runner-config-table.tsx
+++ b/frontend/src/app/runner-config-table.tsx
@@ -27,6 +27,8 @@ import { ActorRegion } from "@/components/actors";
 import { REGION_LABEL } from "@/components/matchmaker/lobby-region";
 import { hasMetadataProvider } from "./data-providers/engine-data-provider";
 
+const TABLE_COLUMN_COUNT = 6;
+
 interface RunnerConfigsTableProps {
 	isLoading?: boolean;
 	isError?: boolean;
@@ -57,7 +59,7 @@ export function RunnerConfigsTable({
 			<TableBody>
 				{!isLoading && !isError && configs?.length === 0 ? (
 					<TableRow>
-						<TableCell colSpan={6}>
+						<TableCell colSpan={TABLE_COLUMN_COUNT}>
 							<Text className="text-center">
 								There's no providers matching criteria.
 							</Text>
@@ -66,7 +68,7 @@ export function RunnerConfigsTable({
 				) : null}
 				{isError ? (
 					<TableRow>
-						<TableCell colSpan={6}>
+						<TableCell colSpan={TABLE_COLUMN_COUNT}>
 							<Text className="text-center">
 								An error occurred while fetching providers.
 							</Text>
@@ -91,7 +93,7 @@ export function RunnerConfigsTable({
 
 				{!isLoading && hasNextPage ? (
 					<TableRow>
-						<TableCell colSpan={6}>
+						<TableCell colSpan={TABLE_COLUMN_COUNT}>
 							<Button
 								variant="outline"
 								isLoading={isLoading}
@@ -292,8 +294,9 @@ function Regions({ regions }: { regions: string[] }) {
 
 function RunnerPoolErrorIndicator({ config }: { config: Rivet.RunnerConfig }) {
 	// Check if there's an error in the config
-	// The error field might be added to the API response in the future
-	const error = (config as any).error;
+	// The error field will be added to the API response in the future
+	type RunnerConfigWithError = Rivet.RunnerConfig & { error?: unknown };
+	const error = (config as RunnerConfigWithError).error;
 
 	if (!error) {
 		return null;

From fc9786cdc6ec53fb3a3ceceb9000da50c55bd21e Mon Sep 17 00:00:00 2001
From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com>
Date: Fri, 2 Jan 2026 20:43:34 +0000
Subject: [PATCH 4/6] Move RunnerConfigWithError type to module level

Co-authored-by: jog1t <39823706+jog1t@users.noreply.github.com>
---
 frontend/src/app/runner-config-table.tsx | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/frontend/src/app/runner-config-table.tsx b/frontend/src/app/runner-config-table.tsx
index 83aadf6f23..c184491f19 100644
--- a/frontend/src/app/runner-config-table.tsx
+++ b/frontend/src/app/runner-config-table.tsx
@@ -29,6 +29,8 @@ import { hasMetadataProvider } from "./data-providers/engine-data-provider";
 
 const TABLE_COLUMN_COUNT = 6;
 
+type RunnerConfigWithError = Rivet.RunnerConfig & { error?: unknown };
+
 interface RunnerConfigsTableProps {
 	isLoading?: boolean;
 	isError?: boolean;
@@ -295,7 +297,6 @@ function Regions({ regions }: { regions: string[] }) {
 function RunnerPoolErrorIndicator({ config }: { config: Rivet.RunnerConfig }) {
 	// Check if there's an error in the config
 	// The error field will be added to the API response in the future
-	type RunnerConfigWithError = Rivet.RunnerConfig & { error?: unknown };
 	const error = (config as RunnerConfigWithError).error;
 
 	if (!error) {

From 614ccd8dd7a3c93db7de7a32598e7fd35934ef0f Mon Sep 17 00:00:00 2001
From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com>
Date: Fri, 2 Jan 2026 20:44:57 +0000
Subject: [PATCH 5/6] Fix accessibility and layout consistency issues

Co-authored-by: jog1t <39823706+jog1t@users.noreply.github.com>
---
 frontend/src/app/runner-config-table.tsx | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/frontend/src/app/runner-config-table.tsx b/frontend/src/app/runner-config-table.tsx
index c184491f19..2ddc4e39cb 100644
--- a/frontend/src/app/runner-config-table.tsx
+++ b/frontend/src/app/runner-config-table.tsx
@@ -50,7 +50,9 @@ export function RunnerConfigsTable({
 		<Table>
 			<TableHeader>
 				<TableRow>
-					<TableHead />
+					<TableHead>
+						<span className="sr-only">Status</span>
+					</TableHead>
 					<TableHead className="pl-8">Name</TableHead>
 					<TableHead>Provider</TableHead>
 					<TableHead className="pl-8">Endpoint</TableHead>
@@ -116,7 +118,7 @@ function RowSkeleton() {
 	return (
 		<TableRow>
 			<TableCell>
-				<Skeleton className="w-full size-4" />
+				<Skeleton className="w-4 h-4" />
 			</TableCell>
 			<TableCell>
 				<Skeleton className="w-full h-4" />
@@ -142,7 +144,7 @@ function Row({
 
 	return (
 		<TableRow>
-			<TableCell className="size-8">
+			<TableCell>
 				<RunnerPoolErrorIndicator config={config} />
 			</TableCell>
 			<TableCell>

From b7b5d221c28fe9628421d65558c435c53b130fd1 Mon Sep 17 00:00:00 2001
From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com>
Date: Fri, 2 Jan 2026 20:45:43 +0000
Subject: [PATCH 6/6] Add documentation for type design decisions

Co-authored-by: jog1t <39823706+jog1t@users.noreply.github.com>
---
 frontend/src/app/runner-config-table.tsx | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/frontend/src/app/runner-config-table.tsx b/frontend/src/app/runner-config-table.tsx
index 2ddc4e39cb..3680150673 100644
--- a/frontend/src/app/runner-config-table.tsx
+++ b/frontend/src/app/runner-config-table.tsx
@@ -29,6 +29,9 @@ import { hasMetadataProvider } from "./data-providers/engine-data-provider";
 
 const TABLE_COLUMN_COUNT = 6;
 
+// Type extension for future error field that will be added to RunnerConfig API response
+// Error type is intentionally unknown since the backend may return different error formats
+// (e.g., string, ServerlessMetadataError enum, or error object)
 type RunnerConfigWithError = Rivet.RunnerConfig & { error?: unknown };
 
 interface RunnerConfigsTableProps {
@@ -299,6 +302,8 @@ function Regions({ regions }: { regions: string[] }) {
 function RunnerPoolErrorIndicator({ config }: { config: Rivet.RunnerConfig }) {
 	// Check if there's an error in the config
 	// The error field will be added to the API response in the future
+	// We accept Rivet.RunnerConfig to match the API type and cast internally
+	// to avoid breaking changes when the error field is added
 	const error = (config as RunnerConfigWithError).error;
 
 	if (!error) {