main

src/app/[locale]/(dashboard)/dashboard/x-to-video/page.tsx

@@ -54,6 +54,7 @@ export default function XToVideoPage() {
 
   const [tweetUrl, setTweetUrl] = useState("");
   const [style, setStyle] = useState("CINEMATIC");
+  const [cinematicReference, setCinematicReference] = useState("");
   const [duration, setDuration] = useState(60);
   const [aspectRatio, setAspectRatio] = useState("PORTRAIT_9_16");
   const [language, setLanguage] = useState("tr");
@@ -85,6 +86,7 @@ export default function XToVideoPage() {
         language,
         aspectRatio,
         videoStyle: style,
+        cinematicReference: cinematicReference ? cinematicReference : undefined,
         targetDuration: duration,
       });
       toast.success("Tweet → Video projesi oluşturuldu!");
@@ -315,6 +317,20 @@ export default function XToVideoPage() {
                   </button>
                 ))}
               </div>
+              {style === "CINEMATIC" && (
+                <div className="pt-3 mt-3 border-t border-[var(--color-border-faint)]">
+                  <label className="text-xs font-medium text-[var(--color-text-secondary)] mb-2 block">
+                    Özel Sinematik Referans (Opsiyonel)
+                  </label>
+                  <input
+                    type="text"
+                    placeholder="Örn: Wes Anderson, Matrix, Neon Cyberpunk..."
+                    value={cinematicReference}
+                    onChange={(e) => setCinematicReference(e.target.value)}
+                    className="w-full bg-[var(--color-bg-elevated)] border border-[var(--color-border-faint)] rounded-xl py-2 px-3 text-sm focus:border-violet-500/50 outline-none transition-colors"
+                  />
+                </div>
+              )}
             </div>
 
             {/* Duration + Aspect Ratio */}