File size: 1,790 Bytes
143e30d
 
099e99c
143e30d
 
3c2fc33
143e30d
 
 
 
 
 
 
 
 
 
 
 
 
 
c232cf6
 
 
 
 
 
099e99c
 
 
 
 
 
 
 
 
 
 
 
 
 
ab58a29
 
 
 
 
099e99c
 
 
ab58a29
 
 
 
 
143e30d
 
099e99c
3c2fc33
 
143e30d
42f9580
099e99c
42f9580
099e99c
143e30d
 
 
099e99c
143e30d
 
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
import gradio as gr

from src.distilabel_dataset_generator._tabbedinterface import TabbedInterface
from src.distilabel_dataset_generator.apps.faq import app as faq_app
from src.distilabel_dataset_generator.apps.sft import app as sft_app
from src.distilabel_dataset_generator.apps.textcat import app as textcat_app

theme = gr.themes.Monochrome(
    spacing_size="md",
    font=[gr.themes.GoogleFont("Inter"), "ui-sans-serif", "system-ui", "sans-serif"],
)

css = """
.main_ui_logged_out{opacity: 0.3; pointer-events: none}
.tabitem{border: 0px}
.group_padding{padding: .55em}
#space_model .wrap > label:last-child{opacity: 0.3; pointer-events:none}
#system_prompt_examples {
    color: black;
}
@media (prefers-color-scheme: dark) {
    #system_prompt_examples {
        color: white;
        background-color: black;
    }
}
button[role="tab"].selected,
button[role="tab"][aria-selected="true"],
button[role="tab"][data-tab-id][aria-selected="true"] {
    background-color: #000000;
    color: white;
    border: none;
    font-size: 16px;
    font-weight: bold;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    transition: background-color 0.3s ease, color 0.3s ease;
}
.gallery {
    color: black !important;
}
@media (prefers-color-scheme: dark) {
    .gallery {
        color: white !important;
    }
}
.flex-shrink-0.truncate.px-1 {
    color: black !important;
}
@media (prefers-color-scheme: dark) {
    .flex-shrink-0.truncate.px-1 {
        color: white !important;
    }
}
"""

demo = TabbedInterface(
    [textcat_app, sft_app, faq_app],
    ["Text Classification", "Supervised Fine-Tuning", "FAQ"],
    css=css,
    title="""
    <h1>Synthetic Data Generator</h1>
    """,
    head="Synthetic Data Generator",
    theme=theme,
)


if __name__ == "__main__":
    demo.launch()