From 708ffb113e87631254cf910b6d6b7f907d6f900b Mon Sep 17 00:00:00 2001
From: Adnan9-63 <muhammad1414114@gmail.com>
Date: Thu, 29 Oct 2026 21:20:21 +0530
Subject: [PATCH] fix(sidebar): clean up corrupted Unicode Mojibake in
 sidebar.html (Closes #28)

---
 CHANGELOG.md          | 1 +
 media/sidebar.html    | 2 +-
 tests/sidebar.test.js | 6 ++++++
 3 files changed, 8 insertions(+), 1 deletion(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index d672e28..8e24457 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -19,6 +19,7 @@ Format based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/).
 - Automatically recalculate and reset inactive streaks to 0 after 2 or more days without activity (Fixes #24).
 - Dispose previous Sidebar webview message listener on view reopen to prevent memory leaks (Fixes #30).
 - Add configurable Weekend Streak Protection (codecritter.weekendStreakProtection) to protect streaks over Saturday and Sunday (Fixes #31).
+- Clean up corrupted Unicode Mojibake artifacts in media/sidebar.html (Fixes #28).
 
 ---
 
diff --git a/media/sidebar.html b/media/sidebar.html
index e378c00..337164c 100644
--- a/media/sidebar.html
+++ b/media/sidebar.html
@@ -99,7 +99,7 @@ <h2 style="margin: 0; font-size: 1.2rem;">__PET_NAME__</h2>
     <div style="margin-top: 5px; font-size: 0.75rem; opacity: 0.8;">__XP_PROGRESS__% to next level</div>
   </div>
 
-  <button class="btn" onclick="openDashboard()">dY"S Full Dashboard</button>
+  <button class="btn" onclick="openDashboard()">📊 Full Dashboard</button>
 
   <script>
     const vscode = acquireVsCodeApi();
diff --git a/tests/sidebar.test.js b/tests/sidebar.test.js
index b2cdbe2..e48d047 100644
--- a/tests/sidebar.test.js
+++ b/tests/sidebar.test.js
@@ -106,3 +106,9 @@ test('Issue #30: SidebarProvider disposes previous message listener when view is
   provider.dispose();
   assert.equal(secondListenerDisposed, true, 'provider.dispose() must dispose active listener');
 });
+
+test('Issue #28: media/sidebar.html renders clean UTF-8 emojis without Mojibake artifacts', () => {
+  const sidebarHtml = fs.readFileSync(path.join(__dirname, '..', 'media', 'sidebar.html'), 'utf8');
+  assert.equal(sidebarHtml.includes('dY"S'), false, 'must not contain Mojibake dY"S');
+  assert.equal(sidebarHtml.includes('📊 Full Dashboard'), true, 'must render standard 📊 Full Dashboard button');
+});