From 90aafcd04ed1675bd107c659d299d6b7d5e86bd7 Mon Sep 17 00:00:00 2001
From: colpiche <colin.bernard@ymail.com>
Date: Mon, 2 Mar 2026 17:42:29 +0100
Subject: [PATCH 1/2] feat(repositories): expose hostname in snapshot list

---
 app/client/components/snapshots-table.tsx                | 9 ++++++++-
 app/client/modules/repositories/tabs/snapshots.tsx       | 3 ++-
 .../modules/repositories/repositories.controller.ts      | 1 +
 3 files changed, 11 insertions(+), 2 deletions(-)

diff --git a/app/client/components/snapshots-table.tsx b/app/client/components/snapshots-table.tsx
index 275a8a79..5396eb03 100644
--- a/app/client/components/snapshots-table.tsx
+++ b/app/client/components/snapshots-table.tsx
@@ -1,6 +1,6 @@
 import { useState } from "react";
 import { useMutation, useQueryClient } from "@tanstack/react-query";
-import { Calendar, Clock, Database, HardDrive, Tag, Trash2, X } from "lucide-react";
+import { Calendar, Clock, Database, HardDrive, Monitor, Tag, Trash2, X } from "lucide-react";
 import { toast } from "sonner";
 import { ByteSize } from "~/client/components/bytes-size";
 import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from "~/client/components/ui/table";
@@ -145,6 +145,7 @@ export const SnapshotsTable = ({ snapshots, repositoryId, backups, listSnapshots
 							</TableHead>
 							<TableHead className="uppercase">Snapshot ID</TableHead>
 							<TableHead className="uppercase">Schedule</TableHead>
+							<TableHead className="uppercase">Hostname</TableHead>
 							<TableHead className="uppercase">Date & Time</TableHead>
 							<TableHead className="uppercase">Size</TableHead>
 							<TableHead className="uppercase hidden md:table-cell text-right">Duration</TableHead>
@@ -198,6 +199,12 @@ export const SnapshotsTable = ({ snapshots, repositoryId, backups, listSnapshots
 											</span>
 										</div>
 									</TableCell>
+									<TableCell>
+										<div className="flex items-center gap-2">
+											<Monitor className="h-4 w-4 text-muted-foreground" />
+											<span className="text-sm">{snapshot.hostname ?? "-"}</span>
+										</div>
+									</TableCell>
 									<TableCell>
 										<div className="flex items-center gap-2">
 											<Calendar className="h-4 w-4 text-muted-foreground" />
diff --git a/app/client/modules/repositories/tabs/snapshots.tsx b/app/client/modules/repositories/tabs/snapshots.tsx
index d039c03c..a409466a 100644
--- a/app/client/modules/repositories/tabs/snapshots.tsx
+++ b/app/client/modules/repositories/tabs/snapshots.tsx
@@ -58,6 +58,7 @@ export const RepositorySnapshotsTabContent = ({ repository, initialSnapshots, in
 		return (
 			snapshot.short_id.toLowerCase().includes(searchLower) ||
 			snapshot.paths.some((path) => path.toLowerCase().includes(searchLower)) ||
+			snapshot.hostname?.toLowerCase().includes(searchLower) ||
 			backup?.name?.toLowerCase().includes(searchLower) ||
 			backup?.volume?.name?.toLowerCase().includes(searchLower)
 		);
@@ -161,7 +162,7 @@ export const RepositorySnapshotsTabContent = ({ repository, initialSnapshots, in
 				<Table className="border-t">
 					<TableBody>
 						<TableRow>
-							<TableCell colSpan={5} className="text-center py-12">
+							<TableCell colSpan={6} className="text-center py-12">
 								<div className="flex flex-col items-center gap-3">
 									<p className="text-muted-foreground">No snapshots match your search.</p>
 									<Button onClick={() => setSearchQuery("")} variant="outline" size="sm">
diff --git a/app/server/modules/repositories/repositories.controller.ts b/app/server/modules/repositories/repositories.controller.ts
index 7c459884..81df7fe5 100644
--- a/app/server/modules/repositories/repositories.controller.ts
+++ b/app/server/modules/repositories/repositories.controller.ts
@@ -123,6 +123,7 @@ export const repositoriesController = new Hono()
 				short_id: snapshot.short_id,
 				duration,
 				paths: snapshot.paths,
+				hostname: snapshot.hostname,
 				tags: snapshot.tags ?? [],
 				size: summary?.total_bytes_processed ?? 0,
 				time: new Date(snapshot.time).getTime(),

From 31dad607b30f0242a262c444e6aae939a21c7e9c Mon Sep 17 00:00:00 2001
From: colpiche <colin.bernard@ymail.com>
Date: Mon, 2 Mar 2026 18:06:56 +0100
Subject: [PATCH 2/2] feat(repositories): display snapshot paths in source
 column

---
 app/client/components/snapshots-table.tsx | 20 +++++++++++++++-----
 1 file changed, 15 insertions(+), 5 deletions(-)

diff --git a/app/client/components/snapshots-table.tsx b/app/client/components/snapshots-table.tsx
index 5396eb03..d443a4dc 100644
--- a/app/client/components/snapshots-table.tsx
+++ b/app/client/components/snapshots-table.tsx
@@ -1,6 +1,6 @@
 import { useState } from "react";
 import { useMutation, useQueryClient } from "@tanstack/react-query";
-import { Calendar, Clock, Database, HardDrive, Monitor, Tag, Trash2, X } from "lucide-react";
+import { Calendar, Clock, Database, FolderOpen, HardDrive, Monitor, Tag, Trash2, X } from "lucide-react";
 import { toast } from "sonner";
 import { ByteSize } from "~/client/components/bytes-size";
 import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from "~/client/components/ui/table";
@@ -145,7 +145,7 @@ export const SnapshotsTable = ({ snapshots, repositoryId, backups, listSnapshots
 							</TableHead>
 							<TableHead className="uppercase">Snapshot ID</TableHead>
 							<TableHead className="uppercase">Schedule</TableHead>
-							<TableHead className="uppercase">Hostname</TableHead>
+							<TableHead className="uppercase">Source</TableHead>
 							<TableHead className="uppercase">Date & Time</TableHead>
 							<TableHead className="uppercase">Size</TableHead>
 							<TableHead className="uppercase hidden md:table-cell text-right">Duration</TableHead>
@@ -200,9 +200,19 @@ export const SnapshotsTable = ({ snapshots, repositoryId, backups, listSnapshots
 										</div>
 									</TableCell>
 									<TableCell>
-										<div className="flex items-center gap-2">
-											<Monitor className="h-4 w-4 text-muted-foreground" />
-											<span className="text-sm">{snapshot.hostname ?? "-"}</span>
+										<div className="flex flex-col gap-2">
+											{snapshot.hostname && (
+												<div className="flex items-center gap-2">
+													<Monitor className="h-4 w-4 text-muted-foreground" />
+													<span className="text-sm">{snapshot.hostname ?? "-"}</span>
+												</div>
+											)}
+											{snapshot.paths.map((path) => (
+												<div key={path} className="flex items-center gap-2 text-muted-foreground min-w-0">
+													<FolderOpen className="h-3 w-3 text-muted-foreground" />
+													<span className="text-sm font-mono truncate max-w-sm" title={path}>{path}</span>
+												</div>
+											))}
 										</div>
 									</TableCell>
 									<TableCell>