add to e2e spec

Author: ochafik

examples/pdf-server/grid-cell.png

@@ -113,6 +113,7 @@ body {
 .toolbar-left {
   flex: 1;
   min-width: 0;
+  overflow: hidden;
 }
 
 .pdf-title {
@@ -121,20 +122,22 @@ body {
   overflow: hidden;
   text-overflow: ellipsis;
   font-size: 0.9rem;
+  display: block;
+  max-width: 100%;
 }
 
 .toolbar-center {
   display: flex;
   align-items: center;
   gap: 0.5rem;
+  flex-shrink: 0;
 }
 
 .toolbar-right {
   display: flex;
   align-items: center;
   gap: 0.25rem;
-  flex: 1;
-  justify-content: flex-end;
+  flex-shrink: 0;
 }
 
 /* Page Navigation */

examples/pdf-server/screenshot.png

@@ -34,13 +34,6 @@ let pdfUrl = "";
 let pdfTitle: string | undefined;
 let currentRenderTask: { cancel: () => void } | null = null;
 
-/** Elide URL for display, keeping start and end */
-function elideUrl(url: string, maxLen = 50): string {
-  if (url.length <= maxLen) return url;
-  const keep = Math.floor((maxLen - 3) / 2);
-  return url.slice(0, keep) + "..." + url.slice(-keep);
-}
-
 // DOM Elements
 const mainEl = document.querySelector(".main") as HTMLElement;
 const loadingEl = document.getElementById("loading")!;
@@ -142,8 +135,8 @@ function showViewer() {
 }
 
 function updateControls() {
-  // Show elided URL with full URL as tooltip, clickable to open
-  titleEl.textContent = elideUrl(pdfUrl, 60);
+  // Show URL with CSS ellipsis, full URL as tooltip, clickable to open
+  titleEl.textContent = pdfUrl;
   titleEl.title = pdfUrl;
   titleEl.style.textDecoration = "underline";
   titleEl.style.cursor = "pointer";

examples/pdf-server/src/mcp-app.css

@@ -53,7 +53,7 @@ const SERVERS = [
     dir: "customer-segmentation-server",
   },
   { key: "map-server", name: "CesiumJS Map Server", dir: "map-server" },
-  { key: "pdf-server", name: "PDF Viewer Server", dir: "pdf-server" },
+  { key: "pdf-server", name: "PDF Server", dir: "pdf-server" },
   {
     key: "scenario-modeler",
     name: "SaaS Scenario Modeler",