From c811b40091eee07220165d27fe2d7d53b71e2007 Mon Sep 17 00:00:00 2001
From: "claude[bot]" <41898282+claude[bot]@users.noreply.github.com>
Date: Wed, 1 Jul 2026 18:02:40 +0000
Subject: [PATCH] fix(mcp): resolve Biome lint and format errors

- Fix CSS specificity order: move .mcp-widget-glow base rule before
  override selector to satisfy noDescendingSpecificity
- Remove invalid aria-label from header element
- Add aria-hidden="true" to decorative SVG instead of role="img"
- Format multi-line shadow values on single lines per Biome

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
---
 apps/mcp/src/widget/App.tsx            | 4 ++--
 apps/mcp/src/widget/design/globals.css | 8 ++++----
 apps/mcp/src/widget/design/tokens.css  | 9 +++------
 3 files changed, 9 insertions(+), 12 deletions(-)

diff --git a/apps/mcp/src/widget/App.tsx b/apps/mcp/src/widget/App.tsx
index c93b7a27..494245a7 100644
--- a/apps/mcp/src/widget/App.tsx
+++ b/apps/mcp/src/widget/App.tsx
@@ -70,9 +70,9 @@ function WidgetShell({
 		<div className={shellClassName}>
 			<div aria-hidden className="mcp-widget-glow" />
 			{immersive ? null : (
-				<header aria-label="supermemory" className="mcp-widget-brand">
+				<header className="mcp-widget-brand">
 					<span aria-hidden className="mcp-widget-brand-mark">
-						<svg role="img" viewBox="0 0 314 256">
+						<svg aria-hidden="true" viewBox="0 0 314 256">
 							<path
 								d="M313.728 100.982H197.297V0H159.68V109.567C159.68 121.205 164.284 132.381 172.466 140.615L267.535 236.283L294.134 209.517L223.917 138.858H313.75V101.004L313.728 100.982Z"
 								fill="currentColor"
diff --git a/apps/mcp/src/widget/design/globals.css b/apps/mcp/src/widget/design/globals.css
index 95c259bb..fcca5b5b 100644
--- a/apps/mcp/src/widget/design/globals.css
+++ b/apps/mcp/src/widget/design/globals.css
@@ -172,10 +172,6 @@
 		linear-gradient(180deg, rgba(5, 8, 13, 0) 0%, rgba(5, 8, 13, 0.2) 100%);
 }
 
-.mcp-widget-shell-graph .mcp-widget-glow {
-	display: none;
-}
-
 .mcp-widget-glow {
 	position: absolute;
 	right: -18%;
@@ -196,6 +192,10 @@
 	opacity: 0.9;
 }
 
+.mcp-widget-shell-graph .mcp-widget-glow {
+	display: none;
+}
+
 .mcp-widget-brand {
 	display: inline-flex;
 	align-items: center;
diff --git a/apps/mcp/src/widget/design/tokens.css b/apps/mcp/src/widget/design/tokens.css
index fbb5a0a8..d6a49dad 100644
--- a/apps/mcp/src/widget/design/tokens.css
+++ b/apps/mcp/src/widget/design/tokens.css
@@ -342,14 +342,11 @@
 	--radius-lg: 8px;
 
 	--shadow-sm:
-		0 2px 10px rgba(0, 0, 0, 0.18),
-		inset 0 1px 1px rgba(255, 255, 255, 0.06);
+		0 2px 10px rgba(0, 0, 0, 0.18), inset 0 1px 1px rgba(255, 255, 255, 0.06);
 	--shadow-md:
-		0 10px 30px rgba(0, 0, 0, 0.28),
-		inset 0 1px 1px rgba(255, 255, 255, 0.08);
+		0 10px 30px rgba(0, 0, 0, 0.28), inset 0 1px 1px rgba(255, 255, 255, 0.08);
 	--shadow-lg:
-		0 20px 60px rgba(0, 0, 0, 0.42),
-		inset 0 1px 1px rgba(255, 255, 255, 0.08);
+		0 20px 60px rgba(0, 0, 0, 0.42), inset 0 1px 1px rgba(255, 255, 255, 0.08);
 
 	--graph-bg: #0b1119;
 	--graph-doc-fill: #1b1f24;