Include author in pip

materialious/src/lib/components/watch/Author.svelte

@@ -6,8 +6,11 @@
 	import { authStore, interfaceLowBandwidthMode, isAndroidTvStore } from '$lib/store';
 	import { _ } from '$lib/i18n';
 
-	let { video, subscribed = $bindable(false) }: { video: VideoPlay; subscribed?: boolean } =
-		$props();
+	let {
+		video,
+		subscribed = $bindable(false),
+		hideSubscribe = false
+	}: { video: VideoPlay; subscribed?: boolean; hideSubscribe?: boolean } = $props();
 
 	async function toggleSubscribed() {
 		if (subscribed) {
@@ -39,24 +42,26 @@
 			</div>
 		</nav>
 	</a>
-	{#if $authStore}
-		<button
-			onclick={toggleSubscribed}
-			class:inverse-surface={!subscribed}
-			class:border={subscribed}
-		>
-			{#if !subscribed}
+	{#if !hideSubscribe}
+		{#if $authStore}
+			<button
+				onclick={toggleSubscribed}
+				class:inverse-surface={!subscribed}
+				class:border={subscribed}
+			>
+				{#if !subscribed}
+					{$_('subscribe')}
+				{:else}
+					{$_('unsubscribe')}
+				{/if}
+			</button>
+		{:else}
+			<button class="inverse-surface" disabled>
 				{$_('subscribe')}
-			{:else}
-				{$_('unsubscribe')}
-			{/if}
-		</button>
-	{:else}
-		<button class="inverse-surface" disabled>
-			{$_('subscribe')}
-			<div class="tooltip">
-				{$_('loginRequired')}
-			</div>
-		</button>
+				<div class="tooltip">
+					{$_('loginRequired')}
+				</div>
+			</button>
+		{/if}
 	{/if}
 </nav>

materialious/src/routes/(app)/+layout.svelte

@@ -43,6 +43,8 @@
 	import { pwaInfo } from 'virtual:pwa-info';
 	import Mousetrap from 'mousetrap';
 	import { truncate } from '$lib/misc';
+	import Author from '$lib/components/watch/Author.svelte';
+	import LikesDislikes from '$lib/components/watch/LikesDislikes.svelte';
 
 	let { children } = $props();
 
@@ -417,6 +419,9 @@
 				{#key $playerState.data.video.videoId}
 					<Player data={$playerState.data} isSyncing={$playerState.isSyncing} {playerElement} />
 				{/key}
+				{#if playerIsPip}
+					<Author video={$playerState.data.video} hideSubscribe={true} />
+				{/if}
 			</div>
 		{/if}