feat: 支持 "在 b 站打开" 的快捷操作，一些细节优化 (#384)

web/src/routes/me/collections/+page.svelte

@@ -58,7 +58,7 @@
 
 <div>
 	<div class="mb-6 flex items-center justify-between">
-		<div class=" text-sm">
+		<div class="text-sm font-medium">
 			{#if !loading}
 				共 {totalCount} 个合集
 			{/if}

web/src/routes/me/favorites/+page.svelte

@@ -44,7 +44,7 @@
 
 <div>
 	<div class="mb-6 flex items-center justify-between">
-		<div class="text-sm">
+		<div class="text-sm font-medium">
 			{#if !loading}
 				共 {favorites.length} 个收藏夹
 			{/if}

web/src/routes/me/uppers/+page.svelte

@@ -54,9 +54,14 @@
 
 <div>
 	<div class="mb-6 flex items-center justify-between">
-		<div class=" text-sm">
+		<div class="flex items-center gap-6">
 			{#if !loading}
-				共 {totalCount} 个 UP 主
+				<div class=" text-sm font-medium">
+					共 {totalCount} 个 UP 主
+				</div>
+				<div class=" text-sm font-medium">
+					当前第 {currentPage + 1} / {totalPages} 页
+				</div>
 			{/if}
 		</div>
 	</div>

web/src/routes/video/[id]/+page.svelte

@@ -4,6 +4,7 @@
 	import { onMount } from 'svelte';
 	import { Button } from '$lib/components/ui/button/index.js';
 	import api from '$lib/api';
+	import SquareArrowOutUpRightIcon from '@lucide/svelte/icons/square-arrow-out-up-right';
 	import type { ApiError, VideoResponse, UpdateVideoStatusRequest } from '$lib/types';
 	import RotateCcwIcon from '@lucide/svelte/icons/rotate-ccw';
 	import EditIcon from '@lucide/svelte/icons/edit';
@@ -134,6 +135,17 @@
 					<RotateCcwIcon class="mr-2 h-4 w-4 {resetting ? 'animate-spin' : ''}" />
 					重置
 				</Button>
+				<Button
+					size="sm"
+					variant="outline"
+					class="shrink-0 cursor-pointer "
+					onclick={() =>
+						window.open(`https://www.bilibili.com/video/${videoData?.video.bvid}/`, '_blank')}
+					disabled={statusEditorLoading}
+				>
+					<SquareArrowOutUpRightIcon class="mr-2 h-4 w-4" />
+					在 B 站打开
+				</Button>
 			</div>
 		</div>
 
@@ -141,6 +153,7 @@
 			<VideoCard
 				video={{
 					id: videoData.video.id,
+					bvid: videoData.video.bvid,
 					name: videoData.video.name,
 					upper_name: videoData.video.upper_name,
 					download_status: videoData.video.download_status

web/src/routes/videos/+page.svelte

@@ -190,7 +190,7 @@
 		}}
 	></SearchBar>
 	<div class="flex items-center gap-2">
-		<span class="text-muted-foreground text-sm">筛选视频源：</span>
+		<span class="text-muted-foreground text-sm">筛选：</span>
 		<DropdownFilter
 			{filters}
 			selectedLabel={$appStateStore.videoSource}
@@ -213,7 +213,7 @@
 				共 {videosData.total_count} 个视频
 			</div>
 			<div class=" text-sm font-medium">
-				共 {totalPages} 页
+				当前第 {$appStateStore.currentPage + 1} / {totalPages} 页
 			</div>
 		</div>
 		<div class="flex items-center gap-2">