From 389ab50f30831b49b87eee0a8706af70c09c6005 Mon Sep 17 00:00:00 2001
From: Diptesh Choudhuri <ignisda2001@gmail.com>
Date: Mon, 25 Sep 2023 22:13:19 +0530
Subject: [PATCH] Optimize loading media item details (#365)

* fix(backend): incorrect average rating being displayed

* feat(frontend): load media specifics in a different query

* refactor(frontend): change query names

* refactor(frontend): move image data to secondary query

* fix(frontend): remove allow features

* build(backend): bump version

* fix(frontend): do not wait for user media details to load
---
 Cargo.lock                                    |   2 +-
 apps/backend/Cargo.toml                       |   2 +-
 apps/backend/src/miscellaneous/resolver.rs    |  11 +-
 apps/frontend/src/pages/media/item/index.tsx  | 362 ++++++++++--------
 libs/generated/src/graphql/backend/gql.ts     |   9 +-
 libs/generated/src/graphql/backend/graphql.ts |  22 +-
 ...Details.gql => MediaAdditionalDetails.gql} |  18 +-
 .../src/backend/queries/MediaMainDetails.gql  |  20 +
 8 files changed, 262 insertions(+), 184 deletions(-)
 rename libs/graphql/src/backend/queries/{MediaDetails.gql => MediaAdditionalDetails.gql} (82%)
 create mode 100644 libs/graphql/src/backend/queries/MediaMainDetails.gql

diff --git a/Cargo.lock b/Cargo.lock
index cafc64e246..b27e87ec02 100644
--- a/Cargo.lock
+++ b/Cargo.lock
@@ -4464,7 +4464,7 @@ checksum = "dc31bd9b61a32c31f9650d18add92aa83a49ba979c143eefd27fe7177b05bd5f"
 
 [[package]]
 name = "ryot"
-version = "2.18.5"
+version = "2.18.6"
 dependencies = [
  "anyhow",
  "apalis",
diff --git a/apps/backend/Cargo.toml b/apps/backend/Cargo.toml
index 2c6034e73b..502e272221 100644
--- a/apps/backend/Cargo.toml
+++ b/apps/backend/Cargo.toml
@@ -1,6 +1,6 @@
 [package]
 name = "ryot"
-version = "2.18.5"
+version = "2.18.6"
 edition = "2021"
 repository = "https://github.com/IgnisDa/ryot"
 license = "GPL-V3"
diff --git a/apps/backend/src/miscellaneous/resolver.rs b/apps/backend/src/miscellaneous/resolver.rs
index a12552b572..9a89847db8 100644
--- a/apps/backend/src/miscellaneous/resolver.rs
+++ b/apps/backend/src/miscellaneous/resolver.rs
@@ -1695,10 +1695,13 @@ impl MiscellaneousService {
         let average_rating = if reviews.is_empty() {
             None
         } else {
-            Some(
-                reviews.iter().flat_map(|r| r.rating).sum::<Decimal>()
-                    / Decimal::from(reviews.len()),
-            )
+            let total_rating = reviews.iter().flat_map(|r| r.rating).collect_vec();
+            let sum = total_rating.iter().sum::<Decimal>();
+            if sum == dec!(0) {
+                None
+            } else {
+                Some(sum / Decimal::from(total_rating.iter().len()))
+            }
         };
 
         Ok(UserMediaDetails {
diff --git a/apps/frontend/src/pages/media/item/index.tsx b/apps/frontend/src/pages/media/item/index.tsx
index 1031fc88e5..ed2d07621e 100644
--- a/apps/frontend/src/pages/media/item/index.tsx
+++ b/apps/frontend/src/pages/media/item/index.tsx
@@ -54,7 +54,6 @@ import {
 	type DeleteSeenItemMutationVariables,
 	DeployUpdateMetadataJobDocument,
 	type DeployUpdateMetadataJobMutationVariables,
-	MediaDetailsDocument,
 	MergeMetadataDocument,
 	type MergeMetadataMutationVariables,
 	MetadataLot,
@@ -69,6 +68,8 @@ import {
 	type ToggleMediaMonitorMutationVariables,
 	UserMediaDetailsDocument,
 	UserReviewScale,
+	MediaMainDetailsDocument,
+	MediaAdditionalDetailsDocument,
 } from "@ryot/generated/graphql/backend/graphql";
 import { changeCase, formatDateToNaiveDate } from "@ryot/ts-utils";
 import {
@@ -469,9 +470,12 @@ const Page: NextPageWithLayout = () => {
 	const mediaDetails = useQuery({
 		queryKey: ["mediaDetails", metadataId],
 		queryFn: async () => {
-			const { mediaDetails } = await gqlClient.request(MediaDetailsDocument, {
-				metadataId,
-			});
+			const { mediaDetails } = await gqlClient.request(
+				MediaMainDetailsDocument,
+				{
+					metadataId,
+				},
+			);
 			return mediaDetails;
 		},
 		staleTime: Infinity,
@@ -485,6 +489,20 @@ const Page: NextPageWithLayout = () => {
 				setActiveTab("overview");
 		},
 	});
+	const mediaSpecifics = useQuery({
+		queryKey: ["mediaSpecifics", metadataId],
+		queryFn: async () => {
+			const { mediaDetails } = await gqlClient.request(
+				MediaAdditionalDetailsDocument,
+				{
+					metadataId,
+				},
+			);
+			return mediaDetails;
+		},
+		staleTime: Infinity,
+		enabled: !!metadataId,
+	});
 	const userMediaDetails = useQuery({
 		queryKey: ["userMediaDetails", metadataId],
 		queryFn: async () => {
@@ -638,17 +656,14 @@ const Page: NextPageWithLayout = () => {
 		);
 	};
 
-	return coreDetails.data &&
-		mediaDetails.data &&
-		preferences.data &&
-		userMediaDetails.data ? (
+	return coreDetails.data && mediaDetails.data && preferences.data ? (
 		<>
 			<Head>
 				<title>{mediaDetails.data.title} | Ryot</title>
 			</Head>
 			<Container>
 				<MediaDetailsLayout
-					images={mediaDetails.data.assets.images}
+					images={mediaSpecifics.data?.assets.images || []}
 					externalLink={{
 						source,
 						lot: mediaDetails.data.lot,
@@ -670,7 +685,8 @@ const Page: NextPageWithLayout = () => {
 						) : undefined}
 						<Title id="media-title">{mediaDetails.data.title}</Title>
 					</Box>
-					{userMediaDetails.data.collections.length > 0 ? (
+					{userMediaDetails.data &&
+					userMediaDetails.data.collections.length > 0 ? (
 						<Group id="media-collections">
 							{userMediaDetails.data.collections.map((col) => (
 								<Badge
@@ -724,57 +740,57 @@ const Page: NextPageWithLayout = () => {
 								{formatter.format(mediaDetails.data.genres.slice(0, 5))}
 							</Text>
 						) : undefined}
-						{mediaDetails.data.bookSpecifics?.pages ? (
+						{mediaSpecifics.data?.bookSpecifics?.pages ? (
 							<Text color="dimmed">
 								{" "}
-								• {mediaDetails.data.bookSpecifics.pages} pages
+								• {mediaSpecifics.data.bookSpecifics.pages} pages
 							</Text>
 						) : undefined}
-						{mediaDetails.data.podcastSpecifics?.totalEpisodes ? (
+						{mediaSpecifics.data?.podcastSpecifics?.totalEpisodes ? (
 							<Text color="dimmed">
 								{" "}
-								• {mediaDetails.data.podcastSpecifics.totalEpisodes} episodes
+								• {mediaSpecifics.data.podcastSpecifics.totalEpisodes} episodes
 							</Text>
 						) : undefined}
-						{mediaDetails.data.animeSpecifics?.episodes ? (
+						{mediaSpecifics.data?.animeSpecifics?.episodes ? (
 							<Text color="dimmed">
 								{" "}
-								• {mediaDetails.data.animeSpecifics.episodes} episodes
+								• {mediaSpecifics.data.animeSpecifics.episodes} episodes
 							</Text>
 						) : undefined}
-						{mediaDetails.data.mangaSpecifics?.chapters ? (
+						{mediaSpecifics.data?.mangaSpecifics?.chapters ? (
 							<Text color="dimmed">
 								{" "}
-								• {mediaDetails.data.mangaSpecifics.chapters} chapters
+								• {mediaSpecifics.data.mangaSpecifics.chapters} chapters
 							</Text>
 						) : undefined}
-						{mediaDetails.data.mangaSpecifics?.volumes ? (
+						{mediaSpecifics.data?.mangaSpecifics?.volumes ? (
 							<Text color="dimmed">
 								{" "}
-								• {mediaDetails.data.mangaSpecifics.volumes} volumes
+								• {mediaSpecifics.data.mangaSpecifics.volumes} volumes
 							</Text>
 						) : undefined}
-						{mediaDetails.data.movieSpecifics?.runtime ? (
+						{mediaSpecifics.data?.movieSpecifics?.runtime ? (
 							<Text color="dimmed">
 								{" "}
 								•{" "}
 								{humanizer.humanize(
-									mediaDetails.data.movieSpecifics.runtime * 1000 * 60,
+									mediaSpecifics.data.movieSpecifics.runtime * 1000 * 60,
 								)}
 							</Text>
 						) : undefined}
-						{mediaDetails.data.showSpecifics ? (
+						{mediaSpecifics.data?.showSpecifics ? (
 							<Text color="dimmed">
 								{" "}
-								• {mediaDetails.data.showSpecifics.seasons.length} seasons
+								• {mediaSpecifics.data.showSpecifics.seasons.length} seasons
 							</Text>
 						) : undefined}
-						{mediaDetails.data.audioBookSpecifics?.runtime ? (
+						{mediaSpecifics.data?.audioBookSpecifics?.runtime ? (
 							<Text color="dimmed">
 								{" "}
 								•{" "}
 								{humanizer.humanize(
-									mediaDetails.data.audioBookSpecifics.runtime * 1000 * 60,
+									mediaSpecifics.data.audioBookSpecifics.runtime * 1000 * 60,
 								)}
 							</Text>
 						) : undefined}
@@ -783,7 +799,7 @@ const Page: NextPageWithLayout = () => {
 						) : undefined}
 					</Flex>
 					{mediaDetails.data.providerRating ||
-					userMediaDetails.data.averageRating ? (
+					(userMediaDetails.data && userMediaDetails.data.averageRating) ? (
 						<Group>
 							{mediaDetails.data.providerRating ? (
 								<Paper
@@ -856,7 +872,7 @@ const Page: NextPageWithLayout = () => {
 									</Text>
 								</Paper>
 							) : undefined}
-							{userMediaDetails.data.averageRating ? (
+							{userMediaDetails.data && userMediaDetails.data.averageRating ? (
 								<Paper
 									p={4}
 									display={"flex"}
@@ -881,7 +897,7 @@ const Page: NextPageWithLayout = () => {
 							) : undefined}
 						</Group>
 					) : undefined}
-					{userMediaDetails.data.reminder ? (
+					{userMediaDetails.data && userMediaDetails.data.reminder ? (
 						<Alert
 							icon={<IconAlertCircle size="1rem" />}
 							variant="outline"
@@ -893,7 +909,7 @@ const Page: NextPageWithLayout = () => {
 							</Text>
 						</Alert>
 					) : undefined}
-					{userMediaDetails.data.inProgress ? (
+					{userMediaDetails.data && userMediaDetails.data.inProgress ? (
 						<Alert icon={<IconAlertCircle size="1rem" />} variant="outline">
 							You are currently {getVerb(Verb.Read, mediaDetails.data.lot)}
 							ing this ({userMediaDetails.data.inProgress.progress}%)
@@ -913,7 +929,8 @@ const Page: NextPageWithLayout = () => {
 							<Tabs.Tab value="actions" icon={<IconUser size="1rem" />}>
 								Actions
 							</Tabs.Tab>
-							{userMediaDetails.data.history.length > 0 ? (
+							{userMediaDetails.data &&
+							userMediaDetails.data.history.length > 0 ? (
 								<Tabs.Tab
 									value="history"
 									icon={<IconRotateClockwise size="1rem" />}
@@ -921,12 +938,12 @@ const Page: NextPageWithLayout = () => {
 									History
 								</Tabs.Tab>
 							) : undefined}
-							{mediaDetails.data.showSpecifics ? (
+							{mediaSpecifics.data?.showSpecifics ? (
 								<Tabs.Tab value="seasons" icon={<IconPlayerPlay size="1rem" />}>
 									Seasons
 								</Tabs.Tab>
 							) : undefined}
-							{mediaDetails.data.podcastSpecifics ? (
+							{mediaSpecifics.data?.podcastSpecifics ? (
 								<Tabs.Tab
 									value="episodes"
 									icon={<IconPlayerPlay size="1rem" />}
@@ -935,6 +952,7 @@ const Page: NextPageWithLayout = () => {
 								</Tabs.Tab>
 							) : undefined}
 							{!coreDetails.data.reviewsDisabled &&
+							userMediaDetails.data &&
 							userMediaDetails.data.reviews.length > 0 ? (
 								<Tabs.Tab
 									value="reviews"
@@ -943,13 +961,13 @@ const Page: NextPageWithLayout = () => {
 									Reviews
 								</Tabs.Tab>
 							) : undefined}
-							{mediaDetails.data.suggestions.length > 0 ? (
+							{(mediaSpecifics.data?.suggestions.length || 0) > 0 ? (
 								<Tabs.Tab value="suggestions" icon={<IconBulb size="1rem" />}>
 									Suggestions
 								</Tabs.Tab>
 							) : undefined}
 							{!coreDetails.data.videosDisabled &&
-							mediaDetails.data.assets.videos.length > 0 ? (
+							(mediaSpecifics.data?.assets.videos.length || 0) > 0 ? (
 								<Tabs.Tab value="videos" icon={<IconVideo size="1rem" />}>
 									Videos
 								</Tabs.Tab>
@@ -971,7 +989,7 @@ const Page: NextPageWithLayout = () => {
 										<Text fs="italic">No overview available</Text>
 									)}
 									<Stack mt="xl">
-										{mediaDetails.data.creators.map((c) => (
+										{mediaSpecifics.data?.creators.map((c) => (
 											<Box key={c.name}>
 												<Text fw="bold">{c.name}</Text>
 												<ScrollArea
@@ -1035,7 +1053,7 @@ const Page: NextPageWithLayout = () => {
 									spacing="lg"
 									breakpoints={[{ minWidth: "md", cols: 2 }]}
 								>
-									{userMediaDetails.data.inProgress ? (
+									{userMediaDetails.data && userMediaDetails.data.inProgress ? (
 										<ProgressModal
 											progress={userMediaDetails.data.inProgress.progress}
 											refetch={userMediaDetails.refetch}
@@ -1044,12 +1062,12 @@ const Page: NextPageWithLayout = () => {
 											opened={progressModalOpened}
 											lot={mediaDetails.data.lot}
 											total={
-												mediaDetails.data.audioBookSpecifics?.runtime ||
-												mediaDetails.data.bookSpecifics?.pages ||
-												mediaDetails.data.movieSpecifics?.runtime ||
-												mediaDetails.data.mangaSpecifics?.chapters ||
-												mediaDetails.data.animeSpecifics?.episodes ||
-												mediaDetails.data.visualNovelSpecifics?.length
+												mediaSpecifics.data?.audioBookSpecifics?.runtime ||
+												mediaSpecifics.data?.bookSpecifics?.pages ||
+												mediaSpecifics.data?.movieSpecifics?.runtime ||
+												mediaSpecifics.data?.mangaSpecifics?.chapters ||
+												mediaSpecifics.data?.animeSpecifics?.episodes ||
+												mediaSpecifics.data?.visualNovelSpecifics?.length
 											}
 										/>
 									) : undefined}
@@ -1062,7 +1080,8 @@ const Page: NextPageWithLayout = () => {
 											mediaDetails.data.lot === MetadataLot.Podcast ? (
 												<>
 													<Menu.Label>Shows and podcasts</Menu.Label>
-													{userMediaDetails.data.nextEpisode ? (
+													{userMediaDetails.data &&
+													userMediaDetails.data.nextEpisode ? (
 														<>
 															<Menu.Item
 																onClick={async () => {
@@ -1109,7 +1128,8 @@ const Page: NextPageWithLayout = () => {
 															<PutOnHoldBtn />
 														</>
 													) : undefined}
-													{userMediaDetails.data.history.length !== 0 ? (
+													{userMediaDetails.data &&
+													userMediaDetails.data.history.length !== 0 ? (
 														<DropBtn />
 													) : (
 														<Menu.Item disabled>
@@ -1118,7 +1138,8 @@ const Page: NextPageWithLayout = () => {
 													)}
 												</>
 											) : undefined}
-											{userMediaDetails.data.inProgress ? (
+											{userMediaDetails.data &&
+											userMediaDetails.data.inProgress ? (
 												<>
 													<Menu.Label>In progress</Menu.Label>
 													<Menu.Item
@@ -1187,17 +1208,22 @@ const Page: NextPageWithLayout = () => {
 											href={withQuery(APP_ROUTES.media.postReview, {
 												metadataId,
 												showSeasonNumber:
-													userMediaDetails.data.nextEpisode?.seasonNumber ??
+													(userMediaDetails.data &&
+														userMediaDetails.data.nextEpisode?.seasonNumber) ??
 													undefined,
 												showEpisodeNumber:
 													mediaDetails.data.lot === MetadataLot.Show
-														? userMediaDetails.data.nextEpisode
-																?.episodeNumber ?? undefined
+														? (userMediaDetails.data &&
+																userMediaDetails.data.nextEpisode
+																	?.episodeNumber) ??
+														  undefined
 														: undefined,
 												podcastEpisodeNumber:
 													mediaDetails.data.lot === MetadataLot.Podcast
-														? userMediaDetails.data.nextEpisode
-																?.episodeNumber ?? undefined
+														? (userMediaDetails.data &&
+																userMediaDetails.data.nextEpisode
+																	?.episodeNumber) ??
+														  undefined
 														: undefined,
 											})}
 											passHref
@@ -1229,10 +1255,12 @@ const Page: NextPageWithLayout = () => {
 											});
 										}}
 									>
-										{userMediaDetails.data.isMonitored ? "Stop" : "Start"}{" "}
+										{userMediaDetails.data && userMediaDetails.data.isMonitored
+											? "Stop"
+											: "Start"}{" "}
 										monitoring
 									</Button>
-									{userMediaDetails.data.reminder ? (
+									{userMediaDetails.data && userMediaDetails.data.reminder ? (
 										<Button
 											variant="outline"
 											onClick={() => {
@@ -1296,89 +1324,104 @@ const Page: NextPageWithLayout = () => {
 							<MediaScrollArea>
 								<Stack>
 									<Text>
-										Seen by all users {userMediaDetails.data.seenBy} time
-										{userMediaDetails.data.seenBy > 1 ? "s" : ""} and{" "}
-										{userMediaDetails.data.history.length} time
-										{userMediaDetails.data.history.length > 1 ? "s" : ""} by you
+										Seen by all users{" "}
+										{userMediaDetails.data && userMediaDetails.data.seenBy} time
+										{userMediaDetails.data && userMediaDetails.data.seenBy > 1
+											? "s"
+											: ""}{" "}
+										and{" "}
+										{userMediaDetails.data &&
+											userMediaDetails.data.history.length}{" "}
+										time
+										{userMediaDetails.data &&
+										userMediaDetails.data.history.length > 1
+											? "s"
+											: ""}{" "}
+										by you
 									</Text>
-									{userMediaDetails.data.history.map((h) => (
-										<Flex
-											key={h.id}
-											direction={"column"}
-											ml="md"
-											data-seen-id={h.id}
-											data-seen-num-times-updated={h.numTimesUpdated}
-										>
-											<Flex gap="xl">
-												<Text fw="bold">
-													{changeCase(h.state)}{" "}
-													{h.progress !== 100 ? `(${h.progress}%)` : undefined}
-												</Text>
-												{h.showInformation ? (
-													<Text color="dimmed">
-														S{h.showInformation.season}-E
-														{h.showInformation.episode}
-													</Text>
-												) : undefined}
-												{h.podcastInformation ? (
-													<Text color="dimmed">
-														EP-{h.podcastInformation.episode}
-													</Text>
-												) : undefined}
-											</Flex>
-											<Flex ml="sm" direction={"column"} gap={4}>
+									{userMediaDetails.data &&
+										userMediaDetails.data.history.map((h) => (
+											<Flex
+												key={h.id}
+												direction={"column"}
+												ml="md"
+												data-seen-id={h.id}
+												data-seen-num-times-updated={h.numTimesUpdated}
+											>
 												<Flex gap="xl">
-													<Flex gap={"xs"}>
-														<Text size="sm">Started:</Text>
-														<Text size="sm" fw="bold">
-															{h.startedOn
-																? DateTime.fromISO(h.startedOn).toLocaleString()
-																: "N/A"}
+													<Text fw="bold">
+														{changeCase(h.state)}{" "}
+														{h.progress !== 100
+															? `(${h.progress}%)`
+															: undefined}
+													</Text>
+													{h.showInformation ? (
+														<Text color="dimmed">
+															S{h.showInformation.season}-E
+															{h.showInformation.episode}
 														</Text>
-													</Flex>
-													<Flex gap={"xs"}>
-														<Text size="sm">Ended:</Text>
-														<Text size="sm" fw="bold">
-															{h.finishedOn
-																? DateTime.fromISO(
-																		h.finishedOn,
-																  ).toLocaleString()
-																: "N/A"}
+													) : undefined}
+													{h.podcastInformation ? (
+														<Text color="dimmed">
+															EP-{h.podcastInformation.episode}
 														</Text>
-													</Flex>
+													) : undefined}
 												</Flex>
-												<Flex gap={"md"}>
-													<Flex gap={"xs"}>
-														<Text size="sm">Updated:</Text>
-														<Text size="sm" fw="bold">
-															{DateTime.fromJSDate(
-																h.lastUpdatedOn,
-															).toLocaleString()}
-														</Text>
+												<Flex ml="sm" direction={"column"} gap={4}>
+													<Flex gap="xl">
+														<Flex gap={"xs"}>
+															<Text size="sm">Started:</Text>
+															<Text size="sm" fw="bold">
+																{h.startedOn
+																	? DateTime.fromISO(
+																			h.startedOn,
+																	  ).toLocaleString()
+																	: "N/A"}
+															</Text>
+														</Flex>
+														<Flex gap={"xs"}>
+															<Text size="sm">Ended:</Text>
+															<Text size="sm" fw="bold">
+																{h.finishedOn
+																	? DateTime.fromISO(
+																			h.finishedOn,
+																	  ).toLocaleString()
+																	: "N/A"}
+															</Text>
+														</Flex>
+													</Flex>
+													<Flex gap={"md"}>
+														<Flex gap={"xs"}>
+															<Text size="sm">Updated:</Text>
+															<Text size="sm" fw="bold">
+																{DateTime.fromJSDate(
+																	h.lastUpdatedOn,
+																).toLocaleString()}
+															</Text>
+														</Flex>
+														<Button
+															variant="outline"
+															color="red"
+															leftIcon={<IconX size="1.2rem" />}
+															compact
+															onClick={() => {
+																deleteSeenItem.mutate({ seenId: h.id });
+															}}
+														>
+															Delete
+														</Button>
 													</Flex>
-													<Button
-														variant="outline"
-														color="red"
-														leftIcon={<IconX size="1.2rem" />}
-														compact
-														onClick={() => {
-															deleteSeenItem.mutate({ seenId: h.id });
-														}}
-													>
-														Delete
-													</Button>
 												</Flex>
 											</Flex>
-										</Flex>
-									))}
+										))}
 								</Stack>
 							</MediaScrollArea>
 						</Tabs.Panel>
-						{mediaDetails.data.showSpecifics ? (
+						{mediaSpecifics.data?.showSpecifics ? (
 							<Tabs.Panel value="seasons">
 								<MediaScrollArea>
 									<Accordion chevronPosition="right" variant="contained">
-										{mediaDetails.data.showSpecifics.seasons.map((s) => (
+										{mediaSpecifics.data.showSpecifics.seasons.map((s) => (
 											<Accordion.Item
 												value={s.seasonNumber.toString()}
 												key={s.seasonNumber}
@@ -1389,15 +1432,18 @@ const Page: NextPageWithLayout = () => {
 														name={`${s.seasonNumber}. ${s.name}`}
 														displayIndicator={
 															s.episodes.length > 0 &&
-															s.episodes.every((e) =>
-																userMediaDetails.data.history.some(
-																	(h) =>
-																		h.progress === 100 &&
-																		h.showInformation &&
-																		h.showInformation.episode ===
-																			e.episodeNumber &&
-																		h.showInformation.season === s.seasonNumber,
-																),
+															s.episodes.every(
+																(e) =>
+																	userMediaDetails.data &&
+																	userMediaDetails.data.history.some(
+																		(h) =>
+																			h.progress === 100 &&
+																			h.showInformation &&
+																			h.showInformation.episode ===
+																				e.episodeNumber &&
+																			h.showInformation.season ===
+																				s.seasonNumber,
+																	),
 															)
 																? 1
 																: 0
@@ -1441,15 +1487,17 @@ const Page: NextPageWithLayout = () => {
 																	name={`${e.episodeNumber}. ${e.name}`}
 																	publishDate={e.publishDate}
 																	displayIndicator={
-																		userMediaDetails.data.history.filter(
-																			(h) =>
-																				h.progress === 100 &&
-																				h.showInformation &&
-																				h.showInformation.episode ===
-																					e.episodeNumber &&
-																				h.showInformation.season ===
-																					s.seasonNumber,
-																		).length
+																		(userMediaDetails.data &&
+																			userMediaDetails.data.history.filter(
+																				(h) =>
+																					h.progress === 100 &&
+																					h.showInformation &&
+																					h.showInformation.episode ===
+																						e.episodeNumber &&
+																					h.showInformation.season ===
+																						s.seasonNumber,
+																			).length) ||
+																		0
 																	}
 																>
 																	<Button
@@ -1485,11 +1533,11 @@ const Page: NextPageWithLayout = () => {
 								</MediaScrollArea>
 							</Tabs.Panel>
 						) : undefined}
-						{mediaDetails.data.podcastSpecifics ? (
+						{mediaSpecifics.data?.podcastSpecifics ? (
 							<Tabs.Panel value="episodes">
 								<MediaScrollArea>
 									<Stack ml="md">
-										{mediaDetails.data.podcastSpecifics.episodes.map((e) => (
+										{mediaSpecifics.data.podcastSpecifics.episodes.map((e) => (
 											<AccordionLabel
 												{...e}
 												name={e.title}
@@ -1497,9 +1545,11 @@ const Page: NextPageWithLayout = () => {
 												key={e.number}
 												publishDate={e.publishDate}
 												displayIndicator={
-													userMediaDetails.data.history.filter(
-														(h) => h.podcastInformation?.episode === e.number,
-													).length
+													(userMediaDetails.data &&
+														userMediaDetails.data.history.filter(
+															(h) => h.podcastInformation?.episode === e.number,
+														).length) ||
+													0
 												}
 											>
 												<Button
@@ -1529,14 +1579,15 @@ const Page: NextPageWithLayout = () => {
 							<Tabs.Panel value="reviews">
 								<MediaScrollArea>
 									<Stack>
-										{userMediaDetails.data.reviews.map((r) => (
-											<ReviewItemDisplay
-												review={r}
-												key={r.id}
-												metadataId={metadataId}
-												refetch={userMediaDetails.refetch}
-											/>
-										))}
+										{userMediaDetails.data &&
+											userMediaDetails.data.reviews.map((r) => (
+												<ReviewItemDisplay
+													review={r}
+													key={r.id}
+													metadataId={metadataId}
+													refetch={userMediaDetails.refetch}
+												/>
+											))}
 									</Stack>
 								</MediaScrollArea>
 							</Tabs.Panel>
@@ -1550,7 +1601,7 @@ const Page: NextPageWithLayout = () => {
 										{ minWidth: "lg", cols: 5 },
 									]}
 								>
-									{mediaDetails.data.suggestions.map((sug) => (
+									{mediaSpecifics.data?.suggestions.map((sug) => (
 										<Link
 											key={sug.identifier}
 											passHref
@@ -1602,7 +1653,7 @@ const Page: NextPageWithLayout = () => {
 							<Tabs.Panel value="videos">
 								<MediaScrollArea>
 									<Stack>
-										{mediaDetails.data.assets.videos.map((v) => (
+										{mediaSpecifics.data?.assets.videos.map((v) => (
 											<Box key={v.videoId}>
 												<iframe
 													width={"100%"}
@@ -1622,7 +1673,6 @@ const Page: NextPageWithLayout = () => {
 															.exhaustive() + v.videoId
 													}
 													title="YouTube video player"
-													allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
 													allowFullScreen
 												/>
 											</Box>
diff --git a/libs/generated/src/graphql/backend/gql.ts b/libs/generated/src/graphql/backend/gql.ts
index 908f53e097..6706a62792 100644
--- a/libs/generated/src/graphql/backend/gql.ts
+++ b/libs/generated/src/graphql/backend/gql.ts
@@ -64,8 +64,9 @@ const documents = {
     "query GetPresignedUrl($key: String!) {\n  getPresignedUrl(key: $key)\n}": types.GetPresignedUrlDocument,
     "query ImportReports {\n  importReports {\n    id\n    source\n    startedOn\n    finishedOn\n    success\n    details {\n      import {\n        total\n      }\n      failedItems {\n        lot\n        step\n        identifier\n        error\n      }\n    }\n  }\n}": types.ImportReportsDocument,
     "query LatestUserSummary {\n  latestUserSummary {\n    calculatedOn\n    fitness {\n      measurementsRecorded\n      workoutsRecorded\n    }\n    media {\n      reviewsPosted\n      creatorsInteractedWith\n      manga {\n        chapters\n        read\n      }\n      books {\n        pages\n        read\n      }\n      movies {\n        runtime\n        watched\n      }\n      anime {\n        episodes\n        watched\n      }\n      podcasts {\n        runtime\n        played\n        playedEpisodes\n      }\n      visualNovels {\n        played\n        runtime\n      }\n      videoGames {\n        played\n      }\n      shows {\n        runtime\n        watchedEpisodes\n        watchedSeasons\n        watched\n      }\n      audioBooks {\n        runtime\n        played\n      }\n    }\n  }\n}": types.LatestUserSummaryDocument,
-    "query MediaDetails($metadataId: Int!) {\n  mediaDetails(metadataId: $metadataId) {\n    title\n    description\n    identifier\n    lot\n    source\n    isNsfw\n    creators {\n      name\n      items {\n        id\n        name\n        image\n      }\n    }\n    assets {\n      images\n      videos {\n        videoId\n        source\n      }\n    }\n    providerRating\n    publishYear\n    publishDate\n    genres\n    sourceUrl\n    group {\n      id\n      name\n      part\n    }\n    suggestions {\n      lot\n      source\n      identifier\n      title\n      image\n      metadataId\n    }\n    animeSpecifics {\n      episodes\n    }\n    audioBookSpecifics {\n      runtime\n    }\n    bookSpecifics {\n      pages\n    }\n    movieSpecifics {\n      runtime\n    }\n    mangaSpecifics {\n      volumes\n      chapters\n    }\n    podcastSpecifics {\n      episodes {\n        title\n        overview\n        thumbnail\n        number\n        runtime\n        publishDate\n      }\n      totalEpisodes\n    }\n    showSpecifics {\n      seasons {\n        seasonNumber\n        name\n        overview\n        backdropImages\n        posterImages\n        episodes {\n          id\n          name\n          posterImages\n          episodeNumber\n          publishDate\n          name\n          overview\n          runtime\n        }\n      }\n    }\n    visualNovelSpecifics {\n      length\n    }\n    videoGameSpecifics {\n      platforms\n    }\n  }\n}": types.MediaDetailsDocument,
+    "query MediaAdditionalDetails($metadataId: Int!) {\n  mediaDetails(metadataId: $metadataId) {\n    creators {\n      name\n      items {\n        id\n        name\n        image\n      }\n    }\n    assets {\n      images\n      videos {\n        videoId\n        source\n      }\n    }\n    suggestions {\n      lot\n      source\n      identifier\n      title\n      image\n      metadataId\n    }\n    animeSpecifics {\n      episodes\n    }\n    audioBookSpecifics {\n      runtime\n    }\n    bookSpecifics {\n      pages\n    }\n    movieSpecifics {\n      runtime\n    }\n    mangaSpecifics {\n      volumes\n      chapters\n    }\n    podcastSpecifics {\n      episodes {\n        title\n        overview\n        thumbnail\n        number\n        runtime\n        publishDate\n      }\n      totalEpisodes\n    }\n    showSpecifics {\n      seasons {\n        seasonNumber\n        name\n        overview\n        backdropImages\n        posterImages\n        episodes {\n          id\n          name\n          posterImages\n          episodeNumber\n          publishDate\n          name\n          overview\n          runtime\n        }\n      }\n    }\n    visualNovelSpecifics {\n      length\n    }\n    videoGameSpecifics {\n      platforms\n    }\n  }\n}": types.MediaAdditionalDetailsDocument,
     "query MediaList($input: MediaListInput!) {\n  mediaList(input: $input) {\n    details {\n      total\n      nextPage\n    }\n    items {\n      averageRating\n      data {\n        identifier\n        title\n        image\n        publishYear\n      }\n    }\n  }\n}": types.MediaListDocument,
+    "query MediaMainDetails($metadataId: Int!) {\n  mediaDetails(metadataId: $metadataId) {\n    title\n    description\n    identifier\n    lot\n    source\n    isNsfw\n    providerRating\n    publishYear\n    publishDate\n    genres\n    sourceUrl\n    group {\n      id\n      name\n      part\n    }\n  }\n}": types.MediaMainDetailsDocument,
     "query MediaSearch($lot: MetadataLot!, $source: MetadataSource!, $input: SearchInput!) {\n  mediaSearch(lot: $lot, source: $source, input: $input) {\n    details {\n      total\n      nextPage\n    }\n    items {\n      databaseId\n      item {\n        identifier\n        title\n        image\n        publishYear\n      }\n    }\n  }\n}": types.MediaSearchDocument,
     "query MediaSourcesForLot($lot: MetadataLot!) {\n  mediaSourcesForLot(lot: $lot)\n}": types.MediaSourcesForLotDocument,
     "query MetadataGroupDetails($metadataGroupId: Int!) {\n  metadataGroupDetails(metadataGroupId: $metadataGroupId) {\n    details {\n      id\n      title\n      lot\n      source\n      displayImages\n      parts\n    }\n    sourceUrl\n    contents {\n      identifier\n      title\n      image\n      metadataId\n      lot\n      source\n    }\n  }\n}": types.MetadataGroupDetailsDocument,
@@ -306,11 +307,15 @@ export function graphql(source: "query LatestUserSummary {\n  latestUserSummary
 /**
  * The graphql function is used to parse GraphQL queries into a document that can be used by GraphQL clients.
  */
-export function graphql(source: "query MediaDetails($metadataId: Int!) {\n  mediaDetails(metadataId: $metadataId) {\n    title\n    description\n    identifier\n    lot\n    source\n    isNsfw\n    creators {\n      name\n      items {\n        id\n        name\n        image\n      }\n    }\n    assets {\n      images\n      videos {\n        videoId\n        source\n      }\n    }\n    providerRating\n    publishYear\n    publishDate\n    genres\n    sourceUrl\n    group {\n      id\n      name\n      part\n    }\n    suggestions {\n      lot\n      source\n      identifier\n      title\n      image\n      metadataId\n    }\n    animeSpecifics {\n      episodes\n    }\n    audioBookSpecifics {\n      runtime\n    }\n    bookSpecifics {\n      pages\n    }\n    movieSpecifics {\n      runtime\n    }\n    mangaSpecifics {\n      volumes\n      chapters\n    }\n    podcastSpecifics {\n      episodes {\n        title\n        overview\n        thumbnail\n        number\n        runtime\n        publishDate\n      }\n      totalEpisodes\n    }\n    showSpecifics {\n      seasons {\n        seasonNumber\n        name\n        overview\n        backdropImages\n        posterImages\n        episodes {\n          id\n          name\n          posterImages\n          episodeNumber\n          publishDate\n          name\n          overview\n          runtime\n        }\n      }\n    }\n    visualNovelSpecifics {\n      length\n    }\n    videoGameSpecifics {\n      platforms\n    }\n  }\n}"): (typeof documents)["query MediaDetails($metadataId: Int!) {\n  mediaDetails(metadataId: $metadataId) {\n    title\n    description\n    identifier\n    lot\n    source\n    isNsfw\n    creators {\n      name\n      items {\n        id\n        name\n        image\n      }\n    }\n    assets {\n      images\n      videos {\n        videoId\n        source\n      }\n    }\n    providerRating\n    publishYear\n    publishDate\n    genres\n    sourceUrl\n    group {\n      id\n      name\n      part\n    }\n    suggestions {\n      lot\n      source\n      identifier\n      title\n      image\n      metadataId\n    }\n    animeSpecifics {\n      episodes\n    }\n    audioBookSpecifics {\n      runtime\n    }\n    bookSpecifics {\n      pages\n    }\n    movieSpecifics {\n      runtime\n    }\n    mangaSpecifics {\n      volumes\n      chapters\n    }\n    podcastSpecifics {\n      episodes {\n        title\n        overview\n        thumbnail\n        number\n        runtime\n        publishDate\n      }\n      totalEpisodes\n    }\n    showSpecifics {\n      seasons {\n        seasonNumber\n        name\n        overview\n        backdropImages\n        posterImages\n        episodes {\n          id\n          name\n          posterImages\n          episodeNumber\n          publishDate\n          name\n          overview\n          runtime\n        }\n      }\n    }\n    visualNovelSpecifics {\n      length\n    }\n    videoGameSpecifics {\n      platforms\n    }\n  }\n}"];
+export function graphql(source: "query MediaAdditionalDetails($metadataId: Int!) {\n  mediaDetails(metadataId: $metadataId) {\n    creators {\n      name\n      items {\n        id\n        name\n        image\n      }\n    }\n    assets {\n      images\n      videos {\n        videoId\n        source\n      }\n    }\n    suggestions {\n      lot\n      source\n      identifier\n      title\n      image\n      metadataId\n    }\n    animeSpecifics {\n      episodes\n    }\n    audioBookSpecifics {\n      runtime\n    }\n    bookSpecifics {\n      pages\n    }\n    movieSpecifics {\n      runtime\n    }\n    mangaSpecifics {\n      volumes\n      chapters\n    }\n    podcastSpecifics {\n      episodes {\n        title\n        overview\n        thumbnail\n        number\n        runtime\n        publishDate\n      }\n      totalEpisodes\n    }\n    showSpecifics {\n      seasons {\n        seasonNumber\n        name\n        overview\n        backdropImages\n        posterImages\n        episodes {\n          id\n          name\n          posterImages\n          episodeNumber\n          publishDate\n          name\n          overview\n          runtime\n        }\n      }\n    }\n    visualNovelSpecifics {\n      length\n    }\n    videoGameSpecifics {\n      platforms\n    }\n  }\n}"): (typeof documents)["query MediaAdditionalDetails($metadataId: Int!) {\n  mediaDetails(metadataId: $metadataId) {\n    creators {\n      name\n      items {\n        id\n        name\n        image\n      }\n    }\n    assets {\n      images\n      videos {\n        videoId\n        source\n      }\n    }\n    suggestions {\n      lot\n      source\n      identifier\n      title\n      image\n      metadataId\n    }\n    animeSpecifics {\n      episodes\n    }\n    audioBookSpecifics {\n      runtime\n    }\n    bookSpecifics {\n      pages\n    }\n    movieSpecifics {\n      runtime\n    }\n    mangaSpecifics {\n      volumes\n      chapters\n    }\n    podcastSpecifics {\n      episodes {\n        title\n        overview\n        thumbnail\n        number\n        runtime\n        publishDate\n      }\n      totalEpisodes\n    }\n    showSpecifics {\n      seasons {\n        seasonNumber\n        name\n        overview\n        backdropImages\n        posterImages\n        episodes {\n          id\n          name\n          posterImages\n          episodeNumber\n          publishDate\n          name\n          overview\n          runtime\n        }\n      }\n    }\n    visualNovelSpecifics {\n      length\n    }\n    videoGameSpecifics {\n      platforms\n    }\n  }\n}"];
 /**
  * The graphql function is used to parse GraphQL queries into a document that can be used by GraphQL clients.
  */
 export function graphql(source: "query MediaList($input: MediaListInput!) {\n  mediaList(input: $input) {\n    details {\n      total\n      nextPage\n    }\n    items {\n      averageRating\n      data {\n        identifier\n        title\n        image\n        publishYear\n      }\n    }\n  }\n}"): (typeof documents)["query MediaList($input: MediaListInput!) {\n  mediaList(input: $input) {\n    details {\n      total\n      nextPage\n    }\n    items {\n      averageRating\n      data {\n        identifier\n        title\n        image\n        publishYear\n      }\n    }\n  }\n}"];
+/**
+ * The graphql function is used to parse GraphQL queries into a document that can be used by GraphQL clients.
+ */
+export function graphql(source: "query MediaMainDetails($metadataId: Int!) {\n  mediaDetails(metadataId: $metadataId) {\n    title\n    description\n    identifier\n    lot\n    source\n    isNsfw\n    providerRating\n    publishYear\n    publishDate\n    genres\n    sourceUrl\n    group {\n      id\n      name\n      part\n    }\n  }\n}"): (typeof documents)["query MediaMainDetails($metadataId: Int!) {\n  mediaDetails(metadataId: $metadataId) {\n    title\n    description\n    identifier\n    lot\n    source\n    isNsfw\n    providerRating\n    publishYear\n    publishDate\n    genres\n    sourceUrl\n    group {\n      id\n      name\n      part\n    }\n  }\n}"];
 /**
  * The graphql function is used to parse GraphQL queries into a document that can be used by GraphQL clients.
  */
diff --git a/libs/generated/src/graphql/backend/graphql.ts b/libs/generated/src/graphql/backend/graphql.ts
index bfbcc4b257..bba3bdeec4 100644
--- a/libs/generated/src/graphql/backend/graphql.ts
+++ b/libs/generated/src/graphql/backend/graphql.ts
@@ -1536,9 +1536,13 @@ export enum UserLot {
 }
 
 export type UserMeasurement = {
+  /** Any comment associated entered by the user. */
   comment?: Maybe<Scalars['String']['output']>;
+  /** The name given to this measurement by the user. */
   name?: Maybe<Scalars['String']['output']>;
+  /** The contents of the actual measurement. */
   stats: UserMeasurementStats;
+  /** The date and time this measurement was made. */
   timestamp: Scalars['DateTime']['output'];
 };
 
@@ -1570,9 +1574,13 @@ export type UserMeasurementDataInput = {
 };
 
 export type UserMeasurementInput = {
+  /** Any comment associated entered by the user. */
   comment?: InputMaybe<Scalars['String']['input']>;
+  /** The name given to this measurement by the user. */
   name?: InputMaybe<Scalars['String']['input']>;
+  /** The contents of the actual measurement. */
   stats: UserMeasurementDataInput;
+  /** The date and time this measurement was made. */
   timestamp: Scalars['DateTime']['input'];
 };
 
@@ -2173,12 +2181,12 @@ export type LatestUserSummaryQueryVariables = Exact<{ [key: string]: never; }>;
 
 export type LatestUserSummaryQuery = { latestUserSummary: { calculatedOn: Date, fitness: { measurementsRecorded: number, workoutsRecorded: number }, media: { reviewsPosted: number, creatorsInteractedWith: number, manga: { chapters: number, read: number }, books: { pages: number, read: number }, movies: { runtime: number, watched: number }, anime: { episodes: number, watched: number }, podcasts: { runtime: number, played: number, playedEpisodes: number }, visualNovels: { played: number, runtime: number }, videoGames: { played: number }, shows: { runtime: number, watchedEpisodes: number, watchedSeasons: number, watched: number }, audioBooks: { runtime: number, played: number } } } };
 
-export type MediaDetailsQueryVariables = Exact<{
+export type MediaAdditionalDetailsQueryVariables = Exact<{
   metadataId: Scalars['Int']['input'];
 }>;
 
 
-export type MediaDetailsQuery = { mediaDetails: { title: string, description?: string | null, identifier: string, lot: MetadataLot, source: MetadataSource, isNsfw: boolean, providerRating?: any | null, publishYear?: number | null, publishDate?: string | null, genres: Array<string>, sourceUrl?: string | null, creators: Array<{ name: string, items: Array<{ id: number, name: string, image?: string | null }> }>, assets: { images: Array<string>, videos: Array<{ videoId: string, source: MetadataVideoSource }> }, group?: { id: number, name: string, part: number } | null, suggestions: Array<{ lot: MetadataLot, source: MetadataSource, identifier: string, title: string, image?: string | null, metadataId?: number | null }>, animeSpecifics?: { episodes?: number | null } | null, audioBookSpecifics?: { runtime?: number | null } | null, bookSpecifics?: { pages?: number | null } | null, movieSpecifics?: { runtime?: number | null } | null, mangaSpecifics?: { volumes?: number | null, chapters?: number | null } | null, podcastSpecifics?: { totalEpisodes: number, episodes: Array<{ title: string, overview?: string | null, thumbnail?: string | null, number: number, runtime?: number | null, publishDate: string }> } | null, showSpecifics?: { seasons: Array<{ seasonNumber: number, name: string, overview?: string | null, backdropImages: Array<string>, posterImages: Array<string>, episodes: Array<{ id: number, name: string, posterImages: Array<string>, episodeNumber: number, publishDate?: string | null, overview?: string | null, runtime?: number | null }> }> } | null, visualNovelSpecifics?: { length?: number | null } | null, videoGameSpecifics?: { platforms: Array<string> } | null } };
+export type MediaAdditionalDetailsQuery = { mediaDetails: { creators: Array<{ name: string, items: Array<{ id: number, name: string, image?: string | null }> }>, assets: { images: Array<string>, videos: Array<{ videoId: string, source: MetadataVideoSource }> }, suggestions: Array<{ lot: MetadataLot, source: MetadataSource, identifier: string, title: string, image?: string | null, metadataId?: number | null }>, animeSpecifics?: { episodes?: number | null } | null, audioBookSpecifics?: { runtime?: number | null } | null, bookSpecifics?: { pages?: number | null } | null, movieSpecifics?: { runtime?: number | null } | null, mangaSpecifics?: { volumes?: number | null, chapters?: number | null } | null, podcastSpecifics?: { totalEpisodes: number, episodes: Array<{ title: string, overview?: string | null, thumbnail?: string | null, number: number, runtime?: number | null, publishDate: string }> } | null, showSpecifics?: { seasons: Array<{ seasonNumber: number, name: string, overview?: string | null, backdropImages: Array<string>, posterImages: Array<string>, episodes: Array<{ id: number, name: string, posterImages: Array<string>, episodeNumber: number, publishDate?: string | null, overview?: string | null, runtime?: number | null }> }> } | null, visualNovelSpecifics?: { length?: number | null } | null, videoGameSpecifics?: { platforms: Array<string> } | null } };
 
 export type MediaListQueryVariables = Exact<{
   input: MediaListInput;
@@ -2187,6 +2195,13 @@ export type MediaListQueryVariables = Exact<{
 
 export type MediaListQuery = { mediaList: { details: { total: number, nextPage?: number | null }, items: Array<{ averageRating?: any | null, data: { identifier: string, title: string, image?: string | null, publishYear?: number | null } }> } };
 
+export type MediaMainDetailsQueryVariables = Exact<{
+  metadataId: Scalars['Int']['input'];
+}>;
+
+
+export type MediaMainDetailsQuery = { mediaDetails: { title: string, description?: string | null, identifier: string, lot: MetadataLot, source: MetadataSource, isNsfw: boolean, providerRating?: any | null, publishYear?: number | null, publishDate?: string | null, genres: Array<string>, sourceUrl?: string | null, group?: { id: number, name: string, part: number } | null } };
+
 export type MediaSearchQueryVariables = Exact<{
   lot: MetadataLot;
   source: MetadataSource;
@@ -2353,8 +2368,9 @@ export const ExercisesListDocument = {"kind":"Document","definitions":[{"kind":"
 export const GetPresignedUrlDocument = {"kind":"Document","definitions":[{"kind":"OperationDefinition","operation":"query","name":{"kind":"Name","value":"GetPresignedUrl"},"variableDefinitions":[{"kind":"VariableDefinition","variable":{"kind":"Variable","name":{"kind":"Name","value":"key"}},"type":{"kind":"NonNullType","type":{"kind":"NamedType","name":{"kind":"Name","value":"String"}}}}],"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"getPresignedUrl"},"arguments":[{"kind":"Argument","name":{"kind":"Name","value":"key"},"value":{"kind":"Variable","name":{"kind":"Name","value":"key"}}}]}]}}]} as unknown as DocumentNode<GetPresignedUrlQuery, GetPresignedUrlQueryVariables>;
 export const ImportReportsDocument = {"kind":"Document","definitions":[{"kind":"OperationDefinition","operation":"query","name":{"kind":"Name","value":"ImportReports"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"importReports"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"id"}},{"kind":"Field","name":{"kind":"Name","value":"source"}},{"kind":"Field","name":{"kind":"Name","value":"startedOn"}},{"kind":"Field","name":{"kind":"Name","value":"finishedOn"}},{"kind":"Field","name":{"kind":"Name","value":"success"}},{"kind":"Field","name":{"kind":"Name","value":"details"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"import"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"total"}}]}},{"kind":"Field","name":{"kind":"Name","value":"failedItems"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"lot"}},{"kind":"Field","name":{"kind":"Name","value":"step"}},{"kind":"Field","name":{"kind":"Name","value":"identifier"}},{"kind":"Field","name":{"kind":"Name","value":"error"}}]}}]}}]}}]}}]} as unknown as DocumentNode<ImportReportsQuery, ImportReportsQueryVariables>;
 export const LatestUserSummaryDocument = {"kind":"Document","definitions":[{"kind":"OperationDefinition","operation":"query","name":{"kind":"Name","value":"LatestUserSummary"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"latestUserSummary"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"calculatedOn"}},{"kind":"Field","name":{"kind":"Name","value":"fitness"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"measurementsRecorded"}},{"kind":"Field","name":{"kind":"Name","value":"workoutsRecorded"}}]}},{"kind":"Field","name":{"kind":"Name","value":"media"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"reviewsPosted"}},{"kind":"Field","name":{"kind":"Name","value":"creatorsInteractedWith"}},{"kind":"Field","name":{"kind":"Name","value":"manga"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"chapters"}},{"kind":"Field","name":{"kind":"Name","value":"read"}}]}},{"kind":"Field","name":{"kind":"Name","value":"books"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"pages"}},{"kind":"Field","name":{"kind":"Name","value":"read"}}]}},{"kind":"Field","name":{"kind":"Name","value":"movies"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"runtime"}},{"kind":"Field","name":{"kind":"Name","value":"watched"}}]}},{"kind":"Field","name":{"kind":"Name","value":"anime"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"episodes"}},{"kind":"Field","name":{"kind":"Name","value":"watched"}}]}},{"kind":"Field","name":{"kind":"Name","value":"podcasts"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"runtime"}},{"kind":"Field","name":{"kind":"Name","value":"played"}},{"kind":"Field","name":{"kind":"Name","value":"playedEpisodes"}}]}},{"kind":"Field","name":{"kind":"Name","value":"visualNovels"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"played"}},{"kind":"Field","name":{"kind":"Name","value":"runtime"}}]}},{"kind":"Field","name":{"kind":"Name","value":"videoGames"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"played"}}]}},{"kind":"Field","name":{"kind":"Name","value":"shows"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"runtime"}},{"kind":"Field","name":{"kind":"Name","value":"watchedEpisodes"}},{"kind":"Field","name":{"kind":"Name","value":"watchedSeasons"}},{"kind":"Field","name":{"kind":"Name","value":"watched"}}]}},{"kind":"Field","name":{"kind":"Name","value":"audioBooks"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"runtime"}},{"kind":"Field","name":{"kind":"Name","value":"played"}}]}}]}}]}}]}}]} as unknown as DocumentNode<LatestUserSummaryQuery, LatestUserSummaryQueryVariables>;
-export const MediaDetailsDocument = {"kind":"Document","definitions":[{"kind":"OperationDefinition","operation":"query","name":{"kind":"Name","value":"MediaDetails"},"variableDefinitions":[{"kind":"VariableDefinition","variable":{"kind":"Variable","name":{"kind":"Name","value":"metadataId"}},"type":{"kind":"NonNullType","type":{"kind":"NamedType","name":{"kind":"Name","value":"Int"}}}}],"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"mediaDetails"},"arguments":[{"kind":"Argument","name":{"kind":"Name","value":"metadataId"},"value":{"kind":"Variable","name":{"kind":"Name","value":"metadataId"}}}],"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"title"}},{"kind":"Field","name":{"kind":"Name","value":"description"}},{"kind":"Field","name":{"kind":"Name","value":"identifier"}},{"kind":"Field","name":{"kind":"Name","value":"lot"}},{"kind":"Field","name":{"kind":"Name","value":"source"}},{"kind":"Field","name":{"kind":"Name","value":"isNsfw"}},{"kind":"Field","name":{"kind":"Name","value":"creators"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"name"}},{"kind":"Field","name":{"kind":"Name","value":"items"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"id"}},{"kind":"Field","name":{"kind":"Name","value":"name"}},{"kind":"Field","name":{"kind":"Name","value":"image"}}]}}]}},{"kind":"Field","name":{"kind":"Name","value":"assets"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"images"}},{"kind":"Field","name":{"kind":"Name","value":"videos"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"videoId"}},{"kind":"Field","name":{"kind":"Name","value":"source"}}]}}]}},{"kind":"Field","name":{"kind":"Name","value":"providerRating"}},{"kind":"Field","name":{"kind":"Name","value":"publishYear"}},{"kind":"Field","name":{"kind":"Name","value":"publishDate"}},{"kind":"Field","name":{"kind":"Name","value":"genres"}},{"kind":"Field","name":{"kind":"Name","value":"sourceUrl"}},{"kind":"Field","name":{"kind":"Name","value":"group"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"id"}},{"kind":"Field","name":{"kind":"Name","value":"name"}},{"kind":"Field","name":{"kind":"Name","value":"part"}}]}},{"kind":"Field","name":{"kind":"Name","value":"suggestions"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"lot"}},{"kind":"Field","name":{"kind":"Name","value":"source"}},{"kind":"Field","name":{"kind":"Name","value":"identifier"}},{"kind":"Field","name":{"kind":"Name","value":"title"}},{"kind":"Field","name":{"kind":"Name","value":"image"}},{"kind":"Field","name":{"kind":"Name","value":"metadataId"}}]}},{"kind":"Field","name":{"kind":"Name","value":"animeSpecifics"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"episodes"}}]}},{"kind":"Field","name":{"kind":"Name","value":"audioBookSpecifics"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"runtime"}}]}},{"kind":"Field","name":{"kind":"Name","value":"bookSpecifics"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"pages"}}]}},{"kind":"Field","name":{"kind":"Name","value":"movieSpecifics"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"runtime"}}]}},{"kind":"Field","name":{"kind":"Name","value":"mangaSpecifics"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"volumes"}},{"kind":"Field","name":{"kind":"Name","value":"chapters"}}]}},{"kind":"Field","name":{"kind":"Name","value":"podcastSpecifics"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"episodes"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"title"}},{"kind":"Field","name":{"kind":"Name","value":"overview"}},{"kind":"Field","name":{"kind":"Name","value":"thumbnail"}},{"kind":"Field","name":{"kind":"Name","value":"number"}},{"kind":"Field","name":{"kind":"Name","value":"runtime"}},{"kind":"Field","name":{"kind":"Name","value":"publishDate"}}]}},{"kind":"Field","name":{"kind":"Name","value":"totalEpisodes"}}]}},{"kind":"Field","name":{"kind":"Name","value":"showSpecifics"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"seasons"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"seasonNumber"}},{"kind":"Field","name":{"kind":"Name","value":"name"}},{"kind":"Field","name":{"kind":"Name","value":"overview"}},{"kind":"Field","name":{"kind":"Name","value":"backdropImages"}},{"kind":"Field","name":{"kind":"Name","value":"posterImages"}},{"kind":"Field","name":{"kind":"Name","value":"episodes"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"id"}},{"kind":"Field","name":{"kind":"Name","value":"name"}},{"kind":"Field","name":{"kind":"Name","value":"posterImages"}},{"kind":"Field","name":{"kind":"Name","value":"episodeNumber"}},{"kind":"Field","name":{"kind":"Name","value":"publishDate"}},{"kind":"Field","name":{"kind":"Name","value":"name"}},{"kind":"Field","name":{"kind":"Name","value":"overview"}},{"kind":"Field","name":{"kind":"Name","value":"runtime"}}]}}]}}]}},{"kind":"Field","name":{"kind":"Name","value":"visualNovelSpecifics"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"length"}}]}},{"kind":"Field","name":{"kind":"Name","value":"videoGameSpecifics"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"platforms"}}]}}]}}]}}]} as unknown as DocumentNode<MediaDetailsQuery, MediaDetailsQueryVariables>;
+export const MediaAdditionalDetailsDocument = {"kind":"Document","definitions":[{"kind":"OperationDefinition","operation":"query","name":{"kind":"Name","value":"MediaAdditionalDetails"},"variableDefinitions":[{"kind":"VariableDefinition","variable":{"kind":"Variable","name":{"kind":"Name","value":"metadataId"}},"type":{"kind":"NonNullType","type":{"kind":"NamedType","name":{"kind":"Name","value":"Int"}}}}],"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"mediaDetails"},"arguments":[{"kind":"Argument","name":{"kind":"Name","value":"metadataId"},"value":{"kind":"Variable","name":{"kind":"Name","value":"metadataId"}}}],"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"creators"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"name"}},{"kind":"Field","name":{"kind":"Name","value":"items"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"id"}},{"kind":"Field","name":{"kind":"Name","value":"name"}},{"kind":"Field","name":{"kind":"Name","value":"image"}}]}}]}},{"kind":"Field","name":{"kind":"Name","value":"assets"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"images"}},{"kind":"Field","name":{"kind":"Name","value":"videos"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"videoId"}},{"kind":"Field","name":{"kind":"Name","value":"source"}}]}}]}},{"kind":"Field","name":{"kind":"Name","value":"suggestions"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"lot"}},{"kind":"Field","name":{"kind":"Name","value":"source"}},{"kind":"Field","name":{"kind":"Name","value":"identifier"}},{"kind":"Field","name":{"kind":"Name","value":"title"}},{"kind":"Field","name":{"kind":"Name","value":"image"}},{"kind":"Field","name":{"kind":"Name","value":"metadataId"}}]}},{"kind":"Field","name":{"kind":"Name","value":"animeSpecifics"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"episodes"}}]}},{"kind":"Field","name":{"kind":"Name","value":"audioBookSpecifics"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"runtime"}}]}},{"kind":"Field","name":{"kind":"Name","value":"bookSpecifics"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"pages"}}]}},{"kind":"Field","name":{"kind":"Name","value":"movieSpecifics"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"runtime"}}]}},{"kind":"Field","name":{"kind":"Name","value":"mangaSpecifics"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"volumes"}},{"kind":"Field","name":{"kind":"Name","value":"chapters"}}]}},{"kind":"Field","name":{"kind":"Name","value":"podcastSpecifics"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"episodes"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"title"}},{"kind":"Field","name":{"kind":"Name","value":"overview"}},{"kind":"Field","name":{"kind":"Name","value":"thumbnail"}},{"kind":"Field","name":{"kind":"Name","value":"number"}},{"kind":"Field","name":{"kind":"Name","value":"runtime"}},{"kind":"Field","name":{"kind":"Name","value":"publishDate"}}]}},{"kind":"Field","name":{"kind":"Name","value":"totalEpisodes"}}]}},{"kind":"Field","name":{"kind":"Name","value":"showSpecifics"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"seasons"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"seasonNumber"}},{"kind":"Field","name":{"kind":"Name","value":"name"}},{"kind":"Field","name":{"kind":"Name","value":"overview"}},{"kind":"Field","name":{"kind":"Name","value":"backdropImages"}},{"kind":"Field","name":{"kind":"Name","value":"posterImages"}},{"kind":"Field","name":{"kind":"Name","value":"episodes"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"id"}},{"kind":"Field","name":{"kind":"Name","value":"name"}},{"kind":"Field","name":{"kind":"Name","value":"posterImages"}},{"kind":"Field","name":{"kind":"Name","value":"episodeNumber"}},{"kind":"Field","name":{"kind":"Name","value":"publishDate"}},{"kind":"Field","name":{"kind":"Name","value":"name"}},{"kind":"Field","name":{"kind":"Name","value":"overview"}},{"kind":"Field","name":{"kind":"Name","value":"runtime"}}]}}]}}]}},{"kind":"Field","name":{"kind":"Name","value":"visualNovelSpecifics"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"length"}}]}},{"kind":"Field","name":{"kind":"Name","value":"videoGameSpecifics"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"platforms"}}]}}]}}]}}]} as unknown as DocumentNode<MediaAdditionalDetailsQuery, MediaAdditionalDetailsQueryVariables>;
 export const MediaListDocument = {"kind":"Document","definitions":[{"kind":"OperationDefinition","operation":"query","name":{"kind":"Name","value":"MediaList"},"variableDefinitions":[{"kind":"VariableDefinition","variable":{"kind":"Variable","name":{"kind":"Name","value":"input"}},"type":{"kind":"NonNullType","type":{"kind":"NamedType","name":{"kind":"Name","value":"MediaListInput"}}}}],"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"mediaList"},"arguments":[{"kind":"Argument","name":{"kind":"Name","value":"input"},"value":{"kind":"Variable","name":{"kind":"Name","value":"input"}}}],"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"details"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"total"}},{"kind":"Field","name":{"kind":"Name","value":"nextPage"}}]}},{"kind":"Field","name":{"kind":"Name","value":"items"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"averageRating"}},{"kind":"Field","name":{"kind":"Name","value":"data"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"identifier"}},{"kind":"Field","name":{"kind":"Name","value":"title"}},{"kind":"Field","name":{"kind":"Name","value":"image"}},{"kind":"Field","name":{"kind":"Name","value":"publishYear"}}]}}]}}]}}]}}]} as unknown as DocumentNode<MediaListQuery, MediaListQueryVariables>;
+export const MediaMainDetailsDocument = {"kind":"Document","definitions":[{"kind":"OperationDefinition","operation":"query","name":{"kind":"Name","value":"MediaMainDetails"},"variableDefinitions":[{"kind":"VariableDefinition","variable":{"kind":"Variable","name":{"kind":"Name","value":"metadataId"}},"type":{"kind":"NonNullType","type":{"kind":"NamedType","name":{"kind":"Name","value":"Int"}}}}],"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"mediaDetails"},"arguments":[{"kind":"Argument","name":{"kind":"Name","value":"metadataId"},"value":{"kind":"Variable","name":{"kind":"Name","value":"metadataId"}}}],"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"title"}},{"kind":"Field","name":{"kind":"Name","value":"description"}},{"kind":"Field","name":{"kind":"Name","value":"identifier"}},{"kind":"Field","name":{"kind":"Name","value":"lot"}},{"kind":"Field","name":{"kind":"Name","value":"source"}},{"kind":"Field","name":{"kind":"Name","value":"isNsfw"}},{"kind":"Field","name":{"kind":"Name","value":"providerRating"}},{"kind":"Field","name":{"kind":"Name","value":"publishYear"}},{"kind":"Field","name":{"kind":"Name","value":"publishDate"}},{"kind":"Field","name":{"kind":"Name","value":"genres"}},{"kind":"Field","name":{"kind":"Name","value":"sourceUrl"}},{"kind":"Field","name":{"kind":"Name","value":"group"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"id"}},{"kind":"Field","name":{"kind":"Name","value":"name"}},{"kind":"Field","name":{"kind":"Name","value":"part"}}]}}]}}]}}]} as unknown as DocumentNode<MediaMainDetailsQuery, MediaMainDetailsQueryVariables>;
 export const MediaSearchDocument = {"kind":"Document","definitions":[{"kind":"OperationDefinition","operation":"query","name":{"kind":"Name","value":"MediaSearch"},"variableDefinitions":[{"kind":"VariableDefinition","variable":{"kind":"Variable","name":{"kind":"Name","value":"lot"}},"type":{"kind":"NonNullType","type":{"kind":"NamedType","name":{"kind":"Name","value":"MetadataLot"}}}},{"kind":"VariableDefinition","variable":{"kind":"Variable","name":{"kind":"Name","value":"source"}},"type":{"kind":"NonNullType","type":{"kind":"NamedType","name":{"kind":"Name","value":"MetadataSource"}}}},{"kind":"VariableDefinition","variable":{"kind":"Variable","name":{"kind":"Name","value":"input"}},"type":{"kind":"NonNullType","type":{"kind":"NamedType","name":{"kind":"Name","value":"SearchInput"}}}}],"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"mediaSearch"},"arguments":[{"kind":"Argument","name":{"kind":"Name","value":"lot"},"value":{"kind":"Variable","name":{"kind":"Name","value":"lot"}}},{"kind":"Argument","name":{"kind":"Name","value":"source"},"value":{"kind":"Variable","name":{"kind":"Name","value":"source"}}},{"kind":"Argument","name":{"kind":"Name","value":"input"},"value":{"kind":"Variable","name":{"kind":"Name","value":"input"}}}],"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"details"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"total"}},{"kind":"Field","name":{"kind":"Name","value":"nextPage"}}]}},{"kind":"Field","name":{"kind":"Name","value":"items"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"databaseId"}},{"kind":"Field","name":{"kind":"Name","value":"item"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"identifier"}},{"kind":"Field","name":{"kind":"Name","value":"title"}},{"kind":"Field","name":{"kind":"Name","value":"image"}},{"kind":"Field","name":{"kind":"Name","value":"publishYear"}}]}}]}}]}}]}}]} as unknown as DocumentNode<MediaSearchQuery, MediaSearchQueryVariables>;
 export const MediaSourcesForLotDocument = {"kind":"Document","definitions":[{"kind":"OperationDefinition","operation":"query","name":{"kind":"Name","value":"MediaSourcesForLot"},"variableDefinitions":[{"kind":"VariableDefinition","variable":{"kind":"Variable","name":{"kind":"Name","value":"lot"}},"type":{"kind":"NonNullType","type":{"kind":"NamedType","name":{"kind":"Name","value":"MetadataLot"}}}}],"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"mediaSourcesForLot"},"arguments":[{"kind":"Argument","name":{"kind":"Name","value":"lot"},"value":{"kind":"Variable","name":{"kind":"Name","value":"lot"}}}]}]}}]} as unknown as DocumentNode<MediaSourcesForLotQuery, MediaSourcesForLotQueryVariables>;
 export const MetadataGroupDetailsDocument = {"kind":"Document","definitions":[{"kind":"OperationDefinition","operation":"query","name":{"kind":"Name","value":"MetadataGroupDetails"},"variableDefinitions":[{"kind":"VariableDefinition","variable":{"kind":"Variable","name":{"kind":"Name","value":"metadataGroupId"}},"type":{"kind":"NonNullType","type":{"kind":"NamedType","name":{"kind":"Name","value":"Int"}}}}],"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"metadataGroupDetails"},"arguments":[{"kind":"Argument","name":{"kind":"Name","value":"metadataGroupId"},"value":{"kind":"Variable","name":{"kind":"Name","value":"metadataGroupId"}}}],"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"details"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"id"}},{"kind":"Field","name":{"kind":"Name","value":"title"}},{"kind":"Field","name":{"kind":"Name","value":"lot"}},{"kind":"Field","name":{"kind":"Name","value":"source"}},{"kind":"Field","name":{"kind":"Name","value":"displayImages"}},{"kind":"Field","name":{"kind":"Name","value":"parts"}}]}},{"kind":"Field","name":{"kind":"Name","value":"sourceUrl"}},{"kind":"Field","name":{"kind":"Name","value":"contents"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"identifier"}},{"kind":"Field","name":{"kind":"Name","value":"title"}},{"kind":"Field","name":{"kind":"Name","value":"image"}},{"kind":"Field","name":{"kind":"Name","value":"metadataId"}},{"kind":"Field","name":{"kind":"Name","value":"lot"}},{"kind":"Field","name":{"kind":"Name","value":"source"}}]}}]}}]}}]} as unknown as DocumentNode<MetadataGroupDetailsQuery, MetadataGroupDetailsQueryVariables>;
diff --git a/libs/graphql/src/backend/queries/MediaDetails.gql b/libs/graphql/src/backend/queries/MediaAdditionalDetails.gql
similarity index 82%
rename from libs/graphql/src/backend/queries/MediaDetails.gql
rename to libs/graphql/src/backend/queries/MediaAdditionalDetails.gql
index 40d91344b4..2aecf76779 100644
--- a/libs/graphql/src/backend/queries/MediaDetails.gql
+++ b/libs/graphql/src/backend/queries/MediaAdditionalDetails.gql
@@ -1,11 +1,5 @@
-query MediaDetails($metadataId: Int!) {
+query MediaAdditionalDetails($metadataId: Int!) {
   mediaDetails(metadataId: $metadataId) {
-    title
-    description
-    identifier
-    lot
-    source
-    isNsfw
     creators {
       name
       items {
@@ -21,16 +15,6 @@ query MediaDetails($metadataId: Int!) {
         source
       }
     }
-    providerRating
-    publishYear
-    publishDate
-    genres
-    sourceUrl
-    group {
-      id
-      name
-      part
-    }
     suggestions {
       lot
       source
diff --git a/libs/graphql/src/backend/queries/MediaMainDetails.gql b/libs/graphql/src/backend/queries/MediaMainDetails.gql
new file mode 100644
index 0000000000..7e3af3ad61
--- /dev/null
+++ b/libs/graphql/src/backend/queries/MediaMainDetails.gql
@@ -0,0 +1,20 @@
+query MediaMainDetails($metadataId: Int!) {
+  mediaDetails(metadataId: $metadataId) {
+    title
+    description
+    identifier
+    lot
+    source
+    isNsfw
+    providerRating
+    publishYear
+    publishDate
+    genres
+    sourceUrl
+    group {
+      id
+      name
+      part
+    }
+  }
+}