Add debug logging to RuntimeMessageRouter and increase API key validation tokens

- Add console.log for user script messages in RuntimeMessageRouter
- Increase ProviderKeyInput maxTokens from 10 to 200 for better validation

packages/web-ui/src/components/ProviderKeyInput.ts

@@ -67,7 +67,7 @@ export class ProviderKeyInput extends LitElement {
 
 			const result = await complete(model, context, {
 				apiKey,
-				maxTokens: 10,
+				maxTokens: 200,
 			} as any);
 
 			return result.stopReason === "stop";

packages/web-ui/src/components/sandbox/RuntimeMessageRouter.ts

@@ -183,6 +183,8 @@ export class RuntimeMessageRouter {
 				const context = this.sandboxes.get(sandboxId);
 				if (!context) return false;
 
+				console.log("Router received user script message for sandbox:", sandboxId, message);
+
 				const respond = (response: any) => {
 					sendResponse({
 						...response,
@@ -210,6 +212,7 @@ export class RuntimeMessageRouter {
 			};
 
 			chrome.runtime.onUserScriptMessage.addListener(this.userScriptMessageListener);
+			console.log("[RuntimeMessageRouter] Registered chrome.runtime.onUserScriptMessage listener");
 		}
 	}
 }