Backend (Rust with tokio-tungstenite ) // Spawn WebSocket server inside Tauri command use tokio_tungstenite::connect_async; #[tauri::command] async fn subscribe_live_updates(url: String) -> Result<(), String> e.to_string())?; // Process incoming messages & emit to frontend via Tauri event system Ok(())

// store/leagueStore.ts import create from 'zustand'; interface LeagueState currentLeague: League

use rusqlite::Connection, Result; pub struct Database conn: Connection,

export async function runDraftSim(leagueId: number) return await invoke('simulate_draft', leagueId );

const handleSimulate = async () => const data = await runDraftSim(leagueId); setResults(data); ;

return ( <div className="p-4 border rounded-lg shadow"> <h2 className="text-xl font-bold">Draft Simulator</h2> <button onClick=handleSimulate className="mt-2 px-4 py-2 bg-blue-500 text-white rounded"> Simulate Draft </button> results && <pre>JSON.stringify(results, null, 2)</pre> </div> );

export const useLeagueStore = create<LeagueState>((set) => ( currentLeague: null, players: [], isLoading: false, setLeague: (league) => set( currentLeague: league ), refreshPlayers: async (sport) => set( isLoading: true ); const players = await fetchPlayers(sport); set( players, isLoading: false ); , )); // components/DraftSimulator/DraftSimulator.tsx import useState from 'react'; import runDraftSim from '../../services/playerService'; export function DraftSimulator( leagueId : leagueId: number ) const [results, setResults] = useState(null);