refactor: improve logging levels and environment configuration

- Fix logging levels: change verbose debugging from info to debug level
  - TestView: component mounting, boot-time config, URL flow testing
  - main.capacitor.ts: deeplink processing steps and router state
  - HomeView: API call details, component state updates, template rendering

- Remove redundant environment variable override in vite.config.common.mts
  - Environment loading via dotenv works correctly
  - Manual override was defensive programming but unnecessary
  - Simplifies configuration and reduces maintenance burden

- Add comprehensive Playwright timeout behavior documentation
  - README.md: detailed timeout types, failure behavior, debugging guide
  - TESTING.md: timeout failure troubleshooting and common scenarios
  - Clarifies that timeout failures indicate real issues, not flaky tests

- Fix TypeScript configuration for .mts imports
  - tsconfig.node.json: add allowImportingTsExtensions for Vite config files
  - Resolves import path linting errors for .mts extensions

All changes maintain existing functionality while improving code quality
and reducing log noise in production environments.

src/main.capacitor.ts

@@ -69,18 +69,18 @@ const deepLinkHandler = new DeepLinkHandler(router);
  */
 const handleDeepLink = async (data: { url: string }) => {
   const { url } = data;
-  logger.info(`[Main] 🌐 Deeplink received from Capacitor: ${url}`);
+  logger.debug(`[Main] 🌐 Deeplink received from Capacitor: ${url}`);
 
   try {
     // Wait for router to be ready
-    logger.info(`[Main] ⏳ Waiting for router to be ready...`);
+    logger.debug(`[Main] ⏳ Waiting for router to be ready...`);
     await router.isReady();
-    logger.info(`[Main] ✅ Router is ready, processing deeplink`);
+    logger.debug(`[Main] ✅ Router is ready, processing deeplink`);
 
     // Process the deeplink
-    logger.info(`[Main] 🚀 Starting deeplink processing`);
+    logger.debug(`[Main] 🚀 Starting deeplink processing`);
     await deepLinkHandler.handleDeepLink(url);
-    logger.info(`[Main] ✅ Deeplink processed successfully`);
+    logger.debug(`[Main] ✅ Deeplink processed successfully`);
   } catch (error) {
     logger.error(`[Main] ❌ Deeplink processing failed:`, {
       url,

src/views/HomeView.vue

@@ -742,7 +742,7 @@ export default class HomeView extends Vue {
     });
 
     if (this.activeDid) {
-      logger.info("[HomeView] loadNewOffers() - activeDid found, calling API", {
+      logger.debug("[HomeView] loadNewOffers() - activeDid found, calling API", {
         activeDid: this.activeDid,
         apiServer: this.apiServer,
         isRegistered: this.isRegistered,
@@ -768,7 +768,7 @@ export default class HomeView extends Vue {
         this.numNewOffersToUser = offersToUserData.data.length;
         this.newOffersToUserHitLimit = offersToUserData.hitLimit;
 
-        logger.info("[HomeView] loadNewOffers() - updated component state", {
+        logger.debug("[HomeView] loadNewOffers() - updated component state", {
           activeDid: this.activeDid,
           numNewOffersToUser: this.numNewOffersToUser,
           newOffersToUserHitLimit: this.newOffersToUserHitLimit,
@@ -794,7 +794,7 @@ export default class HomeView extends Vue {
         this.numNewOffersToUserProjects = offersToUserProjects.data.length;
         this.newOffersToUserProjectsHitLimit = offersToUserProjects.hitLimit;
 
-        logger.info("[HomeView] loadNewOffers() - all API calls completed", {
+        logger.debug("[HomeView] loadNewOffers() - all API calls completed", {
           numNewOffersToUser: this.numNewOffersToUser,
           numNewOffersToUserProjects: this.numNewOffersToUserProjects,
           shouldRenderElement: !!this.numNewOffersToUser,
@@ -803,7 +803,7 @@ export default class HomeView extends Vue {
         });
 
         // Additional logging for template rendering debugging
-        logger.info("[HomeView] loadNewOffers() - template rendering check", {
+        logger.debug("[HomeView] loadNewOffers() - template rendering check", {
           numNewOffersToUser: this.numNewOffersToUser,
           numNewOffersToUserProjects: this.numNewOffersToUserProjects,
           totalNewOffers:

src/views/TestView.vue

@@ -625,12 +625,12 @@ export default class Help extends Vue {
    * Uses PlatformServiceMixin for database access
    */
   async mounted() {
-    logger.info(
+    logger.debug(
       "[TestView] 🚀 Component mounting - starting URL flow tracking",
     );
 
     // Boot-time logging for initial configuration
-    logger.info("[TestView] 🌍 Boot-time configuration detected:", {
+    logger.debug("[TestView] 🌍 Boot-time configuration detected:", {
       platform: process.env.VITE_PLATFORM,
       defaultEndorserApiServer: process.env.VITE_DEFAULT_ENDORSER_API_SERVER,
       defaultPartnerApiServer: process.env.VITE_DEFAULT_PARTNER_API_SERVER,
@@ -996,7 +996,7 @@ export default class Help extends Vue {
     this.urlTestResults = [];
 
     try {
-      logger.info("[TestView] 🔬 Starting comprehensive URL flow test");
+      logger.debug("[TestView] 🔬 Starting comprehensive URL flow test");
       this.addUrlTestResult("🚀 Starting URL flow test...");
 
       // Test 1: Current state
@@ -1124,7 +1124,7 @@ export default class Help extends Vue {
       );
 
       this.addUrlTestResult(`\n✅ URL flow test completed successfully!`);
-      logger.info("[TestView] ✅ URL flow test completed successfully");
+      logger.debug("[TestView] ✅ URL flow test completed successfully");
     } catch (error) {
       const errorMsg = `❌ URL flow test failed: ${error instanceof Error ? error.message : String(error)}`;
       this.addUrlTestResult(errorMsg);