From 3955cde54b60139a7d243d396f304ea025480b5e Mon Sep 17 00:00:00 2001
From: Ajax Davis <thomasalwyndavis@gmail.com>
Date: Wed, 14 Jan 2026 07:52:17 +1000
Subject: [PATCH] fix: add null check for servers array on Bridge page

Fixes "Cannot read properties of undefined (reading 'length')" error
when the bridge API returns a status without a servers array.
---
 apps/web/src/app/dashboard/settings/bridge/page.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/apps/web/src/app/dashboard/settings/bridge/page.tsx b/apps/web/src/app/dashboard/settings/bridge/page.tsx
index 4c3acb6..a4d1cfc 100644
--- a/apps/web/src/app/dashboard/settings/bridge/page.tsx
+++ b/apps/web/src/app/dashboard/settings/bridge/page.tsx
@@ -191,7 +191,7 @@ export default function BridgePage(): React.ReactElement {
       </div>
 
       {/* Connected Servers Table */}
-      {!isLoading && bridgeStatus && bridgeStatus.servers.length > 0 && (
+      {!isLoading && bridgeStatus && bridgeStatus.servers && bridgeStatus.servers.length > 0 && (
         <div className="bg-surface border border-border rounded-lg overflow-hidden">
           <div className="px-6 py-4 border-b border-border">
             <h2 className="text-lg font-medium text-foreground">Connected MCP Servers</h2>
@@ -246,7 +246,7 @@ export default function BridgePage(): React.ReactElement {
       {!isLoading &&
         bridgeStatus &&
         bridgeStatus.status !== 'never_connected' &&
-        bridgeStatus.servers.length === 0 && (
+        (!bridgeStatus.servers || bridgeStatus.servers.length === 0) && (
           <div className="bg-surface border border-border rounded-lg overflow-hidden">
             <Table>
               <TableHeader>