diff --git a/e2e/transfers.spec.ts b/e2e/transfers.spec.ts
new file mode 100644
index 0000000..fb60f52
--- /dev/null
+++ b/e2e/transfers.spec.ts
@@ -0,0 +1,162 @@
+import { expect, test } from '@playwright/test'
+import { getTestEnv } from './helpers'
+
+const file = (name: string, completed_at: string, error = '') => ({
+    name,
+    completed_at,
+    error,
+    group: 'job/7',
+    srcFs: 'Source:',
+    dstFs: 'Destination:',
+    bytes: 512,
+    size: 1024,
+})
+
+test('compact activity keeps running files visible and sorts completions by file timestamp', async ({
+    page,
+}) => {
+    let active = true
+    let stoppedJob: number | undefined
+    await page.addInitScript(() => {
+        localStorage.setItem(
+            'lite-auth-store',
+            JSON.stringify({
+                state: { url: 'http://rc.test', user: 'fixture', pass: 'fixture' },
+                version: 0,
+            })
+        )
+    })
+    await page.route('http://rc.test/**', async (route) => {
+        const path = new URL(route.request().url()).pathname
+        if (path === '/job/stop') {
+            const requestUrl = new URL(route.request().url())
+            const body = route.request().postData()
+            stoppedJob = Number(
+                requestUrl.searchParams.get('jobid') ?? (body ? JSON.parse(body).jobid : undefined)
+            )
+        }
+        const responses: Record<string, unknown> = {
+            '/core/stats': {
+                transferring: active
+                    ? [
+                          {
+                              ...file('Projects/2026/September/large-archive.bin', ''),
+                              speed: 128,
+                              percentage: 50,
+                          },
+                      ]
+                    : [],
+            },
+            '/core/transferred': {
+                transferred: [
+                    file('old.bin', '2026-09-11T10:00:00Z'),
+                    file('newest.bin', '2026-09-11T12:00:00Z'),
+                    file('middle.bin', '2026-09-11T11:00:00Z'),
+                    file('failed.bin', '2026-09-11T13:00:00Z', 'Fixture failure'),
+                    file('unknown-time.bin', 'invalid'),
+                ],
+            },
+            '/job/status': { id: 7, finished: false, startTime: '2026-09-11T09:00:00Z' },
+            '/config/listremotes': { remotes: [] },
+            '/config/dump': {},
+            '/core/command': { result: '' },
+            '/core/disks': { disks: [] },
+        }
+        await route.fulfill({ json: responses[path] ?? {} })
+    })
+    await page.goto(getTestEnv().appUrl + '/transfers')
+    const rows = page.locator('tbody tr')
+    await expect(rows).toHaveCount(6)
+    for (const [index, name] of [
+        'Projects/2026/September/large-archive.bin',
+        'failed.bin',
+        'newest.bin',
+        'middle.bin',
+        'old.bin',
+        'unknown-time.bin',
+    ].entries()) {
+        await expect(rows.nth(index)).toContainText(name)
+    }
+    await expect(
+        rows.first().getByTitle('Source:Projects/2026/September/large-archive.bin', { exact: true })
+    ).toHaveAttribute('title', 'Source:Projects/2026/September/large-archive.bin')
+    expect((await rows.first().boundingBox())?.height).toBeLessThanOrEqual(42)
+    await page.screenshot({ path: 'test-results/transfers-desktop.png', fullPage: true })
+    await rows.first().getByRole('button', { name: 'Stop', exact: true }).click()
+    await expect.poll(() => stoppedJob).toBe(7)
+    const toggle = page.getByRole('button', { name: /Transfer activity/ })
+    await toggle.focus()
+    await page.keyboard.press('Enter')
+    await expect(toggle).toHaveAttribute('aria-expanded', 'false')
+    await expect(rows).toHaveCount(1)
+    await expect(rows.first()).toContainText('Projects/2026/September/large-archive.bin')
+    active = false
+    await expect(page.getByText('No active transfers. Expand to see history.')).toBeVisible()
+    await toggle.click()
+    await expect(rows).toHaveCount(5)
+    await page.setViewportSize({ width: 390, height: 844 })
+    await expect(toggle).toBeVisible()
+    await page.screenshot({ path: 'test-results/transfers-mobile.png', fullPage: true })
+    expect(
+        await page.evaluate(() => document.documentElement.scrollWidth <= window.innerWidth)
+    ).toBe(true)
+})
+
+test('long paths preserve their beginning and filename ending as the table resizes', async ({
+    page,
+}) => {
+    const directory = 'Projects/Archive/2026/September/Originals/'
+    const names = [
+        directory + 'report-final.pdf',
+        directory + 'a-very-long-filename-with-many-details-and-a-distinctive-ending.tar.gz',
+        'short.txt',
+    ]
+    await page.addInitScript(() =>
+        localStorage.setItem(
+            'lite-auth-store',
+            JSON.stringify({
+                state: { url: 'http://rc.test', user: 'fixture', pass: 'fixture' },
+                version: 0,
+            })
+        )
+    )
+    await page.route('http://rc.test/**', async (route) => {
+        const responses: Record<string, unknown> = {
+            '/core/stats': {
+                transferring: names.map((name) => ({
+                    ...file(name, ''),
+                    speed: 128,
+                    percentage: 50,
+                })),
+            },
+            '/core/transferred': { transferred: [] },
+            '/job/status': { id: 7, finished: false, startTime: '2026-09-11T09:00:00Z' },
+            '/config/listremotes': { remotes: ['Source'] },
+            '/config/dump': {},
+        }
+        await route.fulfill({ json: responses[new URL(route.request().url()).pathname] ?? {} })
+    })
+    await page.goto(getTestEnv().appUrl + '/transfers')
+    const labels = names.map((name) =>
+        page.locator('tbody').getByTitle('Source:' + name, { exact: true })
+    )
+    const visible = labels.map((label) => label.locator('[aria-hidden="true"]'))
+    await expect(visible[0]).toHaveText(/^Source.*\.\.\.report-final\.pdf$/)
+    await expect(visible[1]).toHaveText(/^Source.*\.\.\..*ending\.tar\.gz$/)
+    await expect(visible[2]).toHaveText('Source:short.txt')
+    for (const label of labels) {
+        await label.hover()
+        expect(await label.evaluate((element) => element.scrollWidth <= element.clientWidth)).toBe(
+            true
+        )
+    }
+    const narrow = await visible[1].textContent()
+    await page.setViewportSize({ width: 3000, height: 900 })
+    await expect.poll(() => visible[1].textContent()).not.toBe(narrow)
+    await expect(visible[1]).toHaveText(
+        /a-very-long-filename-with-many-details-and-a-distinctive-ending\.tar\.gz$/
+    )
+    await page.setViewportSize({ width: 1280, height: 720 })
+    await expect(visible[1]).toHaveText(narrow!)
+    await page.screenshot({ path: 'test-results/filename-ellipsis.png', fullPage: true })
+})
diff --git a/src/components/PathLabel.tsx b/src/components/PathLabel.tsx
new file mode 100644
index 0000000..2fe39a4
--- /dev/null
+++ b/src/components/PathLabel.tsx
@@ -0,0 +1,69 @@
+import { useLayoutEffect, useRef, useState } from 'react'
+import { cn } from '@/lib/ui'
+
+export function PathLabel({ value, className }: { value: string; className?: string }) {
+    const ref = useRef<HTMLSpanElement>(null)
+    const [label, setLabel] = useState(value)
+
+    useLayoutEffect(() => {
+        const element = ref.current
+        const context = document.createElement('canvas').getContext('2d')
+        if (!element || !context) return
+
+        const update = () => {
+            const style = getComputedStyle(element)
+            context.font = style.font
+            const width = element.clientWidth
+            const measure = (text: string) => context.measureText(text).width
+            if (measure(value) <= width) {
+                setLabel(value)
+                return
+            }
+
+            const characters = Array.from(value)
+            const ellipsis = '...'
+            const filename = value.slice(
+                Math.max(value.lastIndexOf('/'), value.lastIndexOf('\\'), value.lastIndexOf(':')) +
+                    1
+            )
+            const suffixBudget =
+                measure(ellipsis + filename) <= width
+                    ? width - measure(ellipsis)
+                    : Math.max(0, width * 0.8 - measure(ellipsis))
+            let low = 0
+            let high = characters.length
+            while (low < high) {
+                const middle = Math.ceil((low + high) / 2)
+                if (measure(characters.slice(-middle).join('')) <= suffixBudget) low = middle
+                else high = middle - 1
+            }
+            const suffixLength = Math.min(low, Array.from(filename).length || low)
+            const suffix = suffixLength ? characters.slice(-suffixLength).join('') : ''
+            low = 0
+            high = characters.length - suffixLength
+            while (low < high) {
+                const middle = Math.ceil((low + high) / 2)
+                if (measure(characters.slice(0, middle).join('') + ellipsis + suffix) <= width)
+                    low = middle
+                else high = middle - 1
+            }
+            setLabel(characters.slice(0, low).join('') + ellipsis + suffix)
+        }
+
+        update()
+        const observer = new ResizeObserver(update)
+        observer.observe(element)
+        return () => observer.disconnect()
+    }, [value])
+
+    return (
+        <span
+            ref={ref}
+            title={value}
+            className={cn('block w-full min-w-0 overflow-hidden whitespace-nowrap', className)}
+        >
+            <span aria-hidden="true">{label || '—'}</span>
+            <span className="sr-only">{value || '—'}</span>
+        </span>
+    )
+}
diff --git a/src/components/TransfersTable.tsx b/src/components/TransfersTable.tsx
index 35a7b99..70c0186 100644
--- a/src/components/TransfersTable.tsx
+++ b/src/components/TransfersTable.tsx
@@ -1,4 +1,5 @@
 import { CheckCircle2Icon, RefreshCwIcon, XCircleIcon } from 'lucide-react'
+import { PathLabel } from '@/components/PathLabel'
 import { Badge } from '@/components/ui/badge'
 import { Button } from '@/components/ui/button'
 import {
@@ -25,9 +26,7 @@ function getTransferredLabel(job: JobRow) {
 }
 
 function TransferLocationCell({ value }: { value: string }) {
-    return (
-        <span className="block whitespace-normal leading-5 break-all text-sm">{value || '—'}</span>
-    )
+    return <PathLabel value={value} className="text-xs leading-4" />
 }
 
 const statusUi: Record<
@@ -60,14 +59,14 @@ const statusUi: Record<
 }
 
 const columnWidths = {
-    id: 'w-[92px]',
-    status: 'w-[168px]',
-    source: 'w-[320px]',
-    destination: 'w-[372px]',
-    progress: 'w-[284px]',
-    speed: 'w-[152px]',
-    eta: 'w-[152px]',
-    actions: 'w-[124px]',
+    id: 'w-[64px]',
+    status: 'w-[112px]',
+    source: 'w-[240px]',
+    destination: 'w-[240px]',
+    progress: 'w-[220px]',
+    speed: 'w-[100px]',
+    eta: 'w-[100px]',
+    actions: 'w-[80px]',
 } as const
 
 export function TransfersTable({
@@ -82,13 +81,13 @@ export function TransfersTable({
     const t = useT()
     return (
         <div className="overflow-hidden rounded-xl border">
-            <Table className="min-w-[1664px] table-fixed">
+            <Table className="min-w-[1156px] table-fixed text-xs">
                 <TableHeader className="bg-muted/40">
                     <TableRow className="hover:bg-muted/40">
                         <TableHead
                             className={cn(
                                 columnWidths.id,
-                                'h-12 px-4 text-left font-semibold text-muted-foreground'
+                                'h-9 px-2 text-left font-semibold text-muted-foreground'
                             )}
                         >
                             {t('transfersTable.group')}
@@ -96,7 +95,7 @@ export function TransfersTable({
                         <TableHead
                             className={cn(
                                 columnWidths.status,
-                                'h-12 px-4 text-left font-semibold text-muted-foreground'
+                                'h-9 px-2 text-left font-semibold text-muted-foreground'
                             )}
                         >
                             {t('transfersTable.status')}
@@ -104,7 +103,7 @@ export function TransfersTable({
                         <TableHead
                             className={cn(
                                 columnWidths.source,
-                                'h-12 px-4 text-left font-semibold text-muted-foreground'
+                                'h-9 px-2 text-left font-semibold text-muted-foreground'
                             )}
                         >
                             {t('transfersTable.source')}
@@ -112,7 +111,7 @@ export function TransfersTable({
                         <TableHead
                             className={cn(
                                 columnWidths.destination,
-                                'h-12 px-4 text-left font-semibold text-muted-foreground'
+                                'h-9 px-2 text-left font-semibold text-muted-foreground'
                             )}
                         >
                             {t('transfersTable.destination')}
@@ -120,7 +119,7 @@ export function TransfersTable({
                         <TableHead
                             className={cn(
                                 columnWidths.progress,
-                                'h-12 px-4 text-left font-semibold text-muted-foreground'
+                                'h-9 px-2 text-left font-semibold text-muted-foreground'
                             )}
                         >
                             {t('transfersTable.progress')}
@@ -128,7 +127,7 @@ export function TransfersTable({
                         <TableHead
                             className={cn(
                                 columnWidths.speed,
-                                'h-12 px-4 text-left font-semibold text-muted-foreground'
+                                'h-9 px-2 text-left font-semibold text-muted-foreground'
                             )}
                         >
                             {t('transfersTable.speed')}
@@ -136,7 +135,7 @@ export function TransfersTable({
                         <TableHead
                             className={cn(
                                 columnWidths.eta,
-                                'h-12 px-4 text-left font-semibold text-muted-foreground'
+                                'h-9 px-2 text-left font-semibold text-muted-foreground'
                             )}
                         >
                             {t('transfersTable.eta')}
@@ -144,7 +143,7 @@ export function TransfersTable({
                         <TableHead
                             className={cn(
                                 columnWidths.actions,
-                                'h-12 px-4 text-left font-semibold text-muted-foreground'
+                                'h-9 px-2 text-left font-semibold text-muted-foreground'
                             )}
                         >
                             {t('transfersTable.actions')}
@@ -158,7 +157,7 @@ export function TransfersTable({
                         const badge = (
                             <Badge
                                 className={cn(
-                                    'h-7 gap-1.5 px-2.5 text-xs tracking-wide',
+                                    'h-6 gap-1 px-1.5 text-xs tracking-wide',
                                     ui.badgeClassName
                                 )}
                                 variant="secondary"
@@ -178,7 +177,7 @@ export function TransfersTable({
                                 <TableCell
                                     className={cn(
                                         columnWidths.id,
-                                        'px-4 py-4 text-left font-mono text-base font-medium text-muted-foreground tabular-nums align-middle'
+                                        'px-2 py-1.5 text-left font-mono text-xs font-medium text-muted-foreground tabular-nums align-middle'
                                     )}
                                 >
                                     #{job.id}
@@ -187,7 +186,7 @@ export function TransfersTable({
                                 <TableCell
                                     className={cn(
                                         columnWidths.status,
-                                        'px-4 py-4 text-left align-middle'
+                                        'px-2 py-1.5 text-left align-middle'
                                     )}
                                 >
                                     <div className="flex justify-start">
@@ -211,7 +210,7 @@ export function TransfersTable({
                                 <TableCell
                                     className={cn(
                                         columnWidths.source,
-                                        'px-4 py-4 text-left align-middle'
+                                        'px-2 py-1.5 text-left align-middle'
                                     )}
                                 >
                                     <TransferLocationCell value={job.source} />
@@ -220,7 +219,7 @@ export function TransfersTable({
                                 <TableCell
                                     className={cn(
                                         columnWidths.destination,
-                                        'px-4 py-4 text-left align-middle'
+                                        'px-2 py-1.5 text-left align-middle'
                                     )}
                                 >
                                     <TransferLocationCell value={job.destination} />
@@ -229,17 +228,17 @@ export function TransfersTable({
                                 <TableCell
                                     className={cn(
                                         columnWidths.progress,
-                                        'px-4 py-4 text-left align-middle'
+                                        'px-2 py-1.5 text-left align-middle'
                                     )}
                                 >
-                                    <div className="w-full max-w-[260px] space-y-2">
-                                        <div className="flex items-center justify-between gap-4 text-sm tabular-nums">
+                                    <div className="w-full max-w-[204px] space-y-1">
+                                        <div className="flex items-center justify-between gap-2 text-xs tabular-nums">
                                             <span className="font-medium">{job.progress}%</span>
                                             <span className="text-muted-foreground">
                                                 {getTransferredLabel(job)}
                                             </span>
                                         </div>
-                                        <div className="h-2 overflow-hidden rounded-full bg-muted">
+                                        <div className="h-1 overflow-hidden rounded-full bg-muted">
                                             <div
                                                 className={cn(
                                                     'h-full rounded-full transition-all',
@@ -254,7 +253,7 @@ export function TransfersTable({
                                 <TableCell
                                     className={cn(
                                         columnWidths.speed,
-                                        'px-4 py-4 text-left text-base font-medium tabular-nums align-middle'
+                                        'px-2 py-1.5 text-left text-xs font-medium tabular-nums align-middle'
                                     )}
                                 >
                                     {job.speedLabel}
@@ -263,7 +262,7 @@ export function TransfersTable({
                                 <TableCell
                                     className={cn(
                                         columnWidths.eta,
-                                        'px-4 py-4 text-left text-base font-medium tabular-nums align-middle'
+                                        'px-2 py-1.5 text-left text-xs font-medium tabular-nums align-middle'
                                     )}
                                 >
                                     {job.etaLabel}
@@ -272,13 +271,13 @@ export function TransfersTable({
                                 <TableCell
                                     className={cn(
                                         columnWidths.actions,
-                                        'px-4 py-4 text-left align-middle'
+                                        'px-2 py-1.5 text-left align-middle'
                                     )}
                                 >
                                     {job.canStop ? (
                                         <div className="flex justify-start">
                                             <Button
-                                                size="sm"
+                                                size="xs"
                                                 variant="destructive"
                                                 disabled={isStopping}
                                                 onClick={() => onStop(job.id)}
diff --git a/src/languages/en.json b/src/languages/en.json
index c1c5001..463439e 100644
--- a/src/languages/en.json
+++ b/src/languages/en.json
@@ -330,6 +330,9 @@
     "transfers.newTransfer": "New Transfer",
     "transfers.stopError": "Could not stop job: {message}",
     "transfers.stopSuccess": "Job stopped.",
+    "transfers.activity": "Transfer activity",
+    "transfers.activityCount": "{active} active / {finished} finished",
+    "transfers.noActive": "No active transfers. Expand to see history.",
     "transfers.title": "Transfers",
     "transfersTable.actions": "ACTIONS",
     "transfersTable.completed": "COMPLETED",
diff --git a/src/pages/Transfers.tsx b/src/pages/Transfers.tsx
index 6b649a2..e713fbc 100644
--- a/src/pages/Transfers.tsx
+++ b/src/pages/Transfers.tsx
@@ -1,5 +1,6 @@
 import { useMutation, useQuery, useQueryClient } from '@tanstack/react-query'
-import { CircleDotIcon, PlusIcon } from 'lucide-react'
+import { ChevronDownIcon, ChevronRightIcon, CircleDotIcon, PlusIcon } from 'lucide-react'
+import { useState } from 'react'
 import { useNavigate } from 'react-router-dom'
 import { toast } from 'sonner'
 import { PageContent } from '@/components/PageContent'
@@ -19,6 +20,7 @@ export function TransfersPage() {
     const t = useT()
     const navigate = useNavigate()
     const queryClient = useQueryClient()
+    const [historyExpanded, setHistoryExpanded] = useState(true)
 
     const jobsQuery = useQuery({
         queryKey: ['jobs'],
@@ -46,10 +48,13 @@ export function TransfersPage() {
     })
 
     const jobs = jobsQuery.data ?? []
+    const activeJobs = jobs.filter((job) => job.status === 'running')
+    const visibleJobs = historyExpanded ? jobs : activeJobs
 
     return (
         <PageWrapper>
             <PageHeader
+                className="flex-col items-start gap-4 sm:flex-row sm:items-end"
                 title={t('transfers.title')}
                 description={t('transfers.description')}
                 actions={
@@ -114,11 +119,38 @@ export function TransfersPage() {
                 ) : null}
 
                 {jobs.length > 0 ? (
-                    <TransfersTable
-                        jobs={jobs}
-                        onStop={(jobid) => stopMutation.mutate(jobid)}
-                        isStopping={stopMutation.isPending}
-                    />
+                    <section aria-label={t('transfers.activity')} className="space-y-4">
+                        <Button
+                            type="button"
+                            variant="ghost"
+                            className="w-full justify-start"
+                            aria-expanded={historyExpanded}
+                            aria-controls="transfer-activity"
+                            onClick={() => setHistoryExpanded((expanded) => !expanded)}
+                        >
+                            {historyExpanded ? <ChevronDownIcon /> : <ChevronRightIcon />}
+                            {t('transfers.activity')}
+                            <span className="text-xs text-muted-foreground">
+                                {t('transfers.activityCount', {
+                                    active: activeJobs.length,
+                                    finished: jobs.length - activeJobs.length,
+                                })}
+                            </span>
+                        </Button>
+                        <div id="transfer-activity">
+                            {visibleJobs.length > 0 ? (
+                                <TransfersTable
+                                    jobs={visibleJobs}
+                                    onStop={(jobid) => stopMutation.mutate(jobid)}
+                                    isStopping={stopMutation.isPending}
+                                />
+                            ) : (
+                                <p className="rounded-xl border px-3 py-4 text-sm text-muted-foreground">
+                                    {t('transfers.noActive')}
+                                </p>
+                            )}
+                        </div>
+                    </section>
                 ) : null}
             </PageContent>
         </PageWrapper>
diff --git a/src/rclone/jobs.ts b/src/rclone/jobs.ts
index 5121064..6cb8811 100644
--- a/src/rclone/jobs.ts
+++ b/src/rclone/jobs.ts
@@ -14,6 +14,7 @@ export type JobRow = {
     id: number
     status: 'running' | 'completed' | 'failed'
     startTime: string
+    completedAt?: string
     source: string
     destination: string
     bytes: number
@@ -357,6 +358,7 @@ export async function fetchJobsSnapshot() {
             id: jobid,
             status: isFailed ? 'failed' : 'completed',
             startTime: status.startTime,
+            completedAt: getText(item.completed_at),
             source: source || '—',
             destination: destination || '—',
             bytes,
@@ -421,7 +423,9 @@ export async function fetchJobsSnapshot() {
     } satisfies Record<JobRow['status'], number>
 
     return [...runningRows, ...failedRows, ...completedRows].sort(
-        (a, b) => statusOrder[a.status] - statusOrder[b.status]
+        (a, b) =>
+            statusOrder[a.status] - statusOrder[b.status] ||
+            (Date.parse(b.completedAt ?? '') || 0) - (Date.parse(a.completedAt ?? '') || 0)
     )
 }