fix(mcp-gateway): give connected members a refresh-tools affordance

The only "Refresh tools from server" button lived inside the scope-switcher bar, which is gated to admins/agent-managers with multiple scopes. A plain connected member never saw it, yet the empty-state copy told them to "Refresh to try again." Render the refresh button in the always-visible Tools header row whenever the scope bar is hidden, so any connected member can manually retry tool discovery against their own credential.

Generated-By: PostHog Code
Task-Id: 4df9bfd3-de17-470b-a26d-7214a2e2af17

Author: cvolzer3

packages/ui/src/features/mcp-gateway/components/parts/GatewayServerDetail.test.tsx

@@ -8,6 +8,7 @@ const mocks = vi.hoisted(() => ({
   gateway: {} as Record<string, unknown>,
   setMemberAccess: vi.fn(),
   currentUser: null as { id: number } | null,
+  refresh: vi.fn(),
 }));
 
 vi.mock("@posthog/ui/features/auth/authClient", () => ({
@@ -27,7 +28,7 @@ vi.mock(
       setPolicy: vi.fn(),
       setAll: vi.fn(),
       setAllPending: false,
-      refresh: vi.fn(),
+      refresh: mocks.refresh,
       refreshPending: false,
     }),
   }),
@@ -260,4 +261,36 @@ describe("GatewayServerDetail", () => {
       },
     });
   });
+
+  it("lets a connected plain member refresh tools", async () => {
+    const connectedServer = {
+      ...server,
+      your_connection: {
+        installation_id: "installation-2",
+        is_enabled: true,
+        pending_oauth: false,
+        needs_reauth: false,
+        last_used_at: null,
+      },
+    } as McpGatewayServer;
+    mocks.gateway.servers = [connectedServer];
+
+    const user = userEvent.setup();
+    render(
+      <Theme>
+        <GatewayServerDetail
+          serverId={connectedServer.id}
+          isAdmin={false}
+          canManageAgentAccess={false}
+          onNavigate={vi.fn()}
+        />
+      </Theme>,
+    );
+
+    await user.click(
+      screen.getByRole("button", { name: "Refresh tools from server" }),
+    );
+
+    expect(mocks.refresh).toHaveBeenCalledWith("installation-2");
+  });
 });

packages/ui/src/features/mcp-gateway/components/parts/GatewayServerDetail.tsx

@@ -210,6 +210,7 @@ export function GatewayServerDetail({
   // Any connected member can re-list — it runs against their own credential,
   // and it is the manual retry when auto-discovery failed.
   const refreshInstallationId = liveInstallationId;
+  const showScopeBar = (isAdmin || canManageAgentAccess) && scopes.length > 1;
 
   const setBulkPolicy = (state: McpApprovalState) => {
     tools.setAll(
@@ -447,18 +448,26 @@ export function GatewayServerDetail({
             )}
           </Flex>
         </Flex>
-        {!isAdmin && scopeEditable && scopes.length <= 1 && (
-          <BulkTrio
-            label="Set all"
-            filtered={hasToolSearch}
-            disabled={tools.setAllPending || bulkEditableCount === 0}
-            allowNeedsApproval={!agentScope}
-            onSet={setBulkPolicy}
-          />
-        )}
+        <Flex align="center" gap="2">
+          {!isAdmin && scopeEditable && scopes.length <= 1 && (
+            <BulkTrio
+              label="Set all"
+              filtered={hasToolSearch}
+              disabled={tools.setAllPending || bulkEditableCount === 0}
+              allowNeedsApproval={!agentScope}
+              onSet={setBulkPolicy}
+            />
+          )}
+          {!showScopeBar && refreshInstallationId && (
+            <RefreshToolsButton
+              pending={tools.refreshPending}
+              onRefresh={() => tools.refresh(refreshInstallationId)}
+            />
+          )}
+        </Flex>
       </Flex>
 
-      {(isAdmin || canManageAgentAccess) && scopes.length > 1 && (
+      {showScopeBar && (
         <Flex
           align="center"
           gap="2"
@@ -502,21 +511,10 @@ export function GatewayServerDetail({
               onSet={setBulkPolicy}
             />
             {refreshInstallationId && (
-              <Tooltip content="Refresh tools from server">
-                <IconButton
-                  variant="soft"
-                  color="gray"
-                  size="1"
-                  disabled={tools.refreshPending}
-                  onClick={() => tools.refresh(refreshInstallationId)}
-                >
-                  {tools.refreshPending ? (
-                    <Spinner size="1" />
-                  ) : (
-                    <ArrowClockwise size={11} weight="bold" />
-                  )}
-                </IconButton>
-              </Tooltip>
+              <RefreshToolsButton
+                pending={tools.refreshPending}
+                onRefresh={() => tools.refresh(refreshInstallationId)}
+              />
             )}
           </div>
         </Flex>
@@ -691,6 +689,33 @@ function BackButton({
   );
 }
 
+function RefreshToolsButton({
+  pending,
+  onRefresh,
+}: {
+  pending: boolean;
+  onRefresh: () => void;
+}) {
+  return (
+    <Tooltip content="Refresh tools from server">
+      <IconButton
+        variant="soft"
+        color="gray"
+        size="1"
+        aria-label="Refresh tools from server"
+        disabled={pending}
+        onClick={onRefresh}
+      >
+        {pending ? (
+          <Spinner size="1" />
+        ) : (
+          <ArrowClockwise size={11} weight="bold" />
+        )}
+      </IconButton>
+    </Tooltip>
+  );
+}
+
 function BulkTrio({
   label,
   filtered,