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>