Create app.py

app.py

@@ -0,0 +1,56 @@
+import gradio as gr
+import json
+import time
+
+# Load config
+with open("config_demo.json", "r", encoding="utf-8") as f:
+    config = json.load(f)
+
+FREE_QUOTA = config["free_quota"]
+
+user_used_chars = 0  # Demo: lưu tạm local
+
+def check_and_update(text):
+    global user_used_chars
+    input_len = len(text)
+
+    if user_used_chars + input_len > FREE_QUOTA:
+        return None, f"🚫 Vượt quá giới hạn {FREE_QUOTA:,} ký tự dùng thử"
+
+    user_used_chars += input_len
+
+    # Tạm xử lý clone/TTS: giả lập 6 giây chờ GPU
+    time.sleep(2)
+    return "✅ Xử lý thành công (Demo Placeholder)", f"Đã dùng: {user_used_chars:,}/{FREE_QUOTA:,} ký tự"
+
+def update_counter(text):
+    char_count = len(text)
+    status = f"{char_count:,}/{FREE_QUOTA:,} ký tự"
+    css_class = "char-limit-ok" if char_count <= FREE_QUOTA else "char-limit-over"
+    return f'<span class="{css_class}">{status}</span>'
+
+with gr.Blocks(css="styles.css", title="AVATabs Demo") as demo:
+
+    # HEADER
+    with gr.Row():
+        gr.Markdown('<div id="header-title">🎯 AVATabs <span id="demo-badge">Demo</span></div>')
+
+    # INPUT TEXT
+    input_text = gr.Textbox(lines=10, placeholder="Nhập nội dung...", label="Nhập Textbox")
+
+    char_counter = gr.HTML('<div id="char-counter">0 ký tự</div>')
+    input_text.change(fn=update_counter, inputs=input_text, outputs=char_counter)
+
+    with gr.Tab("Clone"):
+        btn_clone = gr.Button("Bắt đầu Clone")
+        output_clone = gr.Textbox(label="Kết quả Demo")
+        msg_clone = gr.Markdown()
+        btn_clone.click(fn=check_and_update, inputs=input_text, outputs=[output_clone, msg_clone])
+
+    with gr.Tab("TTS"):
+        btn_tts = gr.Button("Chuyển văn bản thành giọng nói")
+        output_tts = gr.Textbox(label="Kết quả Demo")
+        msg_tts = gr.Markdown()
+        btn_tts.click(fn=check_and_update, inputs=input_text, outputs=[output_tts, msg_tts])
+
+demo.launch()