Small screen warning, qwen default

src/App.tsx

@@ -3,13 +3,29 @@ import ViewerTab from "@/components/viewer-tab";
 import PlayTab from "@/components/play-tab";
 import AboutTab from "@/components/about-tab";
 import { SignInWithHuggingFaceButton } from "@/components/sign-in-with-hf-button";
-import { useState } from "react";
+import { useState, useEffect } from "react";
 
 export default function Home() {
   const [selectedTab, setSelectedTab] = useState<"view" | "play" | "about">("view");
   const [startArticle, setStartArticle] = useState<string>("");
   const [destinationArticle, setDestinationArticle] = useState<string>("");
+  const [isSmallScreen, setIsSmallScreen] = useState<boolean>(false);
   
+  useEffect(() => {
+    const checkScreenSize = () => {
+      setIsSmallScreen(window.innerWidth < 768);
+    };
+    
+    // Check on initial load
+    checkScreenSize();
+    
+    // Add resize listener
+    window.addEventListener('resize', checkScreenSize);
+    
+    // Clean up
+    return () => window.removeEventListener('resize', checkScreenSize);
+  }, []);
+
   const handleTryRun = (startArticle: string, destinationArticle: string) => {
     console.log("Trying run from", startArticle, "to", destinationArticle);
     setSelectedTab("play");
@@ -19,6 +35,12 @@ export default function Home() {
 
   return (
     <div className="container mx-auto p-4">
+      {isSmallScreen && (
+        <div className="bg-yellow-100 border-l-4 border-yellow-500 text-yellow-700 p-4 mb-4 rounded shadow">
+          <p className="font-bold">Warning:</p>
+          <p>This application doesn't work well on small screens. Please use a desktop for the best experience.</p>
+        </div>
+      )}
       <div className="flex flex-row justify-between">
         <h1 className="text-3xl font-bold mb-6">WikiRacing Language Models</h1>
         <SignInWithHuggingFaceButton />

src/components/play-tab.tsx

@@ -37,7 +37,7 @@ export default function PlayTab({
 }) {
   const [player, setPlayer] = useState<"me" | "model">("model");
   const [selectedModel, setSelectedModel] = useState<string | undefined>(
-    "deepseek-ai/DeepSeek-V3-0324"
+    "Qwen/Qwen3-30B-A3B"
   );
   const [maxHops, setMaxHops] = useState<number>(20);
   const [isGameStarted, setIsGameStarted] = useState<boolean>(false);