Spaces:
Running
Running
import os | |
import gradio as gr | |
from groq import Groq | |
import json | |
from datetime import datetime | |
import time | |
class RealTimeFactChecker: | |
def __init__(self): | |
self.client = None | |
self.model_options = ["compound-beta", "compound-beta-mini"] | |
def initialize_client(self, api_key): | |
"""Initialize Groq client with API key""" | |
try: | |
self.client = Groq(api_key=api_key) | |
return True, "<div class='status success'>✅ API Key validated successfully!</div>" | |
except Exception as e: | |
return False, f"<div class='status error'>❌ Error initializing client: {str(e)}</div>" | |
def get_system_prompt(self): | |
"""Get the system prompt for consistent behavior""" | |
return """You are a Real-time Fact Checker and News Agent. Your primary role is to provide accurate, up-to-date information by leveraging web search when needed. | |
CORE RESPONSIBILITIES: | |
1. **Fact Verification**: Always verify claims with current, reliable sources | |
2. **Real-time Information**: Use web search for any information that changes frequently (news, stocks, weather, current events) | |
3. **Source Transparency**: When using web search, mention the sources or indicate that you've searched for current information | |
4. **Accuracy First**: If information is uncertain or conflicting, acknowledge this clearly | |
RESPONSE GUIDELINES: | |
- **Structure**: Start with a clear, direct answer, then provide supporting details | |
- **Recency**: Always prioritize the most recent, reliable information | |
- **Clarity**: Use clear, professional language while remaining accessible | |
- **Completeness**: Provide comprehensive answers but stay focused on the query | |
- **Source Awareness**: When you've searched for information, briefly indicate this (e.g., "Based on current reports..." or "Recent data shows...") | |
WHEN TO SEARCH: | |
- Breaking news or current events | |
- Stock prices, market data, or financial information | |
- Weather conditions or forecasts | |
- Recent scientific discoveries or research | |
- Current political developments | |
- Real-time statics or data | |
- Verification of recent claims or rumors | |
RESPONSE FORMAT: | |
- Lead with key facts | |
- Include relevant context | |
- Mention timeframe when relevant (e.g., "as of today", "this week") | |
- If multiple sources conflict, acknowledge this | |
- End with a clear summary for complex topics | |
Remember: Your goal is to be the most reliable, up-to-date source of information possible.""" | |
def query_compound_model(self, query, model, temperature=0.7, custom_system_prompt=None): | |
"""Query the compound model and return response with tool execution info""" | |
if not self.client: | |
return "<div class='status error'>❌ Please set a valid API key first.</div>", None, None | |
try: | |
start_time = time.time() | |
system_prompt = custom_system_prompt if custom_system_prompt else self.get_system_prompt() | |
chat_completion = self.client.chat.completions.create( | |
messages=[ | |
{ | |
"role": "system", | |
"content": system_prompt | |
}, | |
{ | |
"role": "user", | |
"content": query, | |
} | |
], | |
model=model, | |
temperature=temperature, | |
max_tokens=1500 | |
) | |
end_time = time.time() | |
response_time = round(end_time - start_time, 2) | |
response_content = chat_completion.choices[0].message.content | |
executed_tools = getattr(chat_completion.choices[0].message, 'executed_tools', None) | |
tool_info = self.format_tool_info(executed_tools) | |
return response_content, tool_info, response_time | |
except Exception as e: | |
return f"<div class='status error'>❌ Error querying model: {str(e)}</div>", None, None | |
def format_tool_info(self, executed_tools): | |
"""Format executed tools information for display""" | |
if not executed_tools: | |
return "<div class='tool-info'><strong>Tools Used:</strong> None (Used existing knowledge)</div>" | |
tool_info = "<div class='tool-info'><strong>Tools Used:</strong><ul>" | |
for i, tool in enumerate(executed_tools, 1): | |
try: | |
if hasattr(tool, 'name'): | |
tool_name = tool.name | |
elif hasattr(tool, 'tool_name'): | |
tool_name = tool.tool_name | |
elif isinstance(tool, dict): | |
tool_name = tool.get('name', 'Unknown') | |
else: | |
tool_name = str(tool) | |
tool_info += f"<li>{i}. <strong>{tool_name}</strong>" | |
if hasattr(tool, 'parameters'): | |
params = tool.parameters | |
if isinstance(params, dict): | |
tool_info += "<ul>" | |
for key, value in params.items(): | |
tool_info += f"<li>{key}: {value}</li>" | |
tool_info += "</ul>" | |
elif hasattr(tool, 'input'): | |
tool_info += f"<ul><li>Input: {tool.input}</li></ul>" | |
tool_info += "</li>" | |
except Exception as e: | |
tool_info += f"<li>{i}. <strong>Tool {i}</strong> (Error parsing details)</li>" | |
tool_info += "</ul></div>" | |
return tool_info | |
def get_example_queries(self): | |
"""Return categorized example queries""" | |
return { | |
"Latest News": [ | |
"What are the top 3 news stories today?", | |
"Latest developments in AI technology this week", | |
"Recent political events in the United States", | |
"Breaking news about climate change", | |
"What happened in the stock market today?" | |
], | |
"Financial Data": [ | |
"Current price of Bitcoin", | |
"Tesla stock price today", | |
"How is the S&P 500 performing today?", | |
"Latest cryptocurrency market trends", | |
"What's the current inflation rate?" | |
], | |
"Weather Updates": [ | |
"Current weather in New York City", | |
"Weather forecast for London this week", | |
"Is it going to rain in San Francisco today?", | |
"Temperature in Tokyo right now", | |
"Weather conditions in Sydney" | |
], | |
"Science & Technology": [ | |
"Latest breakthroughs in fusion energy", | |
"Recent discoveries in space exploration", | |
"New developments in quantum computing", | |
"Latest medical research findings", | |
"Recent advances in renewable energy" | |
], | |
"Sports & Entertainment": [ | |
"Latest football match results", | |
"Who won the recent tennis tournament?", | |
"Box office numbers for this weekend", | |
"Latest movie releases this month", | |
"Recent celebrity news" | |
], | |
"Fact Checking": [ | |
"Is it true that the Earth's population reached 8 billion?", | |
"Verify: Did company X announce layoffs recently?", | |
"Check if the recent earthquake in Turkey was magnitude 7+", | |
"Confirm the latest unemployment rate statistics", | |
"Verify recent claims about electric vehicle sales" | |
] | |
} | |
def get_custom_prompt_examples(self): | |
"""Return custom system prompt examples""" | |
return { | |
"Fact-Checker": "You are a fact-checker. Always verify claims with multiple sources and clearly indicate confidence levels in your assessments. Use phrases like 'highly confident', 'moderately confident', or 'requires verification' when presenting information.", | |
"News Analyst": "You are a news analyst. Focus on providing balanced, unbiased reporting with multiple perspectives on current events. Always present different viewpoints and avoid partisan language.", | |
"Financial Advisor": "You are a financial advisor. Provide accurate market data with context about trends and implications for investors. Always include disclaimers about market risks and the importance of professional financial advice.", | |
"Research Assistant": "You are a research assistant specializing in scientific and technical information. Provide detailed, evidence-based responses with proper context about methodology and limitations of studies.", | |
"Global News Correspondent": "You are a global news correspondent. Focus on international events and their interconnections. Provide cultural context and explain how events in one region might affect others.", | |
"Market Analyst": "You are a market analyst. Provide detailed financial analysis including technical indicators, market sentiment, and economic factors affecting price movements." | |
} | |
def create_interface(): | |
fact_checker = RealTimeFactChecker() | |
custom_css = """ | |
<style> | |
.gradio-container { | |
max-width: 1200px; | |
margin: 0 auto; | |
background: #f5f7fa; | |
font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif; | |
padding: 20px; | |
} | |
.header { | |
background: #ffffff; | |
padding: 2rem; | |
border-radius: 12px; | |
text-align: center; | |
box-shadow: 0 2px 8px rgba(0,0,0,0.05); | |
margin-bottom: 2rem; | |
} | |
.header h1 { | |
font-size: 2rem; | |
color: #1a202c; | |
margin: 0; | |
} | |
.header p { | |
font-size: 1rem; | |
color: #4a5568; | |
margin: 0.5rem 0 0; | |
} | |
.card { | |
background: #ffffff; | |
border-radius: 12px; | |
padding: 1.5rem; | |
margin-bottom: 1.5rem; | |
box-shadow: 0 2px 8px rgba(0,0,0,0.05); | |
border: 1px solid #e2e8f0; | |
} | |
.card h3 { | |
font-size: 1.25rem; | |
color: #2d3748; | |
margin: 0 0 1rem; | |
} | |
.status.success { | |
background: #e6fffa; | |
color: #2b6cb0; | |
padding: 0.75rem; | |
border-radius: 8px; | |
border-left: 4px solid #2b6cb0; | |
} | |
.status.error { | |
background: #fff5f5; | |
color: #c53030; | |
padding: 0.75rem; | |
border-radius: 8px; | |
border-left: 4px solid #c53030; | |
} | |
.tool-info { | |
background: #edf2f7; | |
padding: 1rem; | |
border-radius: 8px; | |
margin: 1rem 0; | |
color: #2d3748; | |
} | |
.tool-info ul { | |
margin: 0.5rem 0; | |
padding-left: 1.5rem; | |
} | |
.result-card { | |
background: #ffffff; | |
border-radius: 12px; | |
padding: 1.5rem; | |
margin: 1.5rem 0; | |
box-shadow: 0 2px 8px rgba(0,0,0,0.05); | |
} | |
.result-card h3 { | |
font-size: 1.25rem; | |
color: #2d3748; | |
margin: 0 0 1rem; | |
} | |
.result-content { | |
color: #4a5568; | |
line-height: 1.6; | |
} | |
.performance { | |
font-size: 0.9rem; | |
color: #2b6cb0; | |
margin-top: 1rem; | |
font-style: italic; | |
} | |
.example-grid { | |
display: grid; | |
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); | |
gap: 1rem; | |
margin-top: 1rem; | |
} | |
.example-item { | |
background: #edf2f7; | |
padding: 1rem; | |
border-radius: 8px; | |
cursor: pointer; | |
transition: background 0.2s; | |
} | |
.example-item:hover { | |
background: #e2e8f0; | |
} | |
.prompt-example { | |
background: #e6fffa; | |
padding: 1rem; | |
border-radius: 8px; | |
margin: 0.5rem 0; | |
cursor: pointer; | |
transition: background 0.2s; | |
} | |
.prompt-example:hover { | |
background: #b2f5ea; | |
} | |
.prompt-title { | |
font-weight: 600; | |
color: #2b6cb0; | |
margin-bottom: 0.25rem; | |
} | |
.prompt-text { | |
font-size: 0.9rem; | |
color: #4a5568; | |
} | |
.footer { | |
background: #2d3748; | |
color: #e2e8f0; | |
padding: 2rem; | |
border-radius: 12px; | |
text-align: center; | |
margin-top: 2rem; | |
} | |
.footer a { | |
color: #63b3ed; | |
text-decoration: none; | |
font-weight: 500; | |
} | |
.footer a:hover { | |
color: #90cdf4; | |
text-decoration: underline; | |
} | |
.gr-button-primary { | |
background: #2b6cb0; | |
color: #ffffff; | |
border: none; | |
padding: 0.75rem 1.5rem; | |
border-radius: 8px; | |
font-weight: 500; | |
} | |
.gr-button-secondary { | |
background: #e2e8f0; | |
color: #2d3748; | |
border: none; | |
padding: 0.5rem 1rem; | |
border-radius: 8px; | |
font-weight: 500; | |
} | |
</style> | |
""" | |
def validate_api_key(api_key): | |
if not api_key or api_key.strip() == "": | |
return "<div class='status error'>❌ Please enter a valid API key</div>", False | |
success, message = fact_checker.initialize_client(api_key.strip()) | |
return message, success | |
def process_query(query, model, temperature, api_key, system_prompt): | |
if not api_key or api_key.strip() == "": | |
return "<div class='status error'>❌ Please set your API key first</div>", "", "" | |
if not query or query.strip() == "": | |
return "<div class='status error'>❌ Please enter a query</div>", "", "" | |
if not fact_checker.client: | |
success, message = fact_checker.initialize_client(api_key.strip()) | |
if not success: | |
return message, "", "" | |
response, tool_info, response_time = fact_checker.query_compound_model( | |
query.strip(), model, temperature, system_prompt.strip() if system_prompt else None | |
) | |
timestamp = datetime.now().strftime("%Y-%m-%d %H:%M:%S") | |
formatted_response = f""" | |
<div class='result-content'> | |
<h4>Query:</h4> | |
<p>{query}</p> | |
<h4>Response:</h4> | |
<p>{response}</p> | |
<p class='performance'>Generated at {timestamp} in {response_time}s</p> | |
</div> | |
""" | |
return formatted_response, tool_info or "", f"<div class='performance'>⚡ Response time: {response_time}s</div>" | |
def reset_system_prompt(): | |
return fact_checker.get_system_prompt() | |
def load_example(example_text): | |
return example_text | |
def load_custom_prompt(prompt_text): | |
return prompt_text | |
with gr.Blocks(title="Real-time Fact Checker", css=custom_css) as demo: | |
gr.HTML(""" | |
<div class="header"> | |
<h1>🔍 Real-time Fact Checker</h1> | |
<p>Instantly verify facts and get the latest news with Groq's Compound Models</p> | |
</div> | |
""") | |
with gr.Row(): | |
with gr.Column(scale=3): | |
with gr.Group(): | |
gr.HTML('<div class="card">') | |
gr.Markdown("### API Configuration") | |
api_key_input = gr.Textbox( | |
label="Groq API Key", | |
placeholder="Enter your Groq API key...", | |
type="password", | |
info="Obtain your free API key from https://console.groq.com/" | |
) | |
api_status = gr.HTML( | |
value="<div class='status error'>⚠️ Please enter your API key</div>" | |
) | |
validate_btn = gr.Button("Validate API Key", variant="secondary") | |
gr.HTML('</div>') | |
with gr.Group(): | |
gr.HTML('<div class="card">') | |
gr.Markdown("### System Prompt") | |
with gr.Accordion("Customize System Prompt", open=False): | |
system_prompt_input = gr.Textbox( | |
label="System Prompt", | |
value=fact_checker.get_system_prompt(), | |
lines=6, | |
info="Customize the AI's behavior" | |
) | |
reset_prompt_btn = gr.Button("Reset to Default", variant="secondary") | |
gr.Markdown("#### Prompt Examples") | |
custom_prompts = fact_checker.get_custom_prompt_examples() | |
for title, prompt in custom_prompts.items(): | |
gr.HTML(f""" | |
<div class="prompt-example" onclick="document.getElementById('system_prompt_input').value = '{prompt}'"> | |
<div class="prompt-title">{title}</div> | |
<div class="prompt-text">{prompt[:80]}...</div> | |
</div> | |
""") | |
gr.HTML('</div>') | |
with gr.Group(): | |
gr.HTML('<div class="card">') | |
gr.Markdown("### Your Query") | |
query_input = gr.Textbox( | |
label="Ask a Question", | |
placeholder="e.g., What's the latest news on AI developments?", | |
lines=3 | |
) | |
with gr.Row(): | |
model_choice = gr.Dropdown( | |
choices=fact_checker.model_options, | |
value="compound-beta", | |
label="Model" | |
) | |
temperature = gr.Slider( | |
minimum=0.0, | |
maximum=1.0, | |
value=0.7, | |
step=0.1, | |
label="Temperature" | |
) | |
submit_btn = gr.Button("🔍 Get Answer", variant="primary") | |
clear_btn = gr.Button("Clear", variant="secondary") | |
gr.HTML('</div>') | |
with gr.Column(scale=2): | |
with gr.Group(): | |
gr.HTML('<div class="card">') | |
gr.Markdown("### Example Queries") | |
examples = fact_checker.get_example_queries() | |
with gr.Tabs(): | |
for category, queries in examples.items(): | |
with gr.Tab(category): | |
for query in queries: | |
gr.HTML(f'<div class="example-item" onclick="document.getElementById(\'query_input\').value = \'{query}\'">{query}</div>') | |
gr.HTML('</div>') | |
gr.HTML('<div class="result-card">') | |
gr.Markdown("### Results") | |
with gr.Row(): | |
with gr.Column(scale=3): | |
response_output = gr.HTML( | |
value="<div class='result-content'>Enter a query to see results...</div>" | |
) | |
with gr.Column(scale=2): | |
tool_info_output = gr.HTML( | |
value="<div class='tool-info'>Tool execution details will appear here...</div>" | |
) | |
performance_output = gr.HTML( | |
value="" | |
) | |
gr.HTML('</div>') | |
gr.HTML(""" | |
<div class="footer"> | |
<h3>Links</h3> | |
<p> | |
<a href="https://console.groq.com/" target="_blank">Groq Console</a> | | |
<a href="https://console.groq.com/docs/quickstart" target="_blank">Documentation</a> | | |
<a href="https://console.groq.com/docs/models" target="_blank">Models Info</a> | |
</p> | |
<h3>Tips</h3> | |
<ul style="text-align: left; display: inline-block;"> | |
<li>Use compound-beta for detailed responses</li> | |
<li>Adjust temperature for creative or factual responses</li> | |
<li>Check tool execution info for source transparency</li> | |
</ul> | |
</div> | |
""") | |
validate_btn.click( | |
fn=validate_api_key, | |
inputs=[api_key_input], | |
outputs=[api_status, gr.State()] | |
) | |
reset_prompt_btn.click( | |
fn=reset_system_prompt, | |
outputs=[system_prompt_input] | |
) | |
submit_btn.click( | |
fn=process_query, | |
inputs=[query_input, model_choice, temperature, api_key_input, system_prompt_input], | |
outputs=[response_output, tool_info_output, performance_output] | |
) | |
clear_btn.click( | |
fn=lambda: ("", "<div class='result-content'>Enter a query to see results...</div>", "<div class='tool-info'>Tool execution details will appear here...</div>", ""), | |
outputs=[query_input, response_output, tool_info_output, performance_output] | |
) | |
return demo | |
if __name__ == "__main__": | |
demo = create_interface() | |
demo.launch( | |
share=True | |
) |