fix: fully remove react-router now that it is unused (#1317)

ui/desktop/eslint.config.js

@@ -26,7 +26,7 @@ const noWindowLocationHref = {
         ) {
           context.report({
             node,
-            message: 'Do not use window.location.href directly in Electron apps. Use React Router\'s navigate() instead.'
+            message: 'Do not use window.location.href directly in Electron apps. Use setView from the project instead'
           });
         }
       }

ui/desktop/openapi.json

@@ -10,7 +10,7 @@
     "license": {
       "name": "Apache-2.0"
     },
-    "version": "1.0.5"
+    "version": "1.0.7"
   },
   "paths": {
     "/config": {

ui/desktop/package.json

@@ -93,7 +93,6 @@
     "react-dom": "^18.3.1",
     "react-icons": "^5.3.0",
     "react-markdown": "^9.0.1",
-    "react-router-dom": "^6.28.0",
     "react-select": "^5.9.0",
     "react-syntax-highlighter": "^15.6.1",
     "react-toastify": "^8.0.0",

ui/desktop/src/App.tsx

@@ -1,6 +1,5 @@
 import React, { useEffect, useState } from 'react';
 import { addExtensionFromDeepLink } from './extensions';
-import { useNavigate } from 'react-router-dom';
 import LauncherWindow from './LauncherWindow';
 import ChatWindow from './ChatWindow';
 import ErrorScreen from './components/ErrorScreen';
@@ -19,7 +18,7 @@ export default function App() {
   const [isInstalling, setIsInstalling] = useState(false); // Track installation progress
   const searchParams = new URLSearchParams(window.location.search);
   const isLauncher = searchParams.get('window') === 'launcher';
-  const navigate = useNavigate();
+  const navigate = () => console.log('todo - bring back nav');
 
   // Utility function to extract the command from the link
   function extractCommand(link: string): string {
@@ -55,7 +54,7 @@ export default function App() {
       console.log('Confirming installation for link:', pendingLink);
 
       try {
-        await addExtensionFromDeepLink(pendingLink, navigate); // Proceed with adding the extension
+        await addExtensionFromDeepLink(pendingLink, navigate);
       } catch (error) {
         console.error('Failed to add extension:', error);
       } finally {

ui/desktop/src/ChatWindow.tsx

@@ -363,12 +363,6 @@ export default function ChatWindow() {
     setupStoredProvider();
   }, []);
 
-  // Render everything inside ChatLayout now
-  // We'll switch views inside the ChatLayout children.
-
-  // If we want to skip showing ChatLayout for the welcome screen, we can do so.
-  // But let's do exactly what's requested: put all view options under ChatLayout.
-
   return (
     <ChatLayout mode={mode}>
       {/* Conditionally render based on `view` */}
@@ -395,14 +389,6 @@ export default function ChatWindow() {
           setView={setView}
         />
       )}
-      {view === 'configPage' && (
-        <ConfigPage
-          onClose={() => {
-            setView('chat');
-          }}
-          setView={setView}
-        />
-      )}
       {view === 'configureProviders' && (
         <ConfigureProviders
           onClose={() => {

ui/desktop/src/components/BottomMenu.tsx

@@ -3,8 +3,6 @@ import { useModel } from './settings/models/ModelContext';
 import { useRecentModels } from './settings/models/RecentModels'; // Hook for recent models
 import { Sliders } from 'lucide-react';
 import { ModelRadioList } from './settings/models/ModelRadioList';
-// Remove react-router-dom usage
-// import { useNavigate } from 'react-router-dom';
 import { Document, ChevronUp, ChevronDown } from './icons';
 import type { View } from '../ChatWindow';
 
@@ -13,7 +11,7 @@ export default function BottomMenu({
   setView,
 }: {
   hasMessages: boolean;
-  setView?: (view: View) => void;
+  setView: (view: View) => void;
 }) {
   const [isModelMenuOpen, setIsModelMenuOpen] = useState(false);
   const { currentModel } = useModel();
@@ -133,8 +131,7 @@ export default function BottomMenu({
                   border-t border-borderSubtle mt-2"
                 onClick={() => {
                   setIsModelMenuOpen(false);
-                  // Instead of navigate('/settings'), call setView('settings').
-                  setView?.('settings');
+                  setView('settings');
                 }}
               >
                 <span className="text-sm">Tools and Settings</span>

ui/desktop/src/components/MoreMenu.tsx

@@ -1,12 +1,6 @@
 import { Popover, PopoverContent, PopoverTrigger, PopoverPortal } from '@radix-ui/react-popover';
 import React, { useEffect, useState } from 'react';
-import { FaMoon, FaSun } from 'react-icons/fa';
-import VertDots from './ui/VertDots';
-// Removed react-router-dom import
-// import { useNavigate } from 'react-router-dom';
 import { More } from './icons';
-import { Settings, Grid, MessageSquare } from 'lucide-react';
-import { Button } from './ui/button';
 import type { View } from '../../ChatWindow';
 
 interface VersionInfo {
@@ -15,7 +9,7 @@ interface VersionInfo {
 }
 
 // Accept setView as a prop from the parent (e.g. ChatContent)
-export default function MoreMenu({ setView }: { setView?: (view: View) => void }) {
+export default function MoreMenu({ setView }: { setView: (view: View) => void }) {
   const [open, setOpen] = useState(false);
   const [versions, setVersions] = useState<VersionInfo | null>(null);
   const [showVersions, setShowVersions] = useState(false);
@@ -231,8 +225,7 @@ export default function MoreMenu({ setView }: { setView?: (view: View) => void }
             <button
               onClick={() => {
                 setOpen(false);
-                // Instead of navigate('/settings'), call setView to switch.
-                setView?.('settings');
+                setView('settings');
               }}
               className="w-full text-left p-2 text-sm hover:bg-bgSubtle transition-colors"
             >