File size: 21,426 Bytes
d6f088e
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
bc2b13d
d6f088e
bc2b13d
d6f088e
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
bc2b13d
d6f088e
 
 
 
 
 
 
 
 
4962386
d6f088e
 
bc2b13d
d6f088e
 
 
 
4962386
 
d6f088e
 
9697189
 
 
 
 
 
 
 
d6f088e
 
 
4962386
d6f088e
 
 
 
 
 
9697189
d6f088e
9697189
d6f088e
 
 
 
 
bc2b13d
d6f088e
 
9697189
d6f088e
bc2b13d
d6f088e
bc2b13d
d6f088e
4962386
 
 
 
 
 
 
 
 
 
bc2b13d
4962386
 
 
 
bc2b13d
4962386
bc2b13d
 
4962386
bc2b13d
 
 
 
 
9697189
bc2b13d
9697189
d6f088e
 
 
 
bc2b13d
d6f088e
 
 
 
 
 
bc2b13d
d6f088e
 
 
 
 
 
bc2b13d
d6f088e
 
 
 
 
 
bc2b13d
d6f088e
 
 
 
 
 
bc2b13d
d6f088e
 
 
 
 
 
bc2b13d
d6f088e
 
 
 
 
 
 
4962386
 
 
 
bc2b13d
 
 
 
 
 
4962386
d6f088e
 
 
 
4962386
 
 
bc2b13d
9697189
 
 
bc2b13d
4962386
9697189
bc2b13d
 
9697189
 
 
bc2b13d
 
4962386
9697189
bc2b13d
9697189
bc2b13d
9697189
 
 
bc2b13d
9697189
bc2b13d
9697189
 
 
bc2b13d
 
9697189
 
bc2b13d
9697189
bc2b13d
4962386
9697189
bc2b13d
 
 
 
4962386
9697189
bc2b13d
 
 
 
9697189
bc2b13d
4962386
9697189
bc2b13d
 
 
9697189
 
bc2b13d
9697189
 
bc2b13d
 
 
9697189
bc2b13d
 
4962386
9697189
bc2b13d
 
 
 
 
 
 
9697189
 
bc2b13d
9697189
6eb068d
9697189
bc2b13d
 
 
 
6eb068d
9697189
bc2b13d
 
 
4962386
9697189
bc2b13d
 
 
 
 
4962386
9697189
bc2b13d
 
 
 
 
4962386
9697189
bc2b13d
 
 
 
 
 
 
 
 
 
4962386
9697189
 
bc2b13d
9697189
bc2b13d
9697189
 
bc2b13d
9697189
 
 
bc2b13d
9697189
 
bc2b13d
9697189
bc2b13d
9697189
 
 
bc2b13d
 
 
9697189
 
bc2b13d
 
 
 
 
 
 
9697189
 
bc2b13d
 
 
 
9697189
 
bc2b13d
 
 
9697189
 
bc2b13d
 
 
 
 
 
 
9697189
 
bc2b13d
 
 
 
 
 
 
4962386
 
 
 
d6f088e
 
bc2b13d
9697189
d6f088e
 
 
 
 
bc2b13d
d6f088e
 
bc2b13d
d6f088e
 
 
 
 
 
 
4962386
d6f088e
 
 
6eb068d
bc2b13d
 
9697189
bc2b13d
 
 
6eb068d
 
d6f088e
bc2b13d
d6f088e
 
 
 
 
 
 
4962386
 
 
bc2b13d
 
4962386
bc2b13d
9697189
bc2b13d
4962386
d6f088e
 
9697189
bc2b13d
d6f088e
bc2b13d
 
d6f088e
 
bc2b13d
9697189
bc2b13d
d6f088e
6eb068d
bc2b13d
d6f088e
 
4962386
d6f088e
 
bc2b13d
 
 
9697189
 
 
bc2b13d
 
9697189
 
 
bc2b13d
 
9697189
bc2b13d
 
 
 
 
 
9697189
 
 
bc2b13d
 
d6f088e
bc2b13d
 
 
d6f088e
 
 
 
 
6eb068d
d6f088e
 
 
 
 
 
6eb068d
d6f088e
bc2b13d
d6f088e
4962386
d6f088e
bc2b13d
d6f088e
bc2b13d
 
d6f088e
bc2b13d
 
 
 
 
4962386
d6f088e
bc2b13d
 
d6f088e
bc2b13d
6eb068d
bc2b13d
d6f088e
bc2b13d
6eb068d
bc2b13d
d6f088e
6eb068d
 
d6f088e
4962386
d6f088e
bc2b13d
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
d6f088e
 
 
 
 
 
9697189
 
 
 
 
d6f088e
 
9697189
d6f088e
 
 
 
bc2b13d
d6f088e
 
 
 
 
 
 
9697189
 
 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
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
    )