update

frontend/src/app/page.tsx

@@ -17,7 +17,7 @@ export default function Home() {
 
   const [generatedCode, setGeneratedCode] = useState('');
   const [selectedLanguage, setSelectedLanguage] = useState<Language>('html');
-  const [selectedModel, setSelectedModel] = useState('devstral-medium-2512');
+  const [selectedModel, setSelectedModel] = useState('gemini-3-flash-preview');
   const [models, setModels] = useState<Model[]>([]);
   const [isGenerating, setIsGenerating] = useState(false);
   const [isAuthenticated, setIsAuthenticated] = useState(false);
@@ -1035,8 +1035,8 @@ export default function Home() {
         <button
           onClick={() => setMobileView('chat')}
           className={`flex flex-col items-center justify-center flex-1 py-1.5 transition-all ${mobileView === 'chat'
-              ? 'text-white'
-              : 'text-[#86868b]'
+            ? 'text-white'
+            : 'text-[#86868b]'
             }`}
         >
           <svg className="w-5 h-5 mb-0.5" fill="none" stroke="currentColor" viewBox="0 0 24 24" strokeWidth={2}>
@@ -1048,8 +1048,8 @@ export default function Home() {
         <button
           onClick={() => setMobileView('editor')}
           className={`flex flex-col items-center justify-center flex-1 py-1.5 transition-all ${mobileView === 'editor'
-              ? 'text-white'
-              : 'text-[#86868b]'
+            ? 'text-white'
+            : 'text-[#86868b]'
             }`}
         >
           <svg className="w-5 h-5 mb-0.5" fill="none" stroke="currentColor" viewBox="0 0 24 24" strokeWidth={2}>
@@ -1061,8 +1061,8 @@ export default function Home() {
         <button
           onClick={() => setMobileView('settings')}
           className={`flex flex-col items-center justify-center flex-1 py-1.5 transition-all ${mobileView === 'settings'
-              ? 'text-white'
-              : 'text-[#86868b]'
+            ? 'text-white'
+            : 'text-[#86868b]'
             }`}
         >
           <svg className="w-5 h-5 mb-0.5" fill="none" stroke="currentColor" viewBox="0 0 24 24" strokeWidth={2}>

frontend/src/components/ControlPanel.tsx

@@ -190,13 +190,13 @@ export default function ControlPanel({
                       setShowModelDropdown(false);
                     }}
                     className={`w-full px-3 py-2 text-left transition-colors ${selectedModel === model.id
-                        ? 'bg-[#2d2d2f]'
-                        : 'hover:bg-[#2d2d2f]'
+                      ? 'bg-[#2d2d2f]'
+                      : 'hover:bg-[#2d2d2f]'
                       }`}
                   >
                     <div className="flex items-center justify-between gap-2">
                       <span className="text-sm text-[#f5f5f7]">{model.name}</span>
-                      {model.id === 'devstral-medium-2512' && (
+                      {model.id === 'gemini-3-flash-preview' && (
                         <span className="px-1.5 py-0.5 bg-gradient-to-r from-purple-500 to-pink-500 text-white text-[9px] font-bold rounded uppercase flex-shrink-0">
                           NEW
                         </span>

frontend/src/components/LandingPage.tsx

@@ -833,7 +833,7 @@ Note: After generating the redesign, I will create a Pull Request on the origina
                             >
                               <div className="flex items-center justify-between gap-2">
                                 <span className="text-xs font-medium text-[#f5f5f7]">{model.name}</span>
-                                {model.id === 'devstral-medium-2512' && (
+                                {model.id === 'gemini-3-flash-preview' && (
                                   <span className="px-1.5 py-0.5 bg-gradient-to-r from-purple-500 to-pink-500 text-white text-[9px] font-bold rounded uppercase">
                                     NEW
                                   </span>