🎬 DramaClaw Production Center
{{ projects.length }} project total
·
{{ activeCount }} sedang berjalan
Tidak ada proses aktif
·
{{ workerInfo.worker_count || 0 }} worker
Total Projects
{{ projects.length }}
Lihat semua →
Selesai ✅
{{ projects.filter(p => p.status==='completed').length }}
{{ successRate }}% sukses
Belum ada data
Berjalan ⏳
{{ activeCount }}
Sedang diproses
Idle
Gagal ❌
{{ projects.filter(p => p.status==='failed').length }}
Pipeline error
Avg Quality ★
{{ fmtScore(platformStats.improvement.avg_latest_iteration_score) }}
{{ platformStats.improvement.evaluated_scenes }} scenes
Improvement 📈
+{{ fmtScore(platformStats.improvement.improvement_rate_pct) }}%
iterasi 1 → terkini
Pipeline Aktif
{{ activeCount }} berjalan
{{ (p.status||'').replace(/_/g,' ') }}
{{ genreLabel(p.genre) }}
{{ p.progress }}/{{ p.total }}
Project Terbaru
| Status | Genre | Cerita | Progress | Dibuat | |
|---|---|---|---|---|---|
| {{ (p.status||'').replace(/_/g,' ') }} | {{ genreLabel(p.genre) }} |
{{ p.project_id }}
|
{{ p.progress }}/{{ p.total }}
—
|
{{ timeAgo(p.created_at) }} |
🎭
Belum ada project.
Klik + Project Baru untuk mulai produksi drama pertama.
Performa per Genre
Klik untuk filter project
{{ genreLabel(g.genre) }}
{{ g.total_prompts }} prompts
★ {{ parseFloat(g.avg_score).toFixed(1) }}
{{ Math.round(g.passed_count / g.total_prompts * 100) }}% pass
›
{{ selectedId }}
{{ trunc(selectedProject && selectedProject.story_idea, 90) }}
⏳ Image approval diperlukan — Review karakter dan storyboard di bawah, lalu Approve untuk lanjut ke video.
Karakter belum dibuat. Tunggu fase story generation selesai.
{{ c.name }}
{{ c.role }}
Visual Lock — prefix wajib setiap image prompt
{{ c.visual_lock }}
{{ c.appearance }}
{{ kw }}
Storyboard belum dibuat. Tunggu fase story generation selesai.
| # | Thumbnail | Setting / Karakter | Aksi & Mood | Image Prompt | Draft Prompt ⚡ |
|---|---|---|---|---|---|
| {{ sc.sequence }} |
🎬
|
{{ sc.setting }}
{{ ch }}
|
{{ sc.action_description }}
{{ sc.mood }}
|
{{ sc.image_prompt }} |
{{ sc.video_prompt }} |
Memuat storyboard & karakter...
❌ Pipeline Gagal
{{ projectStatus.error }}
Detail error tidak tersedia — cek server logs.
💡 Quality gate — Pipeline mencoba hingga 5x per scene dengan prompt improvement otomatis setiap iterasi.
Jika semua percobaan di bawah threshold, scene gagal dan pipeline berhenti.
Coba turunkan Min Quality Score ke 6.5–7.0 lalu buat project baru.
Gunakan clip yang sudah ada — tidak generate ulang
⚠️ Pipeline Selesai — Video Tidak Ditemukan
Pipeline ditandai berhasil tapi file video tidak ada di server. Ini terjadi ketika assembly gagal secara diam-diam. Semua clip scene sudah di-generate dan tersimpan di checkpoint — klik tombol di bawah untuk assembly ulang tanpa mengulang generate.
Clip sudah ada — hanya assembly yang diulang
Fase: {{ phaseLabel(projectStatus.phase) }}
· {{ projectStatus.progress }}/{{ projectStatus.total }} scene
Scene Progress — Live ({{ sceneProgressList.length }} scene)
{{ sc.scene_id }}
{{ sc.status==='image_generating' ? '⏳' : sc.status==='video_generating' ? '🎬' : '🖼' }}
Image
{{ sc.image_score > 0 ? sc.image_score.toFixed(1) : '—' }}
Video
{{ sc.video_score > 0 ? sc.video_score.toFixed(1) : '—' }}
{{ sceneStatusLabel(sc.status) }}{{ sc.feedback ? ' · ' + sc.feedback.slice(0,60) : '' }}
Quality Scores — avg per scene (iterasi terkini)
{{ d.label }}
{{ ((radarData.avgs||[])[di]||0).toFixed(1) }}
Memuat quality scores...
Scene Scores ({{ sceneScores.length }} scenes)
| Scene | Overall | Image | Story | Char | Cinema | Video | Status |
|---|---|---|---|---|---|---|---|
{{ sc.scene_id }} |
{{ sc.overall.toFixed(1) }} | {{ sc.image_quality.toFixed(1) }} | {{ sc.story_consistency.toFixed(1) }} | {{ sc.character_consistency.toFixed(1) }} | {{ sc.cinematic_quality.toFixed(1) }} | {{ sc.video_smoothness.toFixed(1) }} | {{ sc.passed ? '✓ Pass' : '✗ Fail' }} |
🔁 Assembly Ulang
Jalankan ulang fase assembly dengan clip yang sudah ada di checkpoint — TTS dan video tidak perlu di-generate ulang. Gunakan ini untuk menguji perbaikan audio/transisi tanpa mengeluarkan biaya generate.
Video lama akan ditimpa jika assembly berhasil
📥 Download Video
⚠️ {{ downloadError }}
Klik Download MP4 untuk langsung mengunduh. Export ke Cloud menghasilkan signed URL yang berlaku 1 jam.
⏳ Mengeksport video ke server...
Link berlaku 1 jam sejak dibuat. Klik "Perbarui Link" untuk link baru.
⚠️ {{ exportError }}
🗂 Semua Project
{{ filteredProjects.length }} / {{ projects.length }}
{{ filteredProjects.length }} project
| Status | Genre | Story Idea | Dibuat | Update |
|---|---|---|---|---|
| {{ (p.status||'').replace(/_/g,' ') }} | {{ genreLabel(p.genre) }} |
{{ trunc(p.story_idea, 80) }}
{{ p.project_id }}
|
{{ timeAgo(p.created_at) }} | {{ timeAgo(p.updated_at) }} |
🔍
Tidak ada project yang cocok dengan pencarian "{{ projSearch }}"
📽 Video Gallery
{{ filteredVideoProjects.length }} / {{ projects.length }}
⏳ Memuat thumbnail...
{{ projects.length }}
Total Project
{{ projects.filter(p=>p.status==='completed').length }}
Selesai
{{ activeCount }}
Berjalan
{{ projects.filter(p=>p.status==='failed').length }}
Gagal
★ {{ fmtScore(platformStats.improvement.avg_latest_iteration_score) }}
Avg Quality
{{ detailsLoading && !projectDetails[p.project_id] ? '⏳' : '🎬' }}
{{ p.story_idea || '—' }}
🎞 {{ p.total || '?' }} scenes
★
{{ projectDetails[p.project_id].avgScore.toFixed(1) }}
⏱ {{ p.progress }}/{{ p.total }}
✓
{{ projectDetails[p.project_id].passedCount }} lolos
{{ vidSearch || catFilter !== 'all' ? '🔍' : '🎭' }}
Tidak ada project yang cocok dengan filter "{{ vidSearch || catFilter }}".
Belum ada project.
Klik + Project Baru untuk mulai produksi.
Menyusun storyboard dari AI...
Episode & scene plan sedang di-generate via LLM
{{ pvElapsed }}s berlalu
📋 Preview Storyboard
{{ previewData.scene_count }} scene · {{ previewData.genre }}
🎭 Desain Karakter (IP)
{{ pvCharNames.length }}
✓ Profil ter-generate
{{ n }}
Nama karakter akan terdeteksi otomatis dari scene.
{{ (ac.name||'?').charAt(0).toUpperCase() }}
Visual Lock (prefix wajib tiap image prompt)
Appearance{{ ac.appearance }}
Personality
{{ t }}
Arc{{ ac.arc }}
{{ ac.role }}
{{ ac.name }}
🎬 Scene
{{ (previewData.scenes||[]).length }}
{{ s.sequence }}
{{ pvActLabel(s.sequence, (previewData.scenes||[]).length) }}
{{ (s.setting||'').slice(0,60) }}
{{ s.mood }}
Edited
{{ pvOpenScenes.has(idx) ? '▲' : '▼' }}
{{ submitError }}
🎬 Project Baru
Dikosongkan = mulai arc baru. Diisi = cerita melanjutkan dari sini.
Tone cerita (klik untuk sisipkan):
💧 Haru & Dramatis
💕 Romantis
⚡ Tegang & Intens
😄 Komedi
🌑 Misteri & Gelap
🔥 Aksi & Epik
image_prompt & video_prompt selalu English
Sistem menentukan jumlah scene optimal dari story idea (maks {{ nc.scenes_per_episode }})
Story akan disesuaikan dengan jumlah scene ini
Resolusi output: portrait=1080×1920, landscape=1920×1080
Per scene = variasi musik lebih kaya, kredit lebih banyak
Model Selection
{{ selImage.description }} ~{{ selImage.credits_min }}–{{ selImage.credits_max }} kr
{{ selVideo.description }} ~{{ selVideo.credits_min }}–{{ selVideo.credits_max }} kr
{{ selTTS.description }}
Opsi
🎬 Industrial Features
Memuat daftar model...
AI akan generate storyboard untuk Anda review sebelum generation dimulai
{{ submitError }}
🔑 API Key Management
Gunakan API key untuk akses programmatic (CI/CD, n8n, script otomasi). Key hanya tampil sekali saat dibuat — simpan di tempat aman.
Buat API Key Baru
✅ Key {{ newKeyResult.name }} berhasil dibuat. Salin sekarang — tidak akan tampil lagi:
{{ newKeyResult.key }}
{{ keyError }}
API Keys Aktif ({{ apiKeys.length }})
| Nama | Prefix | Dibuat | Last Used | Calls | |
|---|---|---|---|---|---|
| {{ k.name }} | {{ k.key_prefix }}… |
{{ timeAgo(k.created_at) }} | {{ k.last_used_at ? timeAgo(k.last_used_at) : '—' }} | {{ k.usage_count }} |
🔑
Belum ada API key.
Buat satu di atas untuk akses programmatic ke platform.
Cara Pakai (cURL)
curl http://localhost:9000/api/pipeline/generate \
-H "X-Api-Key: dce_xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx" \
-H "Content-Type: application/json" \
-d '{"genre": "romance", "story_idea": "...", "episode_count": 1}'
🔔 Webhook Notifikasi
Platform akan HTTP POST payload JSON ke URL yang didaftarkan saat event pipeline terjadi. Kompatibel dengan Discord, Slack, n8n, Zapier, dan HTTP endpoint custom.
Tambah Webhook
{{ whkError }}
Webhooks Terdaftar ({{ webhooks.length }})
| Nama | URL | Events | ✓ OK | ✗ Err | Last | |
|---|---|---|---|---|---|---|
| {{ wh.name }} | {{ ev }} | {{ wh.success_count }} | {{ wh.failure_count }} | {{ wh.last_triggered_at ? timeAgo(wh.last_triggered_at) : '—' }} |
Belum ada log pengiriman.
{{ d.event }}
{{ d.status }}
{{ d.response_code || '—' }}
{{ timeAgo(d.created_at) }}
|
🔔
Belum ada webhook terdaftar.
Tambahkan di atas untuk mendapat notifikasi otomatis saat pipeline selesai.
Contoh Payload JSON
{
"event": "pipeline.completed",
"project_id": "abc123",
"timestamp": "2026-07-28T10:00:00Z",
"data": { "status": "completed" }
}
Verifikasi HMAC (Python)
import hmac, hashlib
sig = request.headers.get("X-DramaClaw-Signature", "")
expected = "sha256=" + hmac.new(SECRET.encode(), request.body, hashlib.sha256).hexdigest()
assert hmac.compare_digest(sig, expected) # ✓ Aman dari replay attack
⚙️ Pengaturan Platform
Pengaturan ini menjadi default saat membuat project baru. Tersimpan di browser (localStorage).
Quality Gate
Min Image Quality Score
Batas minimum skor gambar agar lolos ke tahap video (1–10)
/ 10
Min Video Quality Score
Batas minimum skor video (lebih rendah dari image, karena video lebih sulit)
/ 10
Max Retries per Scene
Berapa kali pipeline mencoba ulang sebelum menyerah
x
Video Strict Gate
OFF (default) = terima video terbaik walau di bawah threshold; ON = tolak scene jika gagal gate
Otomasi
Human Approval Sebelum Video
ON = pipeline berhenti setelah gambar dan menunggu approval manual; OFF = langsung generate video
Aktifkan TTS Voiceover
Generate audio narasi Bahasa Indonesia untuk setiap scene
Riset Konten dari Internet
Cari tren cerita sebelum generate storyboard (butuh lebih lama)
Model Default (image/video: ketik ID kie.ai atau pilih dari daftar)
Image Model
Model kie.ai untuk generate gambar. Ketik atau pilih dari saran.
{{ imgModelMeta(sett.image_model) }}
Video Model
Model kie.ai untuk generate video dari gambar. Ketik atau pilih dari saran.
{{ vidModelMeta(sett.video_model) }}
TTS Model
Model untuk text-to-speech voiceover
Story LLM Model
Model AI untuk menulis cerita & storyboard. Kosong = pakai model default platform. Pilih model lebih cerdas untuk narasi lebih baik.
Memuat daftar model dari API...
{{ llmModels.length }} model tersedia
API tidak terkonfigurasi — tampil fallback
Default Project
Jumlah Episode
Scene per Episode
Format Video Default
Resolusi output semua scene clip
BGM Mode Default
Global = 1 track per episode; Per Scene = 1 track per scene
Bahasa Narasi Default
Bahasa untuk dialog, setting, dan narasi di semua video. image_prompt dan video_prompt selalu dalam bahasa Inggris (kebutuhan model AI).
🎬 Industrial Features
Scene Seeding (Last-Frame Continuity)
Video setiap scene dimulai dari frame terakhir scene sebelumnya — seamless visual continuity
Smart Model Routing
CU/MCU/ECU → model premium; EWS/WS → model budget (hemat kredit tanpa sacrificing quality)
Lip Sync (Hedra)
Dialogue closeup → talking-head video via InfiniteTalk (kie.ai). Hanya butuh KIE_API_KEY.
Face Consistency (Fal.ai PuLID)
Protagonist CU/MS pakai face-lock via nano-banana-pro (kie.ai). Hanya butuh KIE_API_KEY.
Visual Style Anchor
String art direction global — diinjeksi ke SEMUA prompt gambar & video untuk konsistensi visual lintas scene.
Color Grade Preset
Post-processing warna via ffmpeg — diaplikasikan ke episode final setelah assembly.
✓ Tersimpan
🎭 Character Library
{{ ipLibrary.length }} karakter
Karakter tersimpan setelah tiap episode selesai. Klik Gunakan untuk me-load karakter ke project baru — portrait, visual_lock, dan voice_config diwarisi otomatis sehingga wajah konsisten lintas episode.
Memuat character library...
🎭
{{ ipLibrary.length ? 'Tidak ada karakter cocok.' : 'Belum ada karakter tersimpan.\nGenerate episode pertama dulu — karakter otomatis masuk ke library.' }}
🎭
{{ c.name }}
{{ c.role }}
{{ c.genre || '—' }}
{{ c.episode_count }} episode
Arc terakhir
{{ c.arc_summary.length > 120 ? c.arc_summary.slice(0,120) + '…' : c.arc_summary }}
Visual Lock
{{ c.visual_lock.length > 100 ? c.visual_lock.slice(0,100) + '…' : c.visual_lock }}
{{ libSelectedChars.length }} karakter dipilih — siap untuk episode baru
Isi ringkasan ending episode sebelumnya agar cerita menyambung. Kosongkan untuk mulai arc baru dengan karakter yang sama.
🎭
Pilih project di sidebar untuk melihat detail,
atau klik + Project Baru untuk mulai produksi.