Добавлено описание проекта PVideoDl, включая функциональность, стек технологий, архитектуру, инструкции по запуску и API. Обновлён README.md для лучшего понимания проекта.

frontend/src/routes/+layout.svelte

@@ -0,0 +1,6 @@
+<script lang="ts">
+	import '../app.css';
+	let { children } = $props();
+</script>
+
+{@render children()}

frontend/src/routes/+layout.ts

@@ -0,0 +1,3 @@
+// SPA-режим: без серверного рендера, всё в браузере.
+export const ssr = false;
+export const prerender = false;

frontend/src/routes/+page.svelte

@@ -0,0 +1,96 @@
+<script lang="ts">
+	import { onMount } from 'svelte';
+	import { Inbox, Wifi, WifiOff } from 'lucide-svelte';
+	import * as api from '$lib/api';
+	import {
+		downloads,
+		connected,
+		setDownloads,
+		removeLocal,
+		pushToast
+	} from '$lib/stores';
+	import { connectSSE, disconnectSSE } from '$lib/sse';
+	import type { Download } from '$lib/types';
+	import AddLinksForm from '$lib/components/AddLinksForm.svelte';
+	import DownloadCard from '$lib/components/DownloadCard.svelte';
+	import Toaster from '$lib/components/Toaster.svelte';
+
+	let loading = $state(true);
+
+	onMount(() => {
+		// Гидрация: текущий список + подписка на живые обновления.
+		api
+			.listDownloads()
+			.then(setDownloads)
+			.catch((e) => pushToast('error', `Не удалось загрузить список: ${e.message}`))
+			.finally(() => (loading = false));
+		connectSSE();
+		return disconnectSSE;
+	});
+
+	async function handleAdd(urls: string[]) {
+		try {
+			const created = await api.addDownloads(urls);
+			pushToast('info', `Добавлено в очередь: ${created.length}`);
+		} catch (e) {
+			pushToast('error', (e as Error).message);
+		}
+	}
+
+	async function handleDelete(id: string) {
+		removeLocal(id); // оптимистично убираем из UI
+		try {
+			await api.deleteDownload(id);
+		} catch (e) {
+			pushToast('error', `Не удалось удалить: ${(e as Error).message}`);
+		}
+	}
+
+	async function handleRetry(d: Download) {
+		// Ретрая на бэкенде пока нет — пересоздаём задачу с тем же URL.
+		await handleDelete(d.id);
+		await handleAdd([d.url]);
+	}
+</script>
+
+<svelte:head><title>PVideoDl — скачивалка</title></svelte:head>
+
+<Toaster />
+
+<main class="mx-auto max-w-3xl px-4 py-10">
+	<header class="mb-8 flex items-end justify-between">
+		<div>
+			<h1 class="text-2xl font-semibold tracking-tight text-zinc-50">PVideoDl</h1>
+			<p class="mt-1 text-sm text-zinc-500">Локальная скачивалка файлов и видео</p>
+		</div>
+		<span
+			class="inline-flex items-center gap-1.5 text-xs {$connected
+				? 'text-emerald-400'
+				: 'text-zinc-500'}"
+			title={$connected ? 'Поток обновлений активен' : 'Нет соединения с сервером'}
+		>
+			{#if $connected}<Wifi class="size-3.5" />онлайн{:else}<WifiOff
+					class="size-3.5"
+				/>оффлайн{/if}
+		</span>
+	</header>
+
+	<AddLinksForm onSubmit={handleAdd} />
+
+	<section class="mt-8">
+		{#if loading}
+			<p class="py-12 text-center text-sm text-zinc-500">Загрузка…</p>
+		{:else if $downloads.length === 0}
+			<div class="flex flex-col items-center gap-3 py-16 text-center text-zinc-500">
+				<Inbox class="size-10 opacity-40" />
+				<p class="text-sm">Пока пусто. Вставьте ссылки выше и нажмите «Скачать».</p>
+			</div>
+		{:else}
+			<div class="flex flex-col gap-3">
+				{#each $downloads as download (download.id)}
+					<DownloadCard {download} onDelete={handleDelete} onRetry={handleRetry} />
+				{/each}
+			</div>
+		{/if}
+	</section>
+</main>