File size: 1,992 Bytes
fd2f716
136bd13
3922cde
0d14ea5
1b3d86d
422059f
fd2f716
44fc64a
 
 
 
 
1738666
 
8291c8c
1738666
8291c8c
 
1738666
d821bde
 
 
8291c8c
 
44fc64a
 
1738666
9dcfb8f
44fc64a
0d14ea5
 
44fc64a
9dcfb8f
44fc64a
 
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
from synthetic_dataset_generator._tabbedinterface import TabbedInterface

# from synthetic_dataset_generator.apps.eval import app as eval_app
from synthetic_dataset_generator.apps.rag import app as rag_app
from synthetic_dataset_generator.apps.about import app as about_app
from synthetic_dataset_generator.apps.chat import app as chat_app
from synthetic_dataset_generator.apps.textcat import app as textcat_app

theme = "argilla/argilla-theme"

css = """
.main_ui_logged_out{opacity: 0.3; pointer-events: none}
button[role="tab"][aria-selected="true"] { border: 0; background: var(--button-primary-background-fill); color: white; border-top-right-radius: var(--radius-md); border-top-left-radius: var(--radius-md)}
button[role="tab"][aria-selected="true"]:hover {border-color: var(--button-primary-background-fill); background: var(var(--button-primary-background-fill-hover))}
.tabitem {border: 0; padding-inline: 0}
.gallery-item {background: var(--background-fill-secondary); text-align: left}
.table-wrap .tbody td {vertical-align: top}
#system_prompt_examples {color: var(--body-text-color) !important; background-color: var(--block-background-fill) !important;}
.container {padding-inline: 0 !important}
.gradio-container { width: 100% !important; }
.gradio-row { display: flex !important; flex-direction: row !important; }
.gradio-column { flex: 1 !important; min-width: 0 !important; }
#sign_in_button {flex-grow: 0; width: auto !important; display: flex; align-items: center; justify-content: center; margin: 0 auto;}
.datasets {height: 70px;}
"""

image = """<br><img src="https://raw.githubusercontent.com/argilla-io/synthetic-data-generator/main/assets/logo.svg" alt="Synthetic Data Generator Logo" style="display: block; margin-left: auto; margin-right: auto; width: clamp(50%, 400px, 100%)"/>"""

demo = TabbedInterface(
    [textcat_app, chat_app, rag_app, about_app],
    ["Text Classification", "Chat Data", "RAG", "About"],
    css=css,
    title=image,
    theme=theme,
)