From fdf32eb32a83da6ba2eb49392e023be695cbeb02 Mon Sep 17 00:00:00 2001
From: David Montero Crespo <davidmonterocrespo24@gmail.com>
Date: Wed, 19 Aug 2026 10:10:54 +0200
Subject: [PATCH] feat(picker): ESP-SensAirShuttle ad card

The ESP32-C5 sensing devkit lands in the hosted editor (BME690 + BMM350
Bosch shuttles, 1.9" touch LCD, WiFi 6). Same contract as the other
Espressif cards: id matches the hosted BoardKind (esp-sensairshuttle,
in LAUNCH_ITEMS) so the ad vanishes where the real board registers and
stays suppressed during the embargo.
---
 frontend/src/lib/onlineOnlyBoards.ts | 20 ++++++++++++++++++++
 1 file changed, 20 insertions(+)

diff --git a/frontend/src/lib/onlineOnlyBoards.ts b/frontend/src/lib/onlineOnlyBoards.ts
index 0682be6f..d7698ff6 100644
--- a/frontend/src/lib/onlineOnlyBoards.ts
+++ b/frontend/src/lib/onlineOnlyBoards.ts
@@ -130,6 +130,26 @@ export const ONLINE_ONLY_BOARD_ADS: OnlineOnlyBoardAd[] = [
       '<rect x="60" y="34" width="6" height="14" rx="1" fill="#8a8f96"/>' +
       '</svg>',
   },
+  {
+    id: 'esp-sensairshuttle',
+    label: 'ESP-SensAirShuttle',
+    description: 'Espressif ESP32-C5 sensing devkit: BME690 gas sensor + BMM350 magnetometer shuttles, 1.9" touch LCD, WiFi 6 dual-band — in-browser emulation',
+    thumbnailSvg:
+      '<svg width="72" height="72" viewBox="0 0 72 72" xmlns="http://www.w3.org/2000/svg">' +
+      '<rect x="8" y="12" width="56" height="48" rx="4" fill="#131316"/>' +
+      '<rect x="12" y="18" width="26" height="34" rx="2" fill="#1a1a1e" stroke="#3a3b40"/>' +
+      '<rect x="14" y="20" width="22" height="30" fill="#0c4a5e"/>' +
+      '<rect x="44" y="16" width="16" height="18" rx="2" fill="#186329"/>' +
+      '<circle cx="52" cy="22" r="2.6" fill="#101418"/>' +
+      '<rect x="47" y="27" width="10" height="4" rx="1" fill="#b8bec6"/>' +
+      '<rect x="44" y="38" width="16" height="18" rx="2" fill="#186329"/>' +
+      '<rect x="47" y="42" width="6" height="6" rx="1" fill="#101418"/>' +
+      '<text x="53" y="53" text-anchor="middle" font-size="4.5" font-family="monospace" fill="#c8ccd2">C5</text>' +
+      '<g fill="#d8b44a"><rect x="9" y="20" width="2.4" height="2.4"/><rect x="9" y="26" width="2.4" height="2.4"/>' +
+      '<rect x="9" y="32" width="2.4" height="2.4"/><rect x="9" y="38" width="2.4" height="2.4"/>' +
+      '<rect x="9" y="44" width="2.4" height="2.4"/></g>' +
+      '</svg>',
+  },
   {
     id: 'm5stack-core',
     label: 'M5Stack Core Basic',