fix(web): prevent event propagation on deploy modal click and resolve Windows line ending test failures

Author: Maou3434

apps/web/src/components/FileViewer.tsx

@@ -9020,7 +9020,14 @@ function HtmlViewer({
             if (event.target === event.currentTarget) closeDeployModal();
           }}
         >
-          <div className="modal deploy-modal deploy-flow-modal" role="dialog" aria-modal="true">
+          <div
+            className="modal deploy-modal deploy-flow-modal"
+            role="dialog"
+            aria-modal="true"
+            onClick={(event) => {
+              event.stopPropagation();
+            }}
+          >
             <div className="deploy-flow-modal__scroll">
               <div className="modal-head">
                 <div className="kicker">{deployProviderLabel}</div>

apps/web/tests/components/FileViewer.test.tsx

@@ -2533,6 +2533,16 @@ describe('FileViewer SVG artifacts', () => {
           updatedAt: 2,
         }), { status: 200 });
       }
+      if (url === '/api/deploy/config' && method === 'PUT') {
+        return new Response(JSON.stringify({
+          providerId: 'vercel-self',
+          configured: true,
+          tokenMask: 'saved-token',
+          teamId: '',
+          teamSlug: '',
+          target: 'preview',
+        }), { status: 200 });
+      }
       return new Response(JSON.stringify({}), { status: 404 });
     }));
 

apps/web/tests/helpers/read-expanded-css.ts

@@ -12,7 +12,7 @@ function expandCssFile(filePath: string, seen = new Set<string>()): string {
   }
   seen.add(key);
 
-  const css = readFileSync(filePath, 'utf8');
+  const css = readFileSync(filePath, 'utf8').replace(/\r\n/g, '\n');
   return css.replace(/@import\s+(?:url\(([^)]+)\)|(['"])([^'"]+)\2);/g, (_match, urlImport, _quote, quotedImport) => {
     const specifier = (quotedImport ?? urlImport ?? '').trim().replace(/^['"]|['"]$/g, '');
     if (!specifier.startsWith('./') && !specifier.startsWith('../')) {