From cfd98f2672415ff995555fe34aac933468567c52 Mon Sep 17 00:00:00 2001
From: korpse <tfum@pm.me>
Date: Fri, 2 Jan 2026 12:56:02 +0100
Subject: [PATCH 01/10] Deep stats cards are now fully clickable

---
 app/app.vue | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/app/app.vue b/app/app.vue
index 52009c0..9f05b27 100644
--- a/app/app.vue
+++ b/app/app.vue
@@ -1110,7 +1110,11 @@ const onGraphLeave = () => {
               <div
                 v-for="score in deepScores"
                 :key="(score as any).beatmap?.checksum || (score as any).beatmap_md5 || score.id"
-                class="group relative overflow-hidden rounded-2xl border border-white/10 bg-zinc-900/40 p-4 backdrop-blur transition-all duration-500 ease-out hover:-translate-y-px hover:border-white/30"
+                class="group relative overflow-hidden rounded-2xl border border-white/10 bg-zinc-900/40 p-4 backdrop-blur transition-all duration-500 ease-out hover:-translate-y-px hover:border-white/30 cursor-pointer"
+                role="button"
+                tabindex="0"
+                @click="score.deep_stats && openDetail(score)"
+                @keyup.enter="score.deep_stats && openDetail(score)"
               >
                 <div class="absolute inset-0 opacity-20">
                   <BeatmapCover

From 72d7c3e49129e039d49e7faf7baa5279636639b8 Mon Sep 17 00:00:00 2001
From: korpse <tfum@pm.me>
Date: Fri, 2 Jan 2026 12:56:08 +0100
Subject: [PATCH 02/10] Update favicon links in nuxt.config.ts to use .ico
 format

---
 nuxt.config.ts | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/nuxt.config.ts b/nuxt.config.ts
index 340c177..3d8dc3b 100644
--- a/nuxt.config.ts
+++ b/nuxt.config.ts
@@ -52,8 +52,8 @@ export default defineNuxtConfig({
         { name: 'viewport', content: 'width=device-width, initial-scale=1, user-scalable=no' }
       ],
       link: [
-        { rel: 'icon', type: 'image/png', href: '/icon.png' },
-        { rel: 'apple-touch-icon', href: '/icon.png' }
+        { rel: 'icon', type: 'image/x-icon', href: '/favicon.ico' },
+        { rel: 'apple-touch-icon', href: '/favicon.ico' }
       ]
     }
   },

From 2cf6c7066edc40a8d382a8b55fc0aca8d513234d Mon Sep 17 00:00:00 2001
From: korpse <tfum@pm.me>
Date: Fri, 2 Jan 2026 13:26:47 +0100
Subject: [PATCH 03/10] Adjust position of event indicator in graph for
 improved visibility

---
 app/app.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/app/app.vue b/app/app.vue
index 9f05b27..b7a0132 100644
--- a/app/app.vue
+++ b/app/app.vue
@@ -1086,7 +1086,7 @@ const onGraphLeave = () => {
                   :key="ev.id"
                   class="relative mb-5 last:mb-0"
                 >
-                  <span class="absolute -left-1.5 mt-0.5 h-3 w-3 rounded-full border border-white bg-black" />
+                  <span class="absolute -left-4 top-1/2 -translate-y-1/2 h-3 w-3 rounded-full border border-white bg-black" />
                   <div class="rounded-xl border border-white/10 bg-white/5 px-3 py-2 backdrop-blur">
                     <p class="text-sm text-white">{{ ev.text }}</p>
                     <p class="text-xs text-zinc-500">{{ ev.created_at ? new Date(ev.created_at).toISOString().slice(0, 10) : '' }}</p>

From 00d61f026156f236f77c186e69cb5e45cdc0ec42 Mon Sep 17 00:00:00 2001
From: korpse <tfum@pm.me>
Date: Fri, 2 Jan 2026 13:34:15 +0100
Subject: [PATCH 04/10] Enhance badge styling for improved visibility and
 accessibility

---
 app/app.vue | 15 ++++++---------
 1 file changed, 6 insertions(+), 9 deletions(-)

diff --git a/app/app.vue b/app/app.vue
index b7a0132..b26e26b 100644
--- a/app/app.vue
+++ b/app/app.vue
@@ -763,24 +763,21 @@ const onGraphLeave = () => {
         </div>
 
         <div class="flex flex-row flex-wrap gap-2">
-          <div
+              <div
             v-for="badge in gradeBadges"
             :key="badge.label"
             class="silky-in rounded-full px-3 py-1 text-xs font-slim transition-all duration-500 ease-out"
-            :class="[
-              badge.tone === 'badge-ss' ? 'bg-white text-black border border-white' : '',
-              badge.tone === 'badge-s' ? 'bg-white text-black border border-white' : '',
-              badge.tone === 'badge-a' ? 'border border-white/50 text-white' : '',
-              badge.tone === 'badge-s' ? '' : '',
-              badge.tone === 'badge-ss' ? '' : '',
+              :class="[
+              badge.tone === 'badge-ss' ? 'bg-white/6 text-white ring-2 ring-amber-200/20 shadow-[0_0_10px_rgba(255,255,255,0.06)]' : '',
+              badge.tone === 'badge-s' ? 'bg-white/6 text-white ring-2 ring-white/10 shadow-[0_0_8px_rgba(255,255,255,0.04)]' : '',
               badge.label === 'F' ? 'line-through opacity-60 border border-white/20 text-white' : '',
-              !['badge-ss','badge-s','badge-a'].includes(badge.tone) && badge.label !== 'F' ? 'border border-white/30 text-white' : ''
+              !['badge-ss','badge-s'].includes(badge.tone) && badge.label !== 'F' ? 'border border-white/30 text-white' : ''
             ]"
           >
             <span class="inline-flex items-baseline gap-1 leading-none">
               <span class="text-sm font-semibold">{{ badge.label }}</span>
               <span aria-hidden="true">·</span>
-                <span class="text-sm font-normal">{{ badge.value.toLocaleString() }}</span>
+                <span class="text-sm font-light text-zinc-300">{{ badge.value.toLocaleString() }}</span>
             </span>
           </div>
         </div>

From 3268f081716872a5a02262004593e736dd504f90 Mon Sep 17 00:00:00 2001
From: korpse <tfum@pm.me>
Date: Fri, 2 Jan 2026 13:43:10 +0100
Subject: [PATCH 05/10] Add tab management and URL fragment synchronization for
 improved navigation

---
 app/app.vue | 57 ++++++++++++++++++++++++++++++++++++++++++++++++++++-
 1 file changed, 56 insertions(+), 1 deletion(-)

diff --git a/app/app.vue b/app/app.vue
index b26e26b..f1bb600 100644
--- a/app/app.vue
+++ b/app/app.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { computed, onBeforeUnmount, onMounted, ref } from 'vue'
+import { computed, onBeforeUnmount, onMounted, ref, watch } from 'vue'
 import countryCodeList from 'flagpack-core/countryCodeList.json'
 import BeatmapCover from '../components/BeatmapCover.vue'
 import HitErrorBar from '../components/HitErrorBar.vue'
@@ -375,6 +375,61 @@ const tabs = [
 
 const activeTab = ref<'overview' | 'top' | 'history' | 'deep'>('overview')
 
+// Fragment <-> tab mappings and helpers.
+const fragForTab: Record<string, string> = {
+  overview: 'overview',
+  top: 'top-ranks',
+  history: 'history',
+  deep: 'deep-stats'
+}
+
+const aliasToTab: Record<string, string> = {
+  overview: 'overview',
+  home: 'overview',
+  top: 'top',
+  'top-ranks': 'top',
+  'top-rank': 'top',
+  history: 'history',
+  activity: 'history',
+  'most-played': 'history',
+  deep: 'deep',
+  'deep-stats': 'deep',
+  deepstats: 'deep',
+  'deep_stats': 'deep'
+}
+
+const mapHashToTab = (hash: string | null) => {
+  if (!hash) return null
+  const raw = hash.startsWith('#') ? hash.slice(1) : hash
+  const h = raw.toLowerCase()
+  return aliasToTab[h] || null
+}
+
+const setTabFromHash = () => {
+  const t = mapHashToTab(typeof window !== 'undefined' ? window.location.hash : null)
+  if (t) activeTab.value = t
+}
+
+onMounted(() => {
+  // initialize from the fragment when the component mounts
+  setTabFromHash()
+  window.addEventListener('hashchange', setTabFromHash)
+})
+
+onBeforeUnmount(() => {
+  window.removeEventListener('hashchange', setTabFromHash)
+})
+
+// keep the URL fragment in sync with the active tab (use friendly fragments)
+watch(activeTab, (val) => {
+  const frag = fragForTab[val] || val
+  try {
+    history.replaceState(null, '', `#${frag}`)
+  } catch (e) {
+    if (typeof window !== 'undefined') window.location.hash = `#${frag}`
+  }
+})
+
 const deepScores = computed(() => {
   const pool = [
     ...filteredRecent.value,

From b2500c4611789c336aaebe38cf291af9122dbbeb Mon Sep 17 00:00:00 2001
From: korpse <tfum@pm.me>
Date: Fri, 2 Jan 2026 14:10:29 +0100
Subject: [PATCH 06/10] Refactor URL fragment handling for tab navigation to
 simplify mappings and improve synchronization

---
 app/app.vue | 37 +++++++++----------------------------
 1 file changed, 9 insertions(+), 28 deletions(-)

diff --git a/app/app.vue b/app/app.vue
index f1bb600..7e37cce 100644
--- a/app/app.vue
+++ b/app/app.vue
@@ -375,34 +375,15 @@ const tabs = [
 
 const activeTab = ref<'overview' | 'top' | 'history' | 'deep'>('overview')
 
-// Fragment <-> tab mappings and helpers.
-const fragForTab: Record<string, string> = {
-  overview: 'overview',
-  top: 'top-ranks',
-  history: 'history',
-  deep: 'deep-stats'
-}
-
-const aliasToTab: Record<string, string> = {
-  overview: 'overview',
-  home: 'overview',
-  top: 'top',
-  'top-ranks': 'top',
-  'top-rank': 'top',
-  history: 'history',
-  activity: 'history',
-  'most-played': 'history',
-  deep: 'deep',
-  'deep-stats': 'deep',
-  deepstats: 'deep',
-  'deep_stats': 'deep'
-}
-
+// Map URL hash to a tab id. Supports '#deep-stats' and '#deep'.
 const mapHashToTab = (hash: string | null) => {
   if (!hash) return null
-  const raw = hash.startsWith('#') ? hash.slice(1) : hash
-  const h = raw.toLowerCase()
-  return aliasToTab[h] || null
+  const h = hash.startsWith('#') ? hash.slice(1) : hash
+  if (h === 'deep' || h === 'deep-stats') return 'deep'
+  if (h === 'overview') return 'overview'
+  if (h === 'top') return 'top'
+  if (h === 'history') return 'history'
+  return null
 }
 
 const setTabFromHash = () => {
@@ -420,9 +401,9 @@ onBeforeUnmount(() => {
   window.removeEventListener('hashchange', setTabFromHash)
 })
 
-// keep the URL fragment in sync with the active tab (use friendly fragments)
+// keep the URL fragment in sync with the active tab
 watch(activeTab, (val) => {
-  const frag = fragForTab[val] || val
+  const frag = val === 'deep' ? 'deep-stats' : val
   try {
     history.replaceState(null, '', `#${frag}`)
   } catch (e) {

From 98697c25335d9f08ad3ed2134e6dad8f85f2d1a4 Mon Sep 17 00:00:00 2001
From: korpse <tfum@pm.me>
Date: Fri, 2 Jan 2026 14:18:31 +0100
Subject: [PATCH 07/10] Refactor chart interaction to improve SVG coordinate
 mapping for accurate graph hover functionality

---
 app/app.vue | 38 +++++++++++++++++++++++++++++++++-----
 1 file changed, 33 insertions(+), 5 deletions(-)

diff --git a/app/app.vue b/app/app.vue
index 7e37cce..474f91d 100644
--- a/app/app.vue
+++ b/app/app.vue
@@ -319,7 +319,7 @@ const modBadgeClass = (mod: string) => {
 
 const rankHistory = computed(() => user.value.rankHistory || [])
 
-const chartRef = ref<HTMLElement | null>(null)
+const chartRef = ref<SVGSVGElement | null>(null)
 const graphHover = ref<{
   index: number
   xPercent: number
@@ -644,10 +644,38 @@ const onGraphMove = (event: MouseEvent) => {
   const firstPoint = meta.points[0]
   if (!firstPoint) return
 
-  const rect = (event.currentTarget as HTMLElement).getBoundingClientRect()
-  const xPx = Math.min(Math.max(event.clientX - rect.left, 0), rect.width)
-  const xRatio = rect.width ? xPx / rect.width : 0
-  const targetX = xRatio * meta.width
+  // Map client coordinates into SVG coordinate space for accurate alignment.
+  let targetX = 0
+  const svg = chartRef.value
+  if (svg && typeof svg.getScreenCTM === 'function') {
+    try {
+      const pt = (svg.createSVGPoint ? svg.createSVGPoint() : (new DOMPoint() as any)) as any
+      pt.x = event.clientX
+      pt.y = event.clientY
+      const ctm = svg.getScreenCTM()
+      if (ctm) {
+        const inv = ctm.inverse()
+        const transformed = pt.matrixTransform(inv)
+        targetX = transformed.x
+      } else {
+        // fallback to bounding rect ratio
+        const rect = svg.getBoundingClientRect()
+        const xPx = Math.min(Math.max(event.clientX - rect.left, 0), rect.width)
+        const xRatio = rect.width ? xPx / rect.width : 0
+        targetX = xRatio * meta.width
+      }
+    } catch (e) {
+      const rect = svg.getBoundingClientRect()
+      const xPx = Math.min(Math.max(event.clientX - rect.left, 0), rect.width)
+      const xRatio = rect.width ? xPx / rect.width : 0
+      targetX = xRatio * meta.width
+    }
+  } else {
+    const rect = (event.currentTarget as HTMLElement).getBoundingClientRect()
+    const xPx = Math.min(Math.max(event.clientX - rect.left, 0), rect.width)
+    const xRatio = rect.width ? xPx / rect.width : 0
+    targetX = xRatio * meta.width
+  }
 
   let nearest = firstPoint
   let minDist = Math.abs(firstPoint.x - targetX)

From f59f88fcabc631f66808ec35d2a17aa87ab8087e Mon Sep 17 00:00:00 2001
From: korpse <tfum@pm.me>
Date: Fri, 2 Jan 2026 14:28:12 +0100
Subject: [PATCH 08/10] a

---
 .github/PULL_REQUEST_TEMPLATE.md | 1 +
 1 file changed, 1 insertion(+)

diff --git a/.github/PULL_REQUEST_TEMPLATE.md b/.github/PULL_REQUEST_TEMPLATE.md
index 651668d..4cb5fc8 100644
--- a/.github/PULL_REQUEST_TEMPLATE.md
+++ b/.github/PULL_REQUEST_TEMPLATE.md
@@ -9,6 +9,7 @@ Why is this change needed?
 ## Testing
 
 - [ ] `npm run build`
+- [ ] `npm run typecheck`
 - [ ] Manual check (screenshots optional)
 
 ## Security / privacy

From d37032b4a67a3df4313ffd8804f8dd298ccc00d3 Mon Sep 17 00:00:00 2001
From: korpse <tfum@pm.me>
Date: Fri, 2 Jan 2026 14:55:45 +0100
Subject: [PATCH 09/10] Update environment configuration to use runtime OSU
 target user for fallback user

---
 .env.example | 4 +++-
 app/app.vue  | 2 +-
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/.env.example b/.env.example
index 98ca900..8788f19 100644
--- a/.env.example
+++ b/.env.example
@@ -1,6 +1,8 @@
 NUXT_PUBLIC_APP_NAME="osu!dash"
 NUXT_PUBLIC_OSU_API_BASE="https://osu.ppy.sh/api/v2"
+NUXT_PUBLIC_OSU_TARGET_USER="Yourusername"
 NUXT_OSU_CLIENT_ID="your_client_id"
 NUXT_OSU_CLIENT_SECRET="your_client_secret"
 OSU_REPLAY_PATH="/path/to/your/osu/exports"
-NUXT_ENABLE_REPLAY_WATCHER="false"
\ No newline at end of file
+NUXT_ENABLE_REPLAY_WATCHER="false"
+NUXT_ALLOWED_HOSTS="osu.korpseluv.com"
\ No newline at end of file
diff --git a/app/app.vue b/app/app.vue
index 474f91d..ab0ef77 100644
--- a/app/app.vue
+++ b/app/app.vue
@@ -81,7 +81,7 @@ const runtimeConfig = useRuntimeConfig()
 const appVersion = computed(() => String((runtimeConfig.public as any)?.gitHash || 'unknown'))
 
 const fallbackUser: UserPayload = {
-  username: 'chlokun',
+  username: (runtimeConfig.public as any)?.osuTargetUser || 'chlokun',
   avatar: 'https://a.ppy.sh/6829235?1680000000.jpeg',
   rank: 852341,
   pp: 1450,

From 838546b35158cbda887fedd465c01bc391af25f0 Mon Sep 17 00:00:00 2001
From: korpse <tfum@pm.me>
Date: Fri, 2 Jan 2026 15:01:23 +0100
Subject: [PATCH 10/10] Add allowedHosts configuration for dev server tunnel
 preview

---
 nuxt.config.ts | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/nuxt.config.ts b/nuxt.config.ts
index 3d8dc3b..3216bff 100644
--- a/nuxt.config.ts
+++ b/nuxt.config.ts
@@ -78,6 +78,14 @@ export default defineNuxtConfig({
   },
   vite: {
     plugins: [tsconfigPaths()],
+    server: {
+      // allow hosts for previewing the dev server through a tunnel
+      // Can be set via env: `NUXT_ALLOWED_HOSTS` or `VITE_ALLOWED_HOSTS` (comma-separated).
+      allowedHosts: (process.env.NUXT_ALLOWED_HOSTS || process.env.VITE_ALLOWED_HOSTS || 'osu.korpseluv.com')
+        .split(',')
+        .map((s) => s.trim())
+        .filter(Boolean)
+    },
     resolve: {
       alias: {
         '~': fileURLToPath(new URL('.', import.meta.url)),