From c2620e23b4a1416594a2ff7f23224dfd924b5550 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Andr=C3=A9=20Padez?= <andre.padez@gmail.com>
Date: Fri, 4 Sep 2026 18:26:37 +0100
Subject: [PATCH] show the whole path, not the filename

Every collection has a hero and every folder a _1, so a bare filename says which
file only to somebody who already knows. Not truncated either: truncate cuts the
end, which is the wrong half of a path.

Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
---
 web/sections/PageBuilderPanel.tsx | 12 ++++++++++--
 1 file changed, 10 insertions(+), 2 deletions(-)

diff --git a/web/sections/PageBuilderPanel.tsx b/web/sections/PageBuilderPanel.tsx
index 003f2ba..37a19ed 100644
--- a/web/sections/PageBuilderPanel.tsx
+++ b/web/sections/PageBuilderPanel.tsx
@@ -880,8 +880,16 @@ export const PageBuilderPanel = () => {
                     >
                       Choose media…
                     </Button>
-                    <span className="min-w-0 flex-1 truncate text-[11px] text-muted-foreground">
-                      {block.content?.url ? block.content.url.split('/').pop() : 'Nothing chosen'}
+                    {/*
+                      The whole path from `originals/`, not the filename.
+
+                      Half these files are called the same thing — every collection has a hero, every
+                      folder a `_1` — so a bare name says which picture only when you already know.
+                      `truncate` cuts the END, which is exactly backwards for a path, so it is not used
+                      here: the row wraps and the folder is what you read first.
+                    */}
+                    <span className="min-w-0 flex-1 font-mono text-[11px] break-all text-muted-foreground">
+                      {block.content?.url ?? 'Nothing chosen'}
                     </span>
                   </div>