Delete app.py

app.py

@@ -1,313 +0,0 @@
-import gradio as gr
-
-custom_css = """
-@import url('https://fonts.googleapis.com/css2?family=Geist:wght@300;400;500;600&family=Geist+Mono:wght@300;400&display=swap');
-
-:root {
-    --bg:          #ffffff;
-    --bg-subtle:   #fafafa;
-    --bg-muted:    #f4f4f5;
-    --border:      #e4e4e7;
-    --border-soft: #f0f0f1;
-    --text:        #09090b;
-    --text-muted:  #71717a;
-    --text-faint:  #a1a1aa;
-    --accent:      #18181b;
-    --accent-fg:   #ffffff;
-    --user-bubble: #18181b;
-    --user-fg:     #ffffff;
-    --bot-bubble:  #f4f4f5;
-    --bot-fg:      #09090b;
-    --sidebar-bg:  #09090b;
-    --sidebar-fg:  #fafafa;
-    --sidebar-mut: #71717a;
-    --radius:      12px;
-    --radius-sm:   8px;
-    --font: 'Geist', -apple-system, BlinkMacSystemFont, sans-serif;
-    --mono: 'Geist Mono', 'Fira Code', monospace;
-}
-
-*, *::before, *::after {
-    box-sizing: border-box;
-}
-
-body,
-.gradio-container,
-.gradio-container > .main,
-.gradio-container > .main > .wrap {
-    background: var(--bg) !important;
-    color: var(--text) !important;
-    font-family: var(--font) !important;
-    font-size: 14px !important;
-    line-height: 1.6 !important;
-    -webkit-font-smoothing: antialiased !important;
-}
-
-.sidebar,
-aside {
-    background: var(--sidebar-bg) !important;
-    border-right: 1px solid #27272a !important;
-    padding: 28px 20px !important;
-    min-width: 220px !important;
-}
-
-.sidebar *,
-aside * {
-    color: var(--sidebar-fg) !important;
-}
-
-.sidebar h1,
-aside h1 {
-    font-family: var(--font) !important;
-    font-size: 15px !important;
-    font-weight: 600 !important;
-    letter-spacing: -0.01em !important;
-    color: #ffffff !important;
-    margin-bottom: 12px !important;
-}
-
-.sidebar p,
-aside p {
-    font-size: 12.5px !important;
-    line-height: 1.65 !important;
-    color: var(--sidebar-mut) !important;
-    font-weight: 400 !important;
-}
-
-.sidebar button,
-aside button {
-    display: flex !important;
-    align-items: center !important;
-    justify-content: center !important;
-    gap: 6px !important;
-    width: 100% !important;
-    margin-top: 20px !important;
-    padding: 9px 16px !important;
-    background: #27272a !important;
-    color: #fafafa !important;
-    border: 1px solid #3f3f46 !important;
-    border-radius: var(--radius-sm) !important;
-    font-family: var(--font) !important;
-    font-size: 13px !important;
-    font-weight: 500 !important;
-    letter-spacing: -0.01em !important;
-    cursor: pointer !important;
-    transition: background 0.15s ease, border-color 0.15s ease !important;
-}
-
-.sidebar button:hover,
-aside button:hover {
-    background: #3f3f46 !important;
-    border-color: #52525b !important;
-}
-
-.contain,
-.gap {
-    background: var(--bg) !important;
-}
-
-.chatbot,
-div[data-testid="chatbot"] {
-    background: var(--bg) !important;
-    border: 1px solid var(--border) !important;
-    border-radius: var(--radius) !important;
-    box-shadow: 0 1px 3px rgba(0,0,0,0.04) !important;
-    overflow: hidden !important;
-}
-
-.message-wrap,
-.messages {
-    padding: 20px !important;
-    background: var(--bg) !important;
-}
-
-.message {
-    max-width: 80% !important;
-    padding: 12px 16px !important;
-    border-radius: var(--radius) !important;
-    font-size: 14px !important;
-    line-height: 1.65 !important;
-    font-family: var(--font) !important;
-}
-
-.message.user,
-.user.message {
-    background: var(--user-bubble) !important;
-    color: var(--user-fg) !important;
-    align-self: flex-end !important;
-    border-bottom-right-radius: 4px !important;
-    box-shadow: 0 1px 2px rgba(0,0,0,0.12) !important;
-}
-
-.message.bot,
-.bot.message {
-    background: var(--bot-bubble) !important;
-    color: var(--bot-fg) !important;
-    align-self: flex-start !important;
-    border-bottom-left-radius: 4px !important;
-    border: 1px solid var(--border-soft) !important;
-}
-
-.chatbot label,
-div[data-testid="chatbot"] > label {
-    font-family: var(--font) !important;
-    font-size: 11px !important;
-    font-weight: 500 !important;
-    text-transform: uppercase !important;
-    letter-spacing: 0.08em !important;
-    color: var(--text-faint) !important;
-    padding: 12px 16px !important;
-    border-bottom: 1px solid var(--border) !important;
-    background: var(--bg-subtle) !important;
-}
-
-textarea,
-input[type="text"],
-.scroll-hide {
-    background: var(--bg-subtle) !important;
-    border: 1px solid var(--border) !important;
-    border-radius: var(--radius-sm) !important;
-    color: var(--text) !important;
-    font-family: var(--font) !important;
-    font-size: 14px !important;
-    line-height: 1.5 !important;
-    padding: 10px 14px !important;
-    resize: none !important;
-    transition: border-color 0.15s ease, box-shadow 0.15s ease !important;
-    caret-color: var(--accent) !important;
-}
-
-textarea:focus,
-input[type="text"]:focus {
-    border-color: #a1a1aa !important;
-    box-shadow: 0 0 0 3px rgba(24,24,27,0.06) !important;
-    outline: none !important;
-    background: var(--bg) !important;
-}
-
-textarea::placeholder,
-input[type="text"]::placeholder {
-    color: var(--text-faint) !important;
-}
-
-button[variant="primary"],
-.submit-btn {
-    background: var(--accent) !important;
-    color: var(--accent-fg) !important;
-    border: none !important;
-    border-radius: var(--radius-sm) !important;
-    font-family: var(--font) !important;
-    font-size: 13px !important;
-    font-weight: 500 !important;
-    padding: 9px 18px !important;
-    transition: opacity 0.15s ease !important;
-    cursor: pointer !important;
-}
-
-button[variant="primary"]:hover,
-.submit-btn:hover {
-    opacity: 0.82 !important;
-}
-
-button[variant="secondary"] {
-    background: var(--bg) !important;
-    color: var(--text) !important;
-    border: 1px solid var(--border) !important;
-    border-radius: var(--radius-sm) !important;
-    font-family: var(--font) !important;
-    font-size: 13px !important;
-    font-weight: 500 !important;
-    padding: 8px 14px !important;
-    transition: background 0.15s ease !important;
-}
-
-button[variant="secondary"]:hover {
-    background: var(--bg-muted) !important;
-}
-
-label span,
-.label-wrap span {
-    font-family: var(--font) !important;
-    font-size: 11px !important;
-    font-weight: 500 !important;
-    letter-spacing: 0.04em !important;
-    color: var(--text-muted) !important;
-    text-transform: uppercase !important;
-}
-
-.block,
-.gr-block {
-    border-radius: var(--radius) !important;
-    border-color: var(--border) !important;
-    background: var(--bg) !important;
-}
-
-::-webkit-scrollbar { width: 5px; height: 5px; }
-::-webkit-scrollbar-track { background: transparent; }
-::-webkit-scrollbar-thumb { background: var(--border); border-radius: 99px; }
-::-webkit-scrollbar-thumb:hover { background: var(--text-faint); }
-
-.examples td {
-    border-color: var(--border) !important;
-    background: var(--bg-subtle) !important;
-    font-family: var(--font) !important;
-    font-size: 13px !important;
-    color: var(--text-muted) !important;
-    border-radius: var(--radius-sm) !important;
-}
-
-.examples td:hover {
-    background: var(--bg-muted) !important;
-    color: var(--text) !important;
-}
-
-footer,
-.footer,
-.built-with {
-    display: none !important;
-}
-"""
-
-with gr.Blocks(
-    fill_height=True,
-    css=custom_css,
-    title="Yuuki-RxG",
-    theme=gr.themes.Base(
-        primary_hue="zinc",
-        neutral_hue="zinc",
-        font=gr.themes.GoogleFont("Geist"),
-        font_mono=gr.themes.GoogleFont("Geist Mono"),
-        radius_size=gr.themes.sizes.radius_md,
-        spacing_size=gr.themes.sizes.spacing_md,
-    ).set(
-        body_background_fill="#ffffff",
-        body_text_color="#09090b",
-        background_fill_primary="#ffffff",
-        background_fill_secondary="#fafafa",
-        border_color_primary="#e4e4e7",
-        color_accent_soft="#f4f4f5",
-        button_primary_background_fill="#18181b",
-        button_primary_text_color="#ffffff",
-        button_secondary_background_fill="#ffffff",
-        button_secondary_border_color="#e4e4e7",
-        block_border_color="#e4e4e7",
-        block_background_fill="#ffffff",
-        input_background_fill="#fafafa",
-        input_border_color="#e4e4e7",
-    )
-) as demo:
-    with gr.Sidebar():
-        gr.Markdown("# Yuuki-RxG")
-        gr.Markdown(
-            "Modelo servido via featherless-ai. "
-            "Inicia sesión con tu cuenta de Hugging Face para acceder a la inferencia."
-        )
-        button = gr.LoginButton("Iniciar sesión")
-
-    gr.load(
-        "models/OpceanAI/Yuuki-RxG",
-        accept_token=button,
-        provider="featherless-ai",
-    )
-
-demo.launch()