sync: update from private repo (7d64ee2)

ui/src/components/files/FilePreview.tsx

@@ -702,7 +702,7 @@ export function FilePreview({ name, content, imageSrc, markdownImageBaseUrl, onC
             src={imageSrc}
             sandbox="allow-scripts allow-same-origin"
             className="w-full rounded-lg border-0"
-            style={{ height: '72vh' }}
+            style={{ height: '80vh' }}
             title={name}
           />
         );
@@ -713,13 +713,13 @@ export function FilePreview({ name, content, imageSrc, markdownImageBaseUrl, onC
             src={imageSrc}
             type="application/pdf"
             className="w-full rounded-lg"
-            style={{ height: '72vh' }}
+            style={{ height: '80vh' }}
           />
         );
       }
       return (
         <div className="flex justify-center">
-          <img src={imageSrc} alt={name} className="max-w-full max-h-[72vh] object-contain rounded-lg" />
+          <img src={imageSrc} alt={name} className="max-w-full max-h-[80vh] object-contain rounded-lg" />
         </div>
       );
     }
@@ -729,8 +729,9 @@ export function FilePreview({ name, content, imageSrc, markdownImageBaseUrl, onC
     return <pre className="text-xs whitespace-pre-wrap break-all">{currentContent.slice(0, 100000)}</pre>;
   })();
 
-  const isMarkdown = /\.(md|markdown)$/i.test(name);
-  const modalWidth = isMarkdown ? 'min(1400px, 96vw)' : 'min(1000px, 94vw)';
+  // All preview types share the wide modal so HTML / PDF / images / tables get
+  // the same generous viewport as Markdown (previously non-MD was ~40% narrower).
+  const modalWidth = 'min(1400px, 96vw)';
 
   return (
     <div className="fixed inset-0 bg-black/40 flex items-center justify-center z-50 p-[env(safe-area-inset-top)_env(safe-area-inset-right)_env(safe-area-inset-bottom)_env(safe-area-inset-left)]" onClick={onClose}>