From 7da60e252ad32310363de40f136d3aa93518d2da Mon Sep 17 00:00:00 2001
From: ThaUnknown <6506529+ThaUnknown@users.noreply.github.com>
Date: Mon, 22 Sep 2025 20:05:01 +0200
Subject: [PATCH] fix: playbackRate bounds, score scroll

---
 package.json                               |  2 +-
 src/lib/components/EntryEditor.svelte      |  4 ++--
 src/lib/components/ui/player/player.svelte | 11 ++++++++---
 3 files changed, 11 insertions(+), 6 deletions(-)

diff --git a/package.json b/package.json
index d5d9d28..bf0ffb7 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
 	"name": "ui",
-	"version": "6.4.148",
+	"version": "6.4.149",
 	"license": "BUSL-1.1",
 	"private": true,
 	"packageManager": "pnpm@9.15.5",
diff --git a/src/lib/components/EntryEditor.svelte b/src/lib/components/EntryEditor.svelte
index 2e3cd38..5b1a0f8 100644
--- a/src/lib/components/EntryEditor.svelte
+++ b/src/lib/components/EntryEditor.svelte
@@ -42,10 +42,10 @@
       <PencilLine class='size-4' />
     </Button>
   </Dialog.Trigger>
-  <Dialog.Content class='flex justify-center max-h-[80%] max-w-3xl p-0 overflow-clip'>
+  <Dialog.Content class='flex justify-center max-h-[80%] max-w-3xl p-0'>
     <div class='flex flex-col sm:flex-row w-full overflow-y-auto' use:dragScroll>
       <div class='relative w-full h-[150px] sm:w-[260px] sm:h-[400px] shrink-0'>
-        <img alt='images' loading='lazy' decoding='async' class='object-cover w-full h-full' style:background={media.coverImage?.color ?? '#000'} src={$breakpoints.sm ? cover(media) : banner(media)} />
+        <img alt='images' loading='lazy' decoding='async' class='object-cover w-full h-full sm:rounded-l-lg overflow-clip' style:background={media.coverImage?.color ?? '#000'} src={$breakpoints.sm ? cover(media) : banner(media)} />
       </div>
       <form class='flex flex-col w-full rounded-r-lg h-full'>
         <div class='pt-4 px-5 w-full'>
diff --git a/src/lib/components/ui/player/player.svelte b/src/lib/components/ui/player/player.svelte
index 102dabc..9bc02db 100644
--- a/src/lib/components/ui/player/player.svelte
+++ b/src/lib/components/ui/player/player.svelte
@@ -73,7 +73,12 @@
   let currentTime = 0
   let seekPercent = 0
   let duration = 1
-  const playbackRate = persisted('playbackRate', 1)
+  const playbackRate = persisted('playbackRate', 1, {
+    serializer: {
+      stringify: (value) => value.toString(),
+      parse: (value) => Math.min(16, Math.max(0.1, parseFloat(value)))
+    }
+  })
   let buffered: SvelteMediaTimeRange[] = []
   let subtitleDelay = 0
   $: buffer = Math.max(...buffered.map(({ end }) => end))
@@ -604,14 +609,14 @@
       desc: 'Volume Down'
     },
     BracketLeft: {
-      fn: () => { $playbackRate -= 0.1 },
+      fn: () => { $playbackRate = Math.min(16, Math.max(0.1, $playbackRate - 0.1)) },
       id: 'history',
       icon: RotateCcw,
       type: 'icon',
       desc: 'Decrease Playback Rate'
     },
     BracketRight: {
-      fn: () => { $playbackRate += 0.1 },
+      fn: () => { $playbackRate = Math.min(16, Math.max(0.1, $playbackRate + 0.1)) },
       id: 'update',
       icon: RotateCw,
       type: 'icon',