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

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