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] 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>