From b37ab1e9aa43da68b8d545d7adf1bc337524454b Mon Sep 17 00:00:00 2001
From: WardPearce <wardpearce@pm.me>
Date: Mon, 2 Mar 2026 20:20:12 +1300
Subject: [PATCH] Minor fix

---
 materialious/src/lib/api/backend/history.ts          | 8 ++++++--
 materialious/src/lib/api/backend/historyPool.ts      | 5 ++++-
 materialious/src/lib/components/Author.svelte        | 1 -
 materialious/src/lib/components/player/Player.svelte | 5 ++++-
 materialious/src/routes/(app)/+layout.svelte         | 5 +----
 materialious/src/routes/+layout.svelte               | 4 ++++
 6 files changed, 19 insertions(+), 9 deletions(-)

diff --git a/materialious/src/lib/api/backend/history.ts b/materialious/src/lib/api/backend/history.ts
index f2d5f680..01801139 100644
--- a/materialious/src/lib/api/backend/history.ts
+++ b/materialious/src/lib/api/backend/history.ts
@@ -75,7 +75,11 @@ export async function getVideoWatchHistory(
 }
 
 export async function getWatchHistory(
-	options: { page?: number; videoIds?: string[] } = { page: undefined, videoIds: undefined }
+	options: { page?: number; videoIds?: string[]; fetchOptions?: RequestInit } = {
+		page: undefined,
+		videoIds: undefined,
+		fetchOptions: undefined
+	}
 ): Promise<VideoWatchHistory[]> {
 	await sodium.ready;
 	const rawKey = await getRawKey();
@@ -98,7 +102,7 @@ export async function getWatchHistory(
 		params.set('videoHashes', videoHashes.join(','));
 	}
 
-	const resp = await fetch(`/api/user/history?${params.toString()}`);
+	const resp = await fetch(`/api/user/history?${params.toString()}`, options.fetchOptions);
 	if (!resp.ok) return [];
 
 	const rawHistory = await resp.json();
diff --git a/materialious/src/lib/api/backend/historyPool.ts b/materialious/src/lib/api/backend/historyPool.ts
index 5c6be48d..eda26eac 100644
--- a/materialious/src/lib/api/backend/historyPool.ts
+++ b/materialious/src/lib/api/backend/historyPool.ts
@@ -18,7 +18,10 @@ async function processBatches(): Promise<void> {
 	const results: VideoWatchHistory[] = [];
 
 	for (const batch of batches) {
-		const res: VideoWatchHistory[] = await getWatchHistory({ videoIds: batch });
+		const res: VideoWatchHistory[] = await getWatchHistory({
+			videoIds: batch,
+			fetchOptions: { priority: 'low' }
+		});
 		results.push(...res);
 
 		// Resolve pending promises for this batch
diff --git a/materialious/src/lib/components/Author.svelte b/materialious/src/lib/components/Author.svelte
index 70ca490d..5f66d0b3 100644
--- a/materialious/src/lib/components/Author.svelte
+++ b/materialious/src/lib/components/Author.svelte
@@ -53,7 +53,6 @@
 	}
 
 	const avatar = new Avatar({ src: proxyGoogleImage(getBestThumbnail(channel.authorThumbnails)) });
-	console.log(avatar.src);
 </script>
 
 <nav>
diff --git a/materialious/src/lib/components/player/Player.svelte b/materialious/src/lib/components/player/Player.svelte
index c21972e4..9d2151fd 100644
--- a/materialious/src/lib/components/player/Player.svelte
+++ b/materialious/src/lib/components/player/Player.svelte
@@ -843,7 +843,10 @@
 		poster={getBestThumbnail(data.video.videoThumbnails, 9999, 9999)}
 	></video>
 	{#if isEmbed && !$isAndroidTvStore}
-		<div class="chip blur embed" style="position: absolute;top: 10px;left: 10px;font-size: 18px;">
+		<div
+			class="chip surface-container-highest"
+			style="position: absolute;top: 10px;left: 10px;font-size: 18px;"
+		>
 			{data.video.title}
 		</div>
 	{/if}
diff --git a/materialious/src/routes/(app)/+layout.svelte b/materialious/src/routes/(app)/+layout.svelte
index 1911e261..a502272a 100644
--- a/materialious/src/routes/(app)/+layout.svelte
+++ b/materialious/src/routes/(app)/+layout.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
 	import { resolve } from '$app/paths';
-	import { afterNavigate, disableScrollHandling, goto } from '$app/navigation';
+	import { goto } from '$app/navigation';
 
 	import { navigating, page } from '$app/stores';
 	import { getFeed, notificationsMarkAsRead } from '$lib/api/index';
@@ -12,7 +12,6 @@
 	import SyncParty from '$lib/components/SyncParty.svelte';
 	import Thumbnail from '$lib/components/thumbnail/VideoThumbnail.svelte';
 	import Player from '$lib/components/player/Player.svelte';
-	import '$lib/css/global.css';
 	import { getPages } from '$lib/navPages';
 	import {
 		invidiousAuthStore,
@@ -28,9 +27,7 @@
 		hideSearchStore
 	} from '$lib/store';
 	import { Capacitor } from '@capacitor/core';
-	import 'beercss';
 	import ui from 'beercss';
-	import 'material-dynamic-colors';
 	import { onMount } from 'svelte';
 	import { _ } from '$lib/i18n';
 	import {
diff --git a/materialious/src/routes/+layout.svelte b/materialious/src/routes/+layout.svelte
index ffe6faec..fc531476 100644
--- a/materialious/src/routes/+layout.svelte
+++ b/materialious/src/routes/+layout.svelte
@@ -11,6 +11,10 @@
 	import { App } from '@capacitor/app';
 	import { goto } from '$app/navigation';
 	import { resolve } from '$app/paths';
+	import '$lib/css/global.css';
+	import 'beercss';
+	import 'material-dynamic-colors';
+
 	import { setAmoledTheme, setStatusBarColor, setTheme } from '$lib/theme';
 
 	import { pwaInfo } from 'virtual:pwa-info';