Re-enable Discord widget with enhanced error logging for GraphQL debugging

Previously disabled due to GraphQL errors. Now re-enabled with comprehensive
error logging to diagnose the specific issue.

Changes to discordWidget.ts:
- Wrapped initialization in try-catch with detailed error logging
- Added step-by-step console logs through initialization process
- Added error event listener on the widget
- Added window.onerror handler to catch widgetbot/GraphQL errors

Changes to main.ts:
- Uncommented Discord widget initialization
- Added detailed error logging in catch block
- Log error type, message, stack, and GraphQL response if available

Next steps:
- Load the application in browser
- Check console for detailed error messages
- Identify specific GraphQL query/mutation causing issues
- Server ID: 1112846185913401475
- Channel ID: 1437561367908581406

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>

src/main.ts

@@ -623,9 +623,7 @@ router.on('/', async () => {
             const demo = new Demo(main);
         }
 
-        // Discord widget initialization - DISABLED FOR NOW
-        // Uncomment to enable Discord chat widget
-        /*
+        // Discord widget initialization with enhanced error logging
         if (!(window as any).__discordWidget) {
             debugLog('[Router] Initializing Discord widget');
             const discord = new DiscordWidget();
@@ -642,9 +640,14 @@ router.on('/', async () => {
                 (window as any).__discordWidget = discord;
             }).catch(error => {
                 console.error('[Router] Failed to initialize Discord widget:', error);
+                console.error('[Router] Error type:', error?.constructor?.name);
+                console.error('[Router] Error message:', error?.message);
+                console.error('[Router] Error stack:', error?.stack);
+                if (error?.response) {
+                    console.error('[Router] GraphQL response error:', error.response);
+                }
             });
         }
-        */
     }
 
     debugLog('[Router] Home route handler complete');

src/ui/widgets/discordWidget.ts

@@ -24,33 +24,47 @@ export class DiscordWidget {
    * @param options - Widget configuration
    */
   async initialize(options: DiscordWidgetOptions): Promise<void> {
-    // Load the Crate script if not already loaded
-    if (!this.scriptLoaded) {
-      console.log('[DiscordWidget] Loading Crate script...');
-      await this.loadCrateScript();
-      this.scriptLoaded = true;
+    try {
+      // Load the Crate script if not already loaded
+      if (!this.scriptLoaded) {
+        console.log('[DiscordWidget] Loading Crate script...');
+        await this.loadCrateScript();
+        this.scriptLoaded = true;
+        console.log('[DiscordWidget] Crate script loaded');
+      }
+
+      // Wait for Crate to be available on window
+      console.log('[DiscordWidget] Waiting for Crate constructor...');
+      await this.waitForCrate();
+      console.log('[DiscordWidget] Crate constructor available');
+
+      // Initialize the Crate widget
+      const defaultOptions: DiscordWidgetOptions = {
+        location: ['bottom', 'right'],
+        color: '#7289DA',
+        glyph: ['💬', '✖️'],
+        notifications: true,
+        indicator: true,
+        ...options
+      };
+
+      console.log('[DiscordWidget] Initializing Crate with options:', defaultOptions);
+
+      // @ts-ignore - Crate is loaded from CDN
+      this.crate = new window.Crate(defaultOptions);
+
+      console.log('[DiscordWidget] Crate instance created, setting up event listeners...');
+      this.setupEventListeners();
+      console.log('[DiscordWidget] Successfully initialized');
+    } catch (error) {
+      console.error('[DiscordWidget] Initialization failed:', error);
+      console.error('[DiscordWidget] Error details:', {
+        name: error?.constructor?.name,
+        message: error?.message,
+        stack: error?.stack
+      });
+      throw error; // Re-throw to be caught by caller
     }
-
-    // Wait for Crate to be available on window
-    await this.waitForCrate();
-
-    // Initialize the Crate widget
-    const defaultOptions: DiscordWidgetOptions = {
-      location: ['bottom', 'right'],
-      color: '#7289DA',
-      glyph: ['💬', '✖️'],
-      notifications: true,
-      indicator: true,
-      ...options
-    };
-
-    console.log('[DiscordWidget] Initializing Crate with options:', defaultOptions);
-
-    // @ts-ignore - Crate is loaded from CDN
-    this.crate = new window.Crate(defaultOptions);
-
-    this.setupEventListeners();
-    console.log('[DiscordWidget] Successfully initialized');
   }
 
   /**
@@ -117,6 +131,30 @@ export class DiscordWidget {
       this.isVisible = visible;
       console.log('[DiscordWidget] Chat visibility:', visible);
     });
+
+    // Listen for any errors from the widget
+    this.crate.on('error', (error: any) => {
+      console.error('[DiscordWidget] Widget error event:', error);
+    });
+
+    // Monitor window errors that might be related to Discord widget
+    const originalErrorHandler = window.onerror;
+    window.onerror = (message, source, lineno, colno, error) => {
+      if (source?.includes('widgetbot') || message?.toString().includes('GraphQL')) {
+        console.error('[DiscordWidget] Window error (possibly related):', {
+          message,
+          source,
+          lineno,
+          colno,
+          error
+        });
+      }
+      // Call original handler if it existed
+      if (originalErrorHandler) {
+        return originalErrorHandler(message, source, lineno, colno, error);
+      }
+      return false;
+    };
   }
 
   /**