Getting error failed to fetch on playground

Getting Following error when running program using python file from my local system - “failed to fetch” on playground.
Endpoint is connected successfully but not no agents are showing.

from phi.agent import Agent
import phi.api
from phi.model.openai import OpenAIChat
from phi.tools.yfinance import YFinanceTools
from phi.tools.duckduckgo import DuckDuckGo
from dotenv import load_dotenv
from phi.model.groq import Groq


import os
import phi
from phi.playground import Playground, serve_playground_app

load_dotenv()

phi.api = "PHI-API

api_key = "GRO-API"

websearchagent = Agent(
    name='webagent',
    role='search the web for the information',
    model=Groq(id = 'llama3-groq-70b-8912-tool-use-preview', api_key=api_key),
    tools = [DuckDuckGo()],
    instructions = ['Always include sources'],
    show_tools_calls = True,
    markdown = True,
    monitoring=True,
)

finagent = Agent(
    name = 'finagent',
    model=Groq(id='llama3-groq-70b-8912-tool-use-preview', api_key=api_key),
    tools = [YFinanceTools(stock_price=True, analyst_recommendations=True, stock_fundamentals=True, company_news=True)],
    instructions = 'use tables to display the data',
    show_tools_calls = True,
    markdown=True,
    monitoring=True,
)


app=Playground(agents=[finagent,websearchagent]).get_app()

if __name__=="__main__":
    serve_playground_app("playground:app",reload=True)


@sravjot03 can you confirm if you did phi auth on the terminal or set the PHI_API_KEY?