diff --git a/frontend/src/app/dialogs/connect-vercel-frame.tsx b/frontend/src/app/dialogs/connect-vercel-frame.tsx
index 394201adbb..1e512e53d4 100644
--- a/frontend/src/app/dialogs/connect-vercel-frame.tsx
+++ b/frontend/src/app/dialogs/connect-vercel-frame.tsx
@@ -46,20 +46,6 @@ const useEndpoint = () => {
 		});
 };
 
-const useNamespace = () => {
-	const routeContext = useRouteContext({
-		from: "/_context/_cloud/orgs/$organization/projects/$project/ns/$namespace/connect",
-		select: (ctx) => ctx.dataProvider.engineNamespace,
-	});
-
-	return match(__APP_TYPE__)
-		.with("cloud", () => routeContext)
-		.with("engine", () => "default")
-		.otherwise(() => {
-			throw new Error("Not in a valid context");
-		});
-};
-
 export default function CreateProjectFrameContent({
 	onClose,
 }: CreateProjectFrameContentProps) {
@@ -99,7 +85,7 @@ function FormStepper({
 	const provider = useEngineCompatDataProvider();
 	const token = usePublishableToken();
 	const endpoint = useEndpoint();
-	const namespace = useNamespace();
+	const namespace = provider.engineNamespace;
 
 	const { mutateAsync } = useMutation({
 		...provider.upsertRunnerConfigMutationOptions(),
diff --git a/frontend/src/app/dialogs/edit-runner-config.tsx b/frontend/src/app/dialogs/edit-runner-config.tsx
index e3bf87ea98..9063a89d4e 100644
--- a/frontend/src/app/dialogs/edit-runner-config.tsx
+++ b/frontend/src/app/dialogs/edit-runner-config.tsx
@@ -54,8 +54,6 @@ export default function EditRunnerConfigFrameContent({
 					.filter(([k, v]) => v.serverless)
 					.map(([k, v]) => [k, config]);
 
-				console.log(otherDcs, [dc, config]);
-
 				await mutateAsync({
 					name,
 					config: {
diff --git a/frontend/src/app/runner-config-table.tsx b/frontend/src/app/runner-config-table.tsx
index 03063f5b6f..5deff294dd 100644
--- a/frontend/src/app/runner-config-table.tsx
+++ b/frontend/src/app/runner-config-table.tsx
@@ -1,17 +1,23 @@
 import {
+	faChevronDown,
+	faChevronRight,
 	faCog,
 	faCogs,
 	faNextjs,
 	faRailway,
 	faTrash,
+	faTriangleExclamation,
 	faVercel,
 	Icon,
 } from "@rivet-gg/icons";
 import type { Rivet } from "@rivetkit/engine-api-full";
 import { Link } from "@tanstack/react-router";
+import { useMemo, useState } from "react";
+import { match, P } from "ts-pattern";
 import {
 	Button,
 	DiscreteCopyButton,
+	Ping,
 	Skeleton,
 	Table,
 	TableBody,
@@ -45,6 +51,7 @@ export function RunnerConfigsTable({
 		<Table>
 			<TableHeader>
 				<TableRow>
+					<TableHead className="w-8"></TableHead>
 					<TableHead className="pl-8">Name</TableHead>
 					<TableHead>Provider</TableHead>
 					<TableHead className="pl-8">Endpoint</TableHead>
@@ -55,7 +62,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 +71,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 +96,7 @@ export function RunnerConfigsTable({
 
 				{!isLoading && hasNextPage ? (
 					<TableRow>
-						<TableCell colSpan={4}>
+						<TableCell colSpan={6}>
 							<Button
 								variant="outline"
 								isLoading={isLoading}
@@ -109,6 +116,10 @@ export function RunnerConfigsTable({
 function RowSkeleton() {
 	return (
 		<TableRow>
+			<TableCell className="w-8"></TableCell>
+			<TableCell>
+				<Skeleton className="w-full h-4" />
+			</TableCell>
 			<TableCell>
 				<Skeleton className="w-full h-4" />
 			</TableCell>
@@ -125,45 +136,250 @@ function RowSkeleton() {
 	);
 }
 
+type DatacenterConfig = {
+	datacenterId: string;
+	config: Rivet.RunnerConfigResponse;
+};
+
+type GroupedConfig = {
+	provider: string;
+	endpoint: string;
+	metadata: unknown;
+	datacenters: string[];
+	runnerPoolErrors: Record<string, Rivet.RunnerPoolError | undefined>;
+};
+
 function Row({
 	name,
 	...value
 }: { name: string } & Rivet.RunnerConfigsListResponseRunnerConfigsValue) {
-	const config = Object.values(value.datacenters)[0];
+	const [isExpanded, setIsExpanded] = useState(true);
+
+	const groupedConfigs = useMemo(() => {
+		const datacenterEntries: DatacenterConfig[] = Object.entries(
+			value.datacenters,
+		).map(([datacenterId, config]) => ({ datacenterId, config }));
+
+		const groupedConfigs: GroupedConfig[] = [];
+
+		for (const { datacenterId, config } of datacenterEntries) {
+			const provider = getProviderName(config.metadata);
+			const endpoint = config.serverless?.url || "";
+			const runnerPoolError = config.runnerPoolError;
+
+			const existingGroup = groupedConfigs.find(
+				(g) => g.provider === provider && g.endpoint === endpoint,
+			);
+
+			if (existingGroup) {
+				existingGroup.datacenters.push(datacenterId);
+				existingGroup.runnerPoolErrors[datacenterId] = runnerPoolError;
+			} else {
+				groupedConfigs.push({
+					provider,
+					endpoint,
+					metadata: config.metadata,
+					datacenters: [datacenterId],
+					runnerPoolErrors: { [datacenterId]: runnerPoolError },
+				});
+			}
+		}
+		return groupedConfigs;
+	}, [value.datacenters]);
+
+	const hasMultipleConfigs = groupedConfigs.length > 1;
+
+	if (!hasMultipleConfigs) {
+		return <ProviderRow {...groupedConfigs[0]} name={name} />;
+	}
+
+	const hasAtLeastOneError = groupedConfigs.some(
+		(g) => Object.keys(g.runnerPoolErrors).length > 0,
+	);
 
+	return (
+		<>
+			<TableRow
+				className="cursor-pointer hover:bg-muted/50"
+				onClick={() => setIsExpanded(!isExpanded)}
+			>
+				<StatusCell
+					errors={hasAtLeastOneError ? "One or more providers	have errors" : ""}
+				/>
+				<TableCell>
+					<div className="flex items-center gap-2">
+						<Icon
+							icon={isExpanded ? faChevronDown : faChevronRight}
+							className="text-muted-foreground"
+						/>
+						<DiscreteCopyButton value={name}>
+							{name}
+						</DiscreteCopyButton>
+					</div>
+				</TableCell>
+				<TableCell colSpan={2}>
+					<Text className="text-muted-foreground">
+						{groupedConfigs.length}{" "}
+						{groupedConfigs.length === 1 ? "provider" : "providers"}
+					</Text>
+				</TableCell>
+				<TableCell className="text-center">
+					<Regions regions={Object.keys(value.datacenters)} />
+				</TableCell>
+				<TableCell>
+					<div className="flex gap-2 justify-end">
+						<WithTooltip
+							content="Delete provider"
+							trigger={
+								<Button variant="outline" size="icon" asChild>
+									<Link
+										to="."
+										search={{
+											modal: "delete-provider-config",
+											config: name,
+										}}
+									>
+										<Icon icon={faTrash} />
+									</Link>
+								</Button>
+							}
+						/>
+					</div>
+				</TableCell>
+			</TableRow>
+
+			{isExpanded &&
+				groupedConfigs.map((groupedConfig, idx) => (
+					<ProviderRow key={idx} name={name} {...groupedConfig} />
+				))}
+		</>
+	);
+}
+
+function RunnerPoolError({
+	error,
+}: {
+	error: Rivet.RunnerPoolError | undefined;
+}) {
+	return match(error)
+		.with(P.nullish, () => null)
+		.with(P.string, (errStr) =>
+			match(errStr)
+				.with(
+					"internal_error",
+					() => "Internal error occurred in runner pool",
+				)
+				.with(
+					"serverless_invalid_base64",
+					() => "Invalid base64 encoding in serverless response",
+				)
+				.with(
+					"serverless_stream_ended_early",
+					() => "Connection terminated unexpectedly",
+				)
+				.otherwise(() => "Unknown runner pool error"),
+		)
+		.with(P.shape({ serverlessHttpError: P.any }), (errObj) => {
+			const { statusCode, body } = errObj.serverlessHttpError;
+			const code = statusCode ?? "unknown";
+			return body ? `HTTP ${code} error: ${body}` : `HTTP ${code} error`;
+		})
+		.with(P.shape({ serverlessConnectionError: P.any }), (errObj) => {
+			const message = errObj.serverlessConnectionError?.message;
+			return message
+				? `Connection failed: ${message}`
+				: "Unable to connect to serverless endpoint";
+		})
+		.with(P.shape({ serverlessInvalidPayload: P.any }), (errObj) => {
+			const message = errObj.serverlessInvalidPayload?.message;
+			return message
+				? `Invalid request payload: ${message}`
+				: "Request payload validation failed";
+		})
+		.otherwise(() => "Unexpected runner pool error");
+}
+
+function StatusCell({
+	errors,
+}: {
+	errors: Record<string, Rivet.RunnerPoolError | undefined> | string;
+}) {
+	const hasErrors = typeof errors !== "string" ? Object.values(errors).some((err) => err !== undefined) : !!errors;
+
+	if (!hasErrors) {
+		return (
+			<TableCell className="w-8">
+				<Ping variant="success" className="relative" />
+			</TableCell>
+		);
+	}
+
+	return (
+		<TableCell className="w-8 text-center">
+			<WithTooltip
+				content={
+					<div className="max-w-xs whitespace-pre-wrap text-left space-y-1">
+						{typeof errors !== "string" ? Object.entries(errors).map(([dc, error]) => {
+							if (!error) return null;
+							return (
+								<div key={dc}>
+									<ActorRegion
+										className="w-full items-center mr-2"
+										regionId={dc}
+										showLabel
+									/>
+									<RunnerPoolError error={error} />
+								</div>
+							);
+						}) : errors}
+					</div>
+				}
+				trigger={
+					<span className="inline-flex items-center justify-center text-destructive">
+						<Icon icon={faTriangleExclamation} />
+					</span>
+				}
+			/>
+		</TableCell>
+	);
+}
+
+function ProviderRow({
+	name,
+	metadata,
+	endpoint,
+	runnerPoolErrors,
+	datacenters,
+}: GroupedConfig & { name: string }) {
 	return (
 		<TableRow>
+			<StatusCell errors={runnerPoolErrors} />
 			<TableCell>
 				<DiscreteCopyButton value={name}>{name}</DiscreteCopyButton>
 			</TableCell>
 			<TableCell>
-				<Provider metadata={config.metadata} />
+				<Provider metadata={metadata} />
 			</TableCell>
 			<TableCell>
 				<WithTooltip
-					content={config.serverless?.url || "-"}
+					content={endpoint || "-"}
 					trigger={
-						<DiscreteCopyButton
-							value={config.serverless?.url || ""}
-						>
+						<DiscreteCopyButton value={endpoint || ""}>
 							<span>
-								{config.serverless?.url &&
-								config.serverless.url.length > 32
-									? `${config.serverless.url.slice(0, 16)}...${config.serverless.url.slice(-16)}`
-									: config.serverless?.url}
+								{endpoint && endpoint.length > 32
+									? `${endpoint.slice(0, 16)}...${endpoint.slice(-16)}`
+									: endpoint || "-"}
 							</span>
 						</DiscreteCopyButton>
 					}
 				/>
 			</TableCell>
 			<TableCell className="text-center">
-				<Regions regions={Object.keys(value.datacenters)} />
+				<Regions regions={datacenters} />
 			</TableCell>
-
 			<TableCell>
 				<div className="flex gap-2 justify-end">
-					{config.serverless &&
-					hasMetadataProvider(config.metadata) ? (
+					{endpoint && hasMetadataProvider(metadata) ? (
 						<WithTooltip
 							content="Edit provider settings"
 							trigger={
@@ -171,13 +387,9 @@ function Row({
 									<Link
 										to="."
 										search={{
-											modal: getModal(
-												config.metadata?.provider,
-											),
+											modal: getModal(metadata),
 											config: name,
-											dc: Object.keys(
-												value.datacenters,
-											)[0],
+											dc: datacenters[0],
 										}}
 									>
 										<Icon icon={faCog} />
@@ -208,10 +420,20 @@ function Row({
 	);
 }
 
-function getModal(provider: string | undefined) {
+function getModal(metadata: unknown) {
 	return "edit-provider-config";
 }
 
+function getProviderName(metadata: unknown): string {
+	if (!metadata || typeof metadata !== "object") {
+		return "unknown";
+	}
+	if ("provider" in metadata && typeof metadata.provider === "string") {
+		return metadata.provider;
+	}
+	return "unknown";
+}
+
 function Provider({ metadata }: { metadata: unknown }) {
 	if (!metadata || typeof metadata !== "object") {
 		return <span>Unknown</span>;
diff --git a/frontend/src/routes/_context/_cloud/orgs.$organization/projects.$project/ns.$namespace/connect.tsx b/frontend/src/routes/_context/_cloud/orgs.$organization/projects.$project/ns.$namespace/connect.tsx
index c3acadc145..d8750f66b6 100644
--- a/frontend/src/routes/_context/_cloud/orgs.$organization/projects.$project/ns.$namespace/connect.tsx
+++ b/frontend/src/routes/_context/_cloud/orgs.$organization/projects.$project/ns.$namespace/connect.tsx
@@ -21,6 +21,7 @@ import {
 	createFileRoute,
 	notFound,
 	Link as RouterLink,
+	useNavigate,
 } from "@tanstack/react-router";
 import { match } from "ts-pattern";
 import { HelpDropdown } from "@/app/help-dropdown";
@@ -480,7 +481,7 @@ function ConnectYourFrontend() {
 }
 
 function ProviderDropdown({ children }: { children: React.ReactNode }) {
-	const navigate = Route.useNavigate();
+	const navigate = useNavigate();
 	return (
 		<DropdownMenu>
 			<DropdownMenuTrigger asChild>{children}</DropdownMenuTrigger>
@@ -488,67 +489,67 @@ function ProviderDropdown({ children }: { children: React.ReactNode }) {
 				<DropdownMenuItem
 					className="relative"
 					indicator={<Icon icon={faVercel} />}
-					onSelect={() => {
+					onSelect={() =>
 						navigate({
 							to: ".",
 							search: { modal: "connect-vercel" },
-						});
-					}}
+						})
+					}
 				>
 					Vercel
 				</DropdownMenuItem>
 				<DropdownMenuItem
 					indicator={<Icon icon={faRailway} />}
-					onSelect={() => {
+					onSelect={() =>
 						navigate({
 							to: ".",
 							search: { modal: "connect-railway" },
-						});
-					}}
+						})
+					}
 				>
 					Railway
 				</DropdownMenuItem>
 				<DropdownMenuItem
 					indicator={<Icon icon={faAws} />}
-					onSelect={() => {
+					onSelect={() =>
 						navigate({
 							to: ".",
 							search: { modal: "connect-aws" },
-						});
-					}}
+						})
+					}
 				>
 					AWS ECS
 				</DropdownMenuItem>
 				<DropdownMenuItem
 					indicator={<Icon icon={faGoogleCloud} />}
-					onSelect={() => {
+					onSelect={() =>
 						navigate({
 							to: ".",
 							search: { modal: "connect-gcp" },
-						});
-					}}
+						})
+					}
 				>
 					Google Cloud Run
 				</DropdownMenuItem>
 				<DropdownMenuItem
 					indicator={<Icon icon={faHetznerH} />}
-					onSelect={() => {
+					onSelect={() =>
 						navigate({
 							to: ".",
 							search: { modal: "connect-hetzner" },
-						});
-					}}
+						})
+					}
 				>
 					Hetzner
 				</DropdownMenuItem>
 				<DropdownMenuItem
 					indicator={<Icon icon={faServer} />}
-					onSelect={() => {
+					onSelect={() =>
 						navigate({
 							to: ".",
 							search: { modal: "connect-custom" },
-						});
-					}}
+						})
+					}
 				>
 					Custom
 				</DropdownMenuItem>