From 223ea24481f54a0333261a21aa5b500a180d40b0 Mon Sep 17 00:00:00 2001
From: David Montero Crespo <davidmonterocrespo24@gmail.com>
Date: Thu, 20 Aug 2026 16:04:54 +0200
Subject: [PATCH] fix(ssd1306): picker thumbnail matches the redrawn part

The 4-pin module's picker icon still drew the screen as a flat dark
rect, so the catalogue entry looked like a different part from the one
you get on the canvas. Same glass treatment as the element: bonded
panel with its bevel, inset active area, flex tail and sheen.

The generated components-metadata.json is synced by hand because the
generator skips without a third-party/wokwi-elements clone; the value
is copied verbatim from component-overrides.json, which stays the
source of truth, so a later regeneration reproduces it exactly.
---
 frontend/public/components-metadata.json | 4 ++--
 scripts/component-overrides.json         | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/frontend/public/components-metadata.json b/frontend/public/components-metadata.json
index 7d4e6650..3f5e98ce 100644
--- a/frontend/public/components-metadata.json
+++ b/frontend/public/components-metadata.json
@@ -1461,7 +1461,7 @@
       ]
     },
     {
-      "thumbnail": "<svg width=\"64\" height=\"64\" xmlns=\"http://www.w3.org/2000/svg\"><rect width=\"64\" height=\"64\" fill=\"#025caf\" rx=\"6\"/><rect x=\"9\" y=\"24\" width=\"46\" height=\"24\" fill=\"#141414\"/><text x=\"32\" y=\"14\" text-anchor=\"middle\" font-size=\"5\" font-family=\"monospace\" fill=\"#fff\">GND VCC SCL SDA</text><circle cx=\"18\" cy=\"19\" r=\"1.6\" fill=\"#b4aeab\"/><circle cx=\"27\" cy=\"19\" r=\"1.6\" fill=\"#c08540\"/><circle cx=\"37\" cy=\"19\" r=\"1.6\" fill=\"#009e9b\"/><circle cx=\"46\" cy=\"19\" r=\"1.6\" fill=\"#007adb\"/><text x=\"32\" y=\"39\" text-anchor=\"middle\" font-size=\"7\" font-family=\"monospace\" fill=\"#9be1ff\" font-weight=\"bold\">SSD1306</text><text x=\"32\" y=\"46\" text-anchor=\"middle\" font-size=\"4.5\" font-family=\"monospace\" fill=\"#9be1ff\">I2C 4-pin</text></svg>",
+      "thumbnail": "<svg width=\"64\" height=\"64\" xmlns=\"http://www.w3.org/2000/svg\"><rect width=\"64\" height=\"64\" fill=\"#025caf\" rx=\"6\"/><text x=\"32\" y=\"13\" text-anchor=\"middle\" font-size=\"5\" font-family=\"monospace\" fill=\"#fff\">GND VCC SCL SDA</text><circle cx=\"18\" cy=\"18\" r=\"1.6\" fill=\"#b4aeab\"/><circle cx=\"27\" cy=\"18\" r=\"1.6\" fill=\"#c08540\"/><circle cx=\"37\" cy=\"18\" r=\"1.6\" fill=\"#009e9b\"/><circle cx=\"46\" cy=\"18\" r=\"1.6\" fill=\"#007adb\"/><rect x=\"6\" y=\"23\" width=\"52\" height=\"31\" rx=\"1.5\" fill=\"#0c0e13\" stroke=\"#3a3f4a\" stroke-width=\"0.8\"/><rect x=\"9\" y=\"26\" width=\"46\" height=\"22\" fill=\"#05070a\"/><path d=\"M6 29 L58 23 L58 26 L6 33 Z\" fill=\"#fff\" opacity=\"0.05\"/><rect x=\"26\" y=\"55\" width=\"12\" height=\"2\" rx=\"0.8\" fill=\"#8a6a2e\" opacity=\"0.85\"/><text x=\"32\" y=\"36\" text-anchor=\"middle\" font-size=\"7\" font-family=\"monospace\" fill=\"#9be1ff\" font-weight=\"bold\">SSD1306</text><text x=\"32\" y=\"44\" text-anchor=\"middle\" font-size=\"4.5\" font-family=\"monospace\" fill=\"#9be1ff\">I2C 4-pin</text></svg>",
       "tags": [
         "ssd1306",
         "oled",
@@ -4606,4 +4606,4 @@
       ]
     }
   ]
-}
\ No newline at end of file
+}
diff --git a/scripts/component-overrides.json b/scripts/component-overrides.json
index f26fdb53..03d7f22e 100644
--- a/scripts/component-overrides.json
+++ b/scripts/component-overrides.json
@@ -2471,7 +2471,7 @@
         "4-pin",
         "0x3c"
       ],
-      "thumbnail": "<svg width=\"64\" height=\"64\" xmlns=\"http://www.w3.org/2000/svg\"><rect width=\"64\" height=\"64\" fill=\"#025caf\" rx=\"6\"/><rect x=\"9\" y=\"24\" width=\"46\" height=\"24\" fill=\"#141414\"/><text x=\"32\" y=\"14\" text-anchor=\"middle\" font-size=\"5\" font-family=\"monospace\" fill=\"#fff\">GND VCC SCL SDA</text><circle cx=\"18\" cy=\"19\" r=\"1.6\" fill=\"#b4aeab\"/><circle cx=\"27\" cy=\"19\" r=\"1.6\" fill=\"#c08540\"/><circle cx=\"37\" cy=\"19\" r=\"1.6\" fill=\"#009e9b\"/><circle cx=\"46\" cy=\"19\" r=\"1.6\" fill=\"#007adb\"/><text x=\"32\" y=\"39\" text-anchor=\"middle\" font-size=\"7\" font-family=\"monospace\" fill=\"#9be1ff\" font-weight=\"bold\">SSD1306</text><text x=\"32\" y=\"46\" text-anchor=\"middle\" font-size=\"4.5\" font-family=\"monospace\" fill=\"#9be1ff\">I2C 4-pin</text></svg>",
+      "thumbnail": "<svg width=\"64\" height=\"64\" xmlns=\"http://www.w3.org/2000/svg\"><rect width=\"64\" height=\"64\" fill=\"#025caf\" rx=\"6\"/><text x=\"32\" y=\"13\" text-anchor=\"middle\" font-size=\"5\" font-family=\"monospace\" fill=\"#fff\">GND VCC SCL SDA</text><circle cx=\"18\" cy=\"18\" r=\"1.6\" fill=\"#b4aeab\"/><circle cx=\"27\" cy=\"18\" r=\"1.6\" fill=\"#c08540\"/><circle cx=\"37\" cy=\"18\" r=\"1.6\" fill=\"#009e9b\"/><circle cx=\"46\" cy=\"18\" r=\"1.6\" fill=\"#007adb\"/><rect x=\"6\" y=\"23\" width=\"52\" height=\"31\" rx=\"1.5\" fill=\"#0c0e13\" stroke=\"#3a3f4a\" stroke-width=\"0.8\"/><rect x=\"9\" y=\"26\" width=\"46\" height=\"22\" fill=\"#05070a\"/><path d=\"M6 29 L58 23 L58 26 L6 33 Z\" fill=\"#fff\" opacity=\"0.05\"/><rect x=\"26\" y=\"55\" width=\"12\" height=\"2\" rx=\"0.8\" fill=\"#8a6a2e\" opacity=\"0.85\"/><text x=\"32\" y=\"36\" text-anchor=\"middle\" font-size=\"7\" font-family=\"monospace\" fill=\"#9be1ff\" font-weight=\"bold\">SSD1306</text><text x=\"32\" y=\"44\" text-anchor=\"middle\" font-size=\"4.5\" font-family=\"monospace\" fill=\"#9be1ff\">I2C 4-pin</text></svg>",
       "properties": [
         {
           "name": "i2cAddress",