|
|
|
|
|
|
|
|
|
|
|
import gradio as gr |
|
|
import torch |
|
|
import numpy as np |
|
|
from diffusers import DiffusionPipeline |
|
|
import random |
|
|
import time |
|
|
import os |
|
|
from datetime import datetime, timedelta |
|
|
import csv |
|
|
import pandas as pd |
|
|
import threading |
|
|
from PIL import Image, ImageEnhance |
|
|
|
|
|
|
|
|
try: |
|
|
import psutil |
|
|
import platform |
|
|
from transformers import Swin2SRForImageSuperResolution, Swin2SRImageProcessor |
|
|
print("✅ Library tambahan (psutil, transformers) berhasil diimpor.") |
|
|
except ImportError: |
|
|
print("❌ Peringatan: Library 'psutil' atau 'transformers' tidak ditemukan. Fitur System Monitor & Upscaler tidak akan berfungsi.") |
|
|
psutil = None |
|
|
platform = None |
|
|
Swin2SRForImageSuperResolution = None |
|
|
Swin2SRImageProcessor = None |
|
|
|
|
|
try: |
|
|
import google.generativeai as genai |
|
|
print("✅ Library 'google-generativeai' berhasil diimpor.") |
|
|
except ImportError: |
|
|
print("❌ Peringatan: Library 'google-generativeai' tidak ditemukan. Fitur Chatbot & Prompt Enhancer tidak akan berfungsi.") |
|
|
genai = None |
|
|
|
|
|
|
|
|
HEAD_HTML = """ |
|
|
<head> |
|
|
<meta charset="UTF-8"> |
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0"> |
|
|
<title>RenXploit's Creative AI Suite</title> |
|
|
<link rel="preconnect" href="https://fonts.googleapis.com"> |
|
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> |
|
|
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Fira+Code:wght@500&display=swap" rel="stylesheet"> |
|
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css"> |
|
|
<script> |
|
|
function typewriterEffect(element, text, speed) { |
|
|
let i = 0; |
|
|
element.innerHTML = ""; |
|
|
const cursor = document.createElement('span'); |
|
|
cursor.className = 'typewriter-cursor'; |
|
|
cursor.innerHTML = '▋'; |
|
|
element.appendChild(cursor); |
|
|
|
|
|
function type() { |
|
|
if (i < text.length) { |
|
|
element.insertBefore(document.createTextNode(text.charAt(i)), cursor); |
|
|
i++; |
|
|
setTimeout(type, speed); |
|
|
} else { |
|
|
cursor.style.animation = 'blink 1s step-end infinite'; |
|
|
} |
|
|
} |
|
|
type(); |
|
|
} |
|
|
|
|
|
document.addEventListener("DOMContentLoaded", function() { |
|
|
// Efek fade-in untuk seluruh aplikasi |
|
|
document.body.style.opacity = '1'; |
|
|
|
|
|
// Efek Typewriter untuk judul |
|
|
const titleElement = document.querySelector('#main-title h1'); |
|
|
if (titleElement) { |
|
|
const titleText = "RenXploit's Creative AI Suite"; |
|
|
titleElement.textContent = ""; |
|
|
setTimeout(() => typewriterEffect(titleElement, titleText, 70), 500); |
|
|
} |
|
|
|
|
|
// Trigger periodik untuk monitor sistem |
|
|
setInterval(() => { |
|
|
const triggerButton = document.querySelector('#system-info-trigger-btn button'); |
|
|
if (triggerButton) { |
|
|
triggerButton.click(); |
|
|
} |
|
|
}, 5000); // Interval 5 detik |
|
|
}); |
|
|
</script> |
|
|
<style> |
|
|
:root { |
|
|
--primary-color: #00aaff; |
|
|
--secondary-color: #9400d3; |
|
|
--glow-color: rgba(0, 170, 255, 0.5); |
|
|
--background-color: #0d1117; |
|
|
--content-background: rgba(22, 27, 34, 0.6); |
|
|
--glass-border: rgba(255, 255, 255, 0.1); |
|
|
--border-color: #30363d; |
|
|
--text-color: #c9d1d9; |
|
|
--text-muted-color: #8b949e; |
|
|
--font-family-main: 'Inter', sans-serif; |
|
|
--font-family-mono: 'Fira Code', monospace; |
|
|
--border-radius: 16px; |
|
|
--shadow-light: 0 4px 14px 0 rgba(0, 170, 255, 0.1); |
|
|
--shadow-strong: 0 6px 20px 0 rgba(0, 170, 255, 0.2); |
|
|
} |
|
|
|
|
|
/* --- Latar Belakang Aurora & Animasi --- */ |
|
|
body, .gradio-container { |
|
|
font-family: var(--font-family-main); |
|
|
color: var(--text-color); |
|
|
background-color: var(--background-color); |
|
|
background-image: |
|
|
radial-gradient(at 20% 20%, hsla(212,100%,50%,0.2) 0px, transparent 50%), |
|
|
radial-gradient(at 80% 20%, hsla(289,100%,50%,0.2) 0px, transparent 50%), |
|
|
radial-gradient(at 20% 80%, hsla(180,100%,50%,0.2) 0px, transparent 50%), |
|
|
radial-gradient(at 80% 80%, hsla(30,100%,50%,0.2) 0px, transparent 50%); |
|
|
opacity: 0; |
|
|
transition: opacity 1s ease-in-out; |
|
|
} |
|
|
|
|
|
/* --- Header & Judul Utama --- */ |
|
|
#header-container { text-align: center; padding: 3rem 1rem 2rem 1rem; } |
|
|
#main-logo { font-size: 3em; color: var(--primary-color); margin-bottom: 1rem; text-shadow: 0 0 15px var(--glow-color); } |
|
|
#main-title h1 { |
|
|
font-size: 2.8em !important; |
|
|
font-weight: 700 !important; |
|
|
color: #ffffff; |
|
|
background: linear-gradient(90deg, #00aaff, #00ffaa); |
|
|
-webkit-background-clip: text; |
|
|
-webkit-text-fill-color: transparent; |
|
|
display: inline-block; |
|
|
margin: 0; |
|
|
} |
|
|
.typewriter-cursor { color: var(--primary-color); font-weight: bold; animation: blink 1s step-end infinite; } |
|
|
@keyframes blink { from, to { opacity: 1 } 50% { opacity: 0 } } |
|
|
#main-subtitle p { font-size: 1.2em !important; color: var(--text-muted-color); margin-top: 0.5rem !important; } |
|
|
|
|
|
/* --- Gaya Tab Profesional --- */ |
|
|
.gradio-tabs > div[role="tablist"] { |
|
|
display: flex; justify-content: center; flex-wrap: wrap; gap: 12px; |
|
|
border-bottom: 1px solid var(--border-color); padding-bottom: 15px; margin-bottom: 2rem; |
|
|
} |
|
|
.gradio-tabs > div[role="tablist"] > button { |
|
|
background: var(--content-background) !important; color: var(--text-muted-color) !important; |
|
|
border: 1px solid var(--glass-border) !important; border-radius: 10px !important; |
|
|
font-size: 1em !important; font-weight: 600 !important; padding: 10px 20px !important; |
|
|
transition: all 0.3s ease; backdrop-filter: blur(10px); |
|
|
} |
|
|
.gradio-tabs > div[role="tablist"] > button:hover { |
|
|
color: #ffffff !important; background: rgba(0, 170, 255, 0.2) !important; |
|
|
border-color: var(--primary-color) !important; transform: translateY(-3px); |
|
|
} |
|
|
.gradio-tabs > div[role="tablist"] > button.selected { |
|
|
color: #ffffff !important; |
|
|
background: linear-gradient(90deg, var(--primary-color), var(--secondary-color)) !important; |
|
|
border: 1px solid var(--primary-color) !important; box-shadow: 0 0 20px var(--glow-color); |
|
|
} |
|
|
.gradio-tabs i { margin-right: 8px; } |
|
|
.tabitem { background-color: transparent !important; border: none !important; padding: 0 !important; } |
|
|
|
|
|
/* --- Panel Kaca (Glassmorphism) --- */ |
|
|
.gradio-row.panel, .gradio-accordion { |
|
|
background-color: var(--content-background) !important; |
|
|
border: 1px solid var(--glass-border) !important; |
|
|
border-radius: var(--border-radius) !important; |
|
|
padding: 28px !important; |
|
|
box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.37); |
|
|
backdrop-filter: blur(12px); |
|
|
-webkit-backdrop-filter: blur(12px); |
|
|
transition: all 0.3s ease; |
|
|
} |
|
|
.gradio-row.panel:hover, .gradio-accordion:hover { |
|
|
border: 1px solid rgba(0, 170, 255, 0.5) !important; |
|
|
box-shadow: 0 0 25px rgba(0, 170, 255, 0.15); |
|
|
} |
|
|
.section-header { |
|
|
font-size: 1.5em; font-weight: 600; color: #ffffff; |
|
|
border-bottom: 1px solid var(--border-color); padding-bottom: 10px; margin-bottom: 20px; |
|
|
} |
|
|
.section-header i { color: var(--primary-color); margin-right: 12px; } |
|
|
|
|
|
/* --- Tombol & Input --- */ |
|
|
.gradio-button.primary { |
|
|
background: linear-gradient(90deg, var(--primary-color), var(--secondary-color)) !important; |
|
|
color: #ffffff !important; font-weight: 600 !important; font-size: 1.1em !important; |
|
|
border-radius: 10px !important; border: none !important; padding: 12px 24px !important; |
|
|
transition: all 0.3s ease; box-shadow: var(--shadow-light); |
|
|
} |
|
|
.gradio-button.primary:hover { transform: translateY(-3px) scale(1.03); box-shadow: var(--shadow-strong); } |
|
|
.gradio-textbox, .gradio-number, .gradio-image, .gradio-radio { |
|
|
background-color: rgba(13, 17, 23, 0.8) !important; border: 1px solid var(--border-color) !important; |
|
|
color: var(--text-color) !important; border-radius: 10px !important; |
|
|
} |
|
|
.gradio-textbox:focus-within, .gradio-number:focus-within { |
|
|
border-color: var(--primary-color) !important; |
|
|
box-shadow: 0 0 0 3px rgba(0, 170, 255, 0.3); |
|
|
} |
|
|
|
|
|
/* --- Galeri & Chatbot --- */ |
|
|
#gallery { background-color: transparent; } |
|
|
#gallery .gallery-item { border-radius: var(--border-radius); border: 2px solid transparent; transition: all 0.3s ease; } |
|
|
#gallery .gallery-item:hover { transform: scale(1.05); box-shadow: 0 0 30px var(--glow-color); border-color: var(--primary-color); } |
|
|
.gradio-chatbot .message.user { background: linear-gradient(90deg, var(--primary-color), #00c6ff) !important; color: white !important; } |
|
|
.gradio-chatbot .message.bot { background-color: var(--content-background) !important; border: 1px solid var(--glass-border) !important; } |
|
|
|
|
|
/* --- Footer --- */ |
|
|
.footer { text-align: center; padding: 2rem 0; color: var(--text-muted-color); border-top: 1px solid var(--border-color); margin-top: 2rem;} |
|
|
.footer b { color: var(--primary-color); font-weight: 600; } |
|
|
</style> |
|
|
</head> |
|
|
""" |
|
|
|
|
|
|
|
|
VISITOR_LOG_FILE = "visitor_log.csv" |
|
|
file_lock = threading.Lock() |
|
|
device = "cuda" if torch.cuda.is_available() else "cpu" |
|
|
print(f"➡️ Menggunakan device: {device.upper()}") |
|
|
|
|
|
|
|
|
def initialize_log_file(): |
|
|
if not os.path.exists(VISITOR_LOG_FILE): |
|
|
with file_lock: |
|
|
if not os.path.exists(VISITOR_LOG_FILE): |
|
|
with open(VISITOR_LOG_FILE, mode='w', newline='', encoding='utf-8') as f: |
|
|
writer = csv.writer(f) |
|
|
writer.writerow(["Timestamp", "IP Address", "User Agent"]) |
|
|
print(f"✅ File log '{VISITOR_LOG_FILE}' berhasil dibuat.") |
|
|
|
|
|
initialize_log_file() |
|
|
|
|
|
|
|
|
|
|
|
print("➡️ Memuat model SDXL-Turbo...") |
|
|
pipe = DiffusionPipeline.from_pretrained( |
|
|
"stabilityai/sdxl-turbo", torch_dtype=torch.float16 if device == "cuda" else torch.float32, |
|
|
variant="fp16" if device == "cuda" else None, use_safetensors=True |
|
|
).to(device) |
|
|
if torch.cuda.is_available(): pipe.enable_xformers_memory_efficient_attention() |
|
|
print("✅ Model SDXL-Turbo berhasil dimuat.") |
|
|
|
|
|
|
|
|
upscaler_model = None |
|
|
upscaler_processor = None |
|
|
if Swin2SRForImageSuperResolution: |
|
|
try: |
|
|
print("➡️ Memuat model AI Upscaler (Swin2SR)...") |
|
|
upscaler_model = Swin2SRForImageSuperResolution.from_pretrained("caidas/swin2sr-realworld-sr-x4-64-bsrgan-psnr").to(device) |
|
|
upscaler_processor = Swin2SRImageProcessor.from_pretrained("caidas/swin2sr-realworld-sr-x4-64-bsrgan-psnr") |
|
|
print("✅ Model AI Upscaler berhasil dimuat.") |
|
|
except Exception as e: |
|
|
print(f"❌ Gagal memuat model Upscaler: {e}. Fitur upscale akan dinonaktifkan.") |
|
|
upscaler_model = None |
|
|
upscaler_processor = None |
|
|
|
|
|
|
|
|
class GeminiChat: |
|
|
def __init__(self): |
|
|
self.api_keys = [] |
|
|
self.is_configured = False |
|
|
if not genai: return |
|
|
i = 1 |
|
|
while True: |
|
|
key = os.getenv(f"GEMINI_API_KEY_{i}") |
|
|
if key: self.api_keys.append(key); i += 1 |
|
|
else: break |
|
|
if self.api_keys: |
|
|
print(f"✅ Berhasil memuat {len(self.api_keys)} API Key Gemini. Sistem rotasi aktif.") |
|
|
self.is_configured = True |
|
|
else: |
|
|
print("❌ PERINGATAN: Tidak ada API Key Gemini yang ditemukan. Fitur AI Chat & Prompt Enhancer tidak akan berfungsi.") |
|
|
|
|
|
def chat(self, message, history, system_prompt=None): |
|
|
if not self.is_configured: return "Maaf, fitur ini tidak terkonfigurasi karena tidak ada API Key yang valid." |
|
|
try: |
|
|
selected_key = random.choice(self.api_keys) |
|
|
genai.configure(api_key=selected_key) |
|
|
model = genai.GenerativeModel('gemini-2.5-flash') |
|
|
full_prompt = message |
|
|
if system_prompt: full_prompt = f"{system_prompt}\n\nUser query: {message}" |
|
|
response = model.generate_content(full_prompt) |
|
|
return response.text |
|
|
except Exception as e: |
|
|
print(f"❌ Terjadi error pada API Key Gemini: {e}") |
|
|
return "Terjadi kesalahan saat menghubungi API AI. Mungkin salah satu API Key tidak valid, kuota habis, atau ada masalah jaringan. Silakan coba lagi." |
|
|
|
|
|
gemini_bot = GeminiChat() |
|
|
|
|
|
|
|
|
def log_visitor(request: gr.Request): |
|
|
if not request: return |
|
|
timestamp = datetime.now().strftime("%Y-%m-%d %H:%M:%S") |
|
|
ip_address = request.client.host |
|
|
user_agent = request.headers.get("user-agent", "Unknown") |
|
|
with file_lock: |
|
|
with open(VISITOR_LOG_FILE, mode='a', newline='', encoding='utf-8') as f: |
|
|
writer = csv.writer(f) |
|
|
writer.writerow([timestamp, ip_address, user_agent]) |
|
|
print(f"✅ Pengunjung baru tercatat: IP {ip_address}") |
|
|
|
|
|
def generate_images(prompt, negative_prompt, steps, seed, num_images): |
|
|
if not prompt: raise gr.Error("Prompt tidak boleh kosong!") |
|
|
if seed == -1: seed = random.randint(0, 2**32 - 1) |
|
|
generator = torch.manual_seed(int(seed)) |
|
|
images = pipe(prompt=prompt, negative_prompt=negative_prompt, generator=generator, num_inference_steps=int(steps), guidance_scale=0.0, num_images_per_prompt=int(num_images)).images |
|
|
return images, seed |
|
|
|
|
|
def genie_wrapper(prompt, negative_prompt, steps, seed, num_images): |
|
|
yield gr.update(visible=False), gr.update(interactive=False), gr.update(visible=False) |
|
|
start_time = time.time() |
|
|
images, used_seed = generate_images(prompt, negative_prompt, steps, seed, num_images) |
|
|
end_time = time.time() |
|
|
generation_time = end_time - start_time |
|
|
info_text = f"Seed yang digunakan: {used_seed}\nTotal waktu generasi: {generation_time:.2f} detik" |
|
|
yield gr.update(value=images, visible=True), gr.update(interactive=True), gr.update(value=info_text, visible=True) |
|
|
|
|
|
def submit_report(name, email, message): |
|
|
if not name or not message: |
|
|
gr.Warning("Nama dan Pesan tidak boleh kosong!") |
|
|
return gr.update(visible=False) |
|
|
report_time = datetime.now().strftime("%Y-%m-%d %H:%M:%S") |
|
|
report_content = f"--- Laporan Baru ({report_time}) ---\nNama: {name}\nEmail: {email}\nPesan: {message}\n\n" |
|
|
with open("reports.log", "a", encoding="utf-8") as f: f.write(report_content) |
|
|
print("✅ Laporan baru telah disimpan ke reports.log") |
|
|
return gr.update(value="✅ Terima kasih! Laporan Anda telah kami terima.", visible=True) |
|
|
|
|
|
def update_visitor_monitor(time_filter: str): |
|
|
try: |
|
|
with file_lock: |
|
|
if not os.path.exists(VISITOR_LOG_FILE) or os.path.getsize(VISITOR_LOG_FILE) < 10: return "## <i class='fa-solid fa-users'></i> Total Pengunjung: 0", pd.DataFrame() |
|
|
df = pd.read_csv(VISITOR_LOG_FILE) |
|
|
if df.empty: return "## <i class='fa-solid fa-users'></i> Total Pengunjung: 0", pd.DataFrame() |
|
|
df['Timestamp'] = pd.to_datetime(df['Timestamp'], errors='coerce'); df.dropna(subset=['Timestamp'], inplace=True) |
|
|
if df.empty: return "## <i class='fa-solid fa-users'></i> Total Pengunjung: 0", pd.DataFrame() |
|
|
total_overall_visitors = len(df) |
|
|
total_visitors_formatted = f"## <i class='fa-solid fa-users'></i> Total Pengunjung: {total_overall_visitors:,}" |
|
|
df['Total Pengunjung'] = np.arange(1, len(df) + 1) |
|
|
now = pd.to_datetime('now', utc=True).tz_localize(None); df['Timestamp'] = df['Timestamp'].dt.tz_localize(None) |
|
|
if time_filter == "1 Minggu Terakhir": df_plot = df[df['Timestamp'] >= now - timedelta(weeks=1)] |
|
|
elif time_filter == "2 Minggu Terakhir": df_plot = df[df['Timestamp'] >= now - timedelta(weeks=2)] |
|
|
elif time_filter == "3 Bulan Terakhir": df_plot = df[df['Timestamp'] >= now - timedelta(days=90)] |
|
|
else: df_plot = df |
|
|
if df_plot.empty: return total_visitors_formatted, pd.DataFrame({"Timestamp": [], "Total Pengunjung": []}) |
|
|
return total_visitors_formatted, df_plot |
|
|
except Exception as e: |
|
|
error_message = f"Error saat memperbarui monitor: {e}"; print(f"❌ {error_message}") |
|
|
return f"## ⚠️ Error", pd.DataFrame() |
|
|
|
|
|
def enhance_prompt(simple_prompt): |
|
|
if not simple_prompt: gr.Warning("Tolong masukkan ide Anda terlebih dahulu."); return "" |
|
|
if not gemini_bot.is_configured: gr.Error("Fitur Prompt Enhancer tidak aktif karena API Key belum diatur."); return "Fitur tidak aktif." |
|
|
system_instruction = ("Anda adalah ahli prompt engineering untuk AI text-to-image. Ubah ide sederhana dari pengguna menjadi prompt yang kaya, deskriptif, dan artistik. " |
|
|
"Fokus pada detail visual: subjek, setting, pencahayaan, gaya seni, komposisi, dan kualitas (hyperdetailed, 4K, masterpiece). " |
|
|
"Hasilkan HANYA prompt-nya saja tanpa penjelasan.") |
|
|
yield gr.update(value="🧠 AI sedang meracik prompt ajaib...", interactive=False) |
|
|
enhanced_prompt = gemini_bot.chat(simple_prompt, [], system_prompt=system_instruction) |
|
|
yield gr.update(value=enhanced_prompt, interactive=True) |
|
|
|
|
|
def upscale_image(image_to_upscale, clarity_strength): |
|
|
if image_to_upscale is None: raise gr.Error("Silakan unggah gambar terlebih dahulu.") |
|
|
if upscaler_model is None or upscaler_processor is None: raise gr.Error("Fitur Upscaler tidak aktif karena model gagal dimuat.") |
|
|
yield None, "🚀 Memproses peningkatan resolusi 4x oleh AI..." |
|
|
try: |
|
|
with torch.no_grad(): |
|
|
inputs = upscaler_processor(image_to_upscale, return_tensors="pt").to(device) |
|
|
outputs = upscaler_model(**inputs) |
|
|
output_image = outputs.reconstruction.data.squeeze().float().cpu().clamp_(0, 1).numpy() |
|
|
output_image = (np.moveaxis(output_image, 0, -1) * 255.0).round().astype(np.uint8) |
|
|
final_image = Image.fromarray(output_image) |
|
|
if clarity_strength > 1.0: |
|
|
yield final_image, f"✨ Menerapkan peningkatan kejernihan (Strength: {clarity_strength:.2f})..." |
|
|
enhancer = ImageEnhance.Sharpness(final_image); final_image = enhancer.enhance(clarity_strength) |
|
|
yield final_image, f"✅ Gambar berhasil ditingkatkan! Resolusi akhir: {final_image.width}x{final_image.height}px." |
|
|
except Exception as e: print(f"❌ Error saat upscaling: {e}"); yield None, f"⚠️ Terjadi error: {e}" |
|
|
|
|
|
def update_system_info(): |
|
|
if not psutil or not platform: return "Informasi sistem tidak tersedia (library `psutil` tidak ditemukan)." |
|
|
cpu_percent = psutil.cpu_percent(interval=None) |
|
|
ram = psutil.virtual_memory() |
|
|
gpu_info = "`Tidak terdeteksi (PyTorch tidak menemukan CUDA)`" |
|
|
if torch.cuda.is_available(): |
|
|
gpu_name = torch.cuda.get_device_name(0); gpu_mem_used_gb = torch.cuda.memory_allocated(0)/(1024**3); gpu_mem_total_gb = torch.cuda.get_device_properties(0).total_memory/(1024**3) |
|
|
gpu_info = f"**GPU:** `{gpu_name}`\n\n<i class='fa-solid fa-memory'></i> **VRAM:** `{gpu_mem_used_gb:.2f} GB / {gpu_mem_total_gb:.2f} GB`" |
|
|
return (f"<i class='fa-solid fa-server'></i> **CPU:** `{cpu_percent:.1f}%`\n\n" |
|
|
f"<i class='fa-solid fa-sd-card'></i> **RAM:** `{ram.percent:.1f}% ({ram.used/(1024**3):.2f} GB / {ram.total/(1024**3):.2f} GB)`\n\n" |
|
|
f"<i class='fa-solid fa-microchip'></i> {gpu_info}") |
|
|
|
|
|
|
|
|
with gr.Blocks(theme=gr.themes.Base(primary_hue="sky"), head=HEAD_HTML) as demo: |
|
|
with gr.Row(elem_id="header-container"): |
|
|
gr.Markdown("<i id='main-logo' class='fa-solid fa-meteor'></i>", elem_id="main-logo-container") |
|
|
gr.Markdown("# RenXploit's Creative AI Suite", elem_id="main-title") |
|
|
gr.Markdown("Platform All-in-One untuk Imajinasi Tanpa Batas, Didukung oleh Kecerdasan Buatan.", elem_id="main-subtitle") |
|
|
|
|
|
with gr.Tabs() as tabs: |
|
|
with gr.TabItem("<i class='fa-solid fa-wand-magic-sparkles'></i> Image Generator", id=0): |
|
|
with gr.Row(variant='panel', equal_height=False): |
|
|
with gr.Column(scale=1): |
|
|
gr.Markdown("<h3 class='section-header'><i class='fa-solid fa-pen-ruler'></i>Kontrol Kreasi</h3>") |
|
|
prompt_input = gr.Textbox(label="Prompt Utama", placeholder="Contoh: Seekor kucing astronot, potret sinematik...", lines=3, info="Jelaskan visimu sedetail mungkin!") |
|
|
negative_prompt_input = gr.Textbox(label="Prompt Negatif", placeholder="Contoh: kualitas buruk, teks, buram...", lines=2, info="Hal yang ingin dihindari.") |
|
|
num_images_slider = gr.Slider(minimum=1, maximum=8, value=2, step=1, label="Jumlah Gambar") |
|
|
generate_btn = gr.Button("✨ Hasilkan Karya!", variant="primary") |
|
|
with gr.Accordion("<i class='fa-solid fa-sliders'></i> Opsi Lanjutan", open=False): |
|
|
steps_slider = gr.Slider(minimum=1, maximum=5, value=2, step=1, label="Langkah Generasi (Cepat vs Detail)") |
|
|
with gr.Row(): |
|
|
seed_input = gr.Number(label="Seed", value=-1, precision=0, info="Gunakan -1 untuk acak.") |
|
|
random_seed_btn = gr.Button("🎲 Acak") |
|
|
with gr.Column(scale=2): |
|
|
gr.Markdown("<h3 class='section-header'><i class='fa-solid fa-image'></i>Galeri Hasil</h3>") |
|
|
output_gallery = gr.Gallery(label="Hasil Gambar", show_label=False, elem_id="gallery", columns=2, object_fit="contain", height="auto") |
|
|
info_box = gr.Textbox(label="Informasi Generasi", visible=False, interactive=False, lines=2) |
|
|
|
|
|
with gr.TabItem("<i class='fa-solid fa-comments'></i> Chat with AI", id=1): |
|
|
with gr.Row(variant='panel'): |
|
|
gr.Markdown("<h3 class='section-header'><i class='fa-solid fa-robot'></i>Asisten AI Flood</h3>") |
|
|
if not gemini_bot.is_configured: gr.Warning("Fitur Chatbot dinonaktifkan. API Key Gemini tidak terkonfigurasi.") |
|
|
else: gr.ChatInterface(gemini_bot.chat, chatbot=gr.Chatbot(height=500, label="Flood AI", value=[(None, "Halo! Saya Flood, asisten AI dari RenXploit. Ada yang bisa saya bantu?")]), title=None, description="Tanyakan apa saja, dari coding hingga puisi!") |
|
|
|
|
|
with gr.TabItem("<i class='fa-solid fa-lightbulb'></i> Prompt Enhancer", id=2): |
|
|
with gr.Row(variant='panel'): |
|
|
gr.Markdown("<h3 class='section-header'><i class='fa-solid fa-brain'></i>Ubah Ide Jadi Prompt Ajaib</h3>") |
|
|
gr.Markdown("Cukup tulis ide sederhana, dan biarkan AI menyempurnakannya menjadi prompt yang detail dan artistik untuk hasil gambar terbaik.") |
|
|
simple_prompt_input = gr.Textbox(label="Ide Sederhana Anda", placeholder="Contoh: naga di atas gunung berapi", lines=3) |
|
|
enhance_btn = gr.Button("Buat Prompt Ajaib!", variant="primary") |
|
|
enhanced_prompt_output = gr.Textbox(label="Prompt yang Disempurnakan", lines=5, interactive=True, show_copy_button=True) |
|
|
send_to_gen_btn = gr.Button("➡️ Kirim & Pindah ke Generator") |
|
|
|
|
|
with gr.TabItem("<i class='fa-solid fa-expand'></i> AI Image Upscaler", id=3): |
|
|
with gr.Row(variant='panel', equal_height=False): |
|
|
with gr.Column(): |
|
|
gr.Markdown("<h3 class='section-header'><i class='fa-solid fa-upload'></i>Unggah & Tingkatkan</h3>") |
|
|
gr.Markdown("Tingkatkan resolusi dan detail gambar hingga 4x lipat menggunakan AI canggih.") |
|
|
image_to_upscale_input = gr.Image(type="pil", label="Unggah Gambar Anda") |
|
|
clarity_slider = gr.Slider(minimum=1.0, maximum=3.0, value=1.0, step=0.1, label="Tingkat Peningkatan Kejernihan", info="Setelah di-upscale 4x, atur kejernihan. 1.0 = Tanpa efek.") |
|
|
upscale_btn = gr.Button("Tingkatkan Resolusi!", variant="primary") |
|
|
with gr.Column(): |
|
|
gr.Markdown("<h3 class='section-header'><i class='fa-solid fa-circle-check'></i>Hasil Peningkatan</h3>") |
|
|
upscaled_image_output = gr.Image(label="Gambar Hasil Upscale", interactive=False) |
|
|
upscale_status_text = gr.Markdown("Status: Menunggu gambar...") |
|
|
|
|
|
with gr.TabItem("<i class='fa-solid fa-chart-line'></i> Visitor Monitor", id=4): |
|
|
with gr.Row(variant='panel'): |
|
|
gr.Markdown("<h3 class='section-header'><i class='fa-solid fa-satellite-dish'></i>Live Visitor Monitor</h3>") |
|
|
with gr.Row(): |
|
|
with gr.Column(scale=3): visitor_count_display = gr.Markdown("## 📈 Memuat data...") |
|
|
with gr.Column(scale=2): |
|
|
time_filter_radio = gr.Radio(["Semua Waktu", "1 Minggu Terakhir", "2 Minggu Terakhir", "3 Bulan Terakhir"], label="Filter Waktu", value="Semua Waktu") |
|
|
refresh_btn = gr.Button("🔄 Segarkan") |
|
|
visitor_plot = gr.LinePlot(x="Timestamp", y="Total Pengunjung", title="Grafik Pertumbuhan Pengunjung", tooltip=['Timestamp', 'Total Pengunjung'], height=450) |
|
|
|
|
|
with gr.TabItem("<i class='fa-solid fa-cogs'></i> System & Settings", id=5): |
|
|
with gr.Row(variant='panel'): |
|
|
with gr.Column(scale=2): |
|
|
with gr.Accordion("<i class='fa-solid fa-gauge-high'></i> Live System Monitor", open=True): |
|
|
system_info_md = gr.Markdown("Memuat info sistem...") |
|
|
system_info_trigger_btn = gr.Button("Trigger System Info", visible=False, elem_id="system-info-trigger-btn") |
|
|
with gr.Column(scale=3): |
|
|
with gr.Accordion("<i class='fa-solid fa-sliders'></i> Pengaturan Aplikasi", open=True): |
|
|
gr.Radio(["FP16 (Cepat, Kualitas Baik)", "FP32 (Lambat, Kualitas Terbaik)"], |
|
|
value="FP16 (Cepat, Kualitas Baik)" if device == "cuda" else "FP32 (Lambat, Kualitas Terbaik)", |
|
|
label="Presisi Model Generator", interactive=False, |
|
|
info="Terkunci. Ditentukan saat startup berdasarkan ketersediaan GPU Anda.") |
|
|
|
|
|
with gr.TabItem("<i class='fa-solid fa-book-open'></i> Panduan", id=6): |
|
|
with gr.Row(variant='panel'): gr.Markdown("""<h3 class='section-header'><i class='fa-solid fa-lightbulb'></i>Cara Menjadi "Art Director" yang Hebat untuk AI</h3><p>Konten panduan akan ditambahkan di sini...</p>""") |
|
|
|
|
|
with gr.TabItem("<i class='fa-solid fa-newspaper'></i> Blog & Updates", id=7): |
|
|
with gr.Row(variant='panel'): gr.Markdown("""<h3 class='section-header'><i class='fa-solid fa-rocket'></i>Perkembangan Terbaru</h3>- **v3.0 (Pembaruan Desain):** Perombakan total UI/UX dengan tema Glassmorphism, ikon, dan animasi profesional.\n- **v2.4:** Upscaler di-upgrade dengan kontrol kejernihan, Visitor Monitor diperbaiki.\n- **v2.1:** Menambahkan **Prompt Enhancer**, **AI Image Upscaler**, dan **Live System Monitor**.""") |
|
|
|
|
|
with gr.TabItem("<i class='fa-solid fa-info-circle'></i> About & Support", id=8): |
|
|
with gr.Row(variant='panel'): |
|
|
gr.Markdown("<h3 class='section-header'><i class='fa-solid fa-question-circle'></i>Tentang & Bantuan</h3>") |
|
|
with gr.Accordion("Tentang RenXploit's Creative AI Suite", open=True): |
|
|
gr.Markdown("**RenXploit's Creative AI Suite** adalah proyek pribadi yang dibuat untuk mengeksplorasi kemampuan AI generatif dalam sebuah antarmuka yang mudah digunakan.\n **Bagian ini belum saya kerjakan dengan selesai** jadi jika anda ingin komplain atau ada hal apapun itu bisa report ke saya lewat website portofolio saya dengan url: https://ngoprek.xyz/contact") |
|
|
with gr.Accordion("Laporkan Masalah atau Beri Masukan"): |
|
|
report_name = gr.Textbox(label="Nama Anda") |
|
|
report_email = gr.Textbox(label="Email Anda (Opsional)") |
|
|
report_message = gr.Textbox(label="Pesan Anda", lines=5, placeholder="Jelaskan masalah atau ide Anda...") |
|
|
report_btn = gr.Button("Kirim Laporan", variant="primary") |
|
|
report_status = gr.Markdown(visible=False) |
|
|
|
|
|
gr.Markdown("<div class='footer'><p>Dibuat dengan <i class='fa-solid fa-heart' style='color: #ff4d4d;'></i> oleh <b>RenXploit</b>.</p></div>") |
|
|
|
|
|
|
|
|
random_seed_btn.click(lambda: -1, outputs=seed_input) |
|
|
generate_btn.click(fn=genie_wrapper, inputs=[prompt_input, negative_prompt_input, steps_slider, seed_input, num_images_slider], outputs=[output_gallery, generate_btn, info_box]) |
|
|
report_btn.click(fn=submit_report, inputs=[report_name, report_email, report_message], outputs=[report_status]) |
|
|
|
|
|
|
|
|
demo.load(log_visitor, inputs=None, outputs=None) |
|
|
demo.load(fn=update_visitor_monitor, inputs=[time_filter_radio], outputs=[visitor_count_display, visitor_plot]) |
|
|
refresh_btn.click(fn=update_visitor_monitor, inputs=[time_filter_radio], outputs=[visitor_count_display, visitor_plot]) |
|
|
time_filter_radio.change(fn=update_visitor_monitor, inputs=[time_filter_radio], outputs=[visitor_count_display, visitor_plot]) |
|
|
|
|
|
|
|
|
enhance_btn.click(fn=enhance_prompt, inputs=[simple_prompt_input], outputs=[enhanced_prompt_output]) |
|
|
send_to_gen_btn.click(fn=lambda prompt: (prompt, gr.Tabs(selected=0)), inputs=[enhanced_prompt_output], outputs=[prompt_input, tabs]) |
|
|
upscale_btn.click(fn=upscale_image, inputs=[image_to_upscale_input, clarity_slider], outputs=[upscaled_image_output, upscale_status_text]) |
|
|
|
|
|
|
|
|
system_info_trigger_btn.click(fn=update_system_info, inputs=None, outputs=system_info_md) |
|
|
demo.load(fn=update_system_info, inputs=None, outputs=system_info_md) |
|
|
|
|
|
|
|
|
if __name__ == "__main__": |
|
|
demo.launch(debug=True) |