From dd6b4a2414835ae5b0084eb5e66c3afb7026df19 Mon Sep 17 00:00:00 2001
From: Muhammad Talha <muhammadtalhar@google.com>
Date: Wed, 10 Jun 2026 14:15:24 -0700
Subject: [PATCH] [VSCODE] Fix hover cursor and styling on Configure emulator
 link

---
 firebase-vscode/CHANGELOG.md            |  1 +
 firebase-vscode/webviews/SidebarApp.tsx | 10 +++++++---
 2 files changed, 8 insertions(+), 3 deletions(-)

diff --git a/firebase-vscode/CHANGELOG.md b/firebase-vscode/CHANGELOG.md
index 320ced452c3..2236ccb94ce 100644
--- a/firebase-vscode/CHANGELOG.md
+++ b/firebase-vscode/CHANGELOG.md
@@ -1,5 +1,6 @@
 ## NEXT
 
+- [Fixed] 'Configure emulator' link hover does not hint it's clickable.
 - [Changed] Replace generateSchema and generateQuery backends with the new fdc AgentService API.
 - [Added] Improved error handling and status updates for query generation
 - [Added] Local schema aware query generation
diff --git a/firebase-vscode/webviews/SidebarApp.tsx b/firebase-vscode/webviews/SidebarApp.tsx
index 318a34f7f95..959f21839e6 100644
--- a/firebase-vscode/webviews/SidebarApp.tsx
+++ b/firebase-vscode/webviews/SidebarApp.tsx
@@ -6,6 +6,7 @@ import { ProjectSection } from "./components/ProjectSection";
 import {
   VSCodeButton,
   VSCodeDropdown,
+  VSCodeLink,
   VSCodeOption,
   VSCodeProgressRing,
 } from "@vscode/webview-ui-toolkit/react";
@@ -107,13 +108,16 @@ function EmulatorsPanel() {
       </VSCodeButton>
       <Spacer size="xsmall" />
       <Label level={3}>
-        <a
-          onClick={() => {
+        <VSCodeLink
+          href="#"
+          style={{ fontSize: "inherit", fontWeight: "inherit" }}
+          onClick={(e) => {
+            e.preventDefault();
             broker.send("fdc.open-emulator-settings");
           }}
         >
           Configure emulator
-        </a>
+        </VSCodeLink>
       </Label>
       <Label level={3}>
         See also:{" "}