Upload streamlit_app.py

streamlit_app.py

@@ -1,39 +1,87 @@
-# streamlit_app.py — Fit Studio AI (Fashion & Apparel) v0.8 UI
-# Hedef: Gerçek Input + Look + Video KARTLARI aynı satırda, aynı 9:16 kadrajda, HTML kullanmadan.
-# Demo: klasörde input.jpg, tryon.jpg, fitstudio_video.mp4 varsa çalıştırmadan önce gösterilir.
+# streamlit_app.py — Fit Studio AI (Fashion & Apparel) v0.5 UI
+# Still Image (VTO) → (optional) Runway Video
+# Demo preview: same folder "input.jpg", "tryon.jpg", "fitstudio_video.mp4"
+# NOT: Tüm kutular 9:16 kadrajla aynı boyutta, video loop + autoplay + muted.
 
 import os, io, zipfile, base64, requests, streamlit as st
 from pathlib import Path
 from PIL import Image
 
-# ================= Env & API =================
-def _env(k): 
+# ================= Env & API (robust) =================
+def _env(k):
     return (os.getenv(k) or "").strip().strip("'\"")
 
 API_BASE = (
     _env("FITSTUDIO_API")
     or _env("AI_LIGHTBOX_API")
     or _env("LUXFIT_API")
-).rstrip("/") if (_env("FITSTUDIO_API") or _env("AI_LIGHTBOX_API") or _env("LUXFIT_API")) else ""
+).rstrip("/") if (
+    _env("FITSTUDIO_API") or _env("AI_LIGHTBOX_API") or _env("LUXFIT_API")
+) else ""
 
 HF_TOKEN = (_env("FITSTUDIO_TOKEN") or _env("AI_LIGHTBOX_TOKEN") or _env("LUXFIT_TOKEN"))
-HEADERS = {"Authorization": f"Bearer {HF_TOKEN}"} if HF_TOKEN else {}
 
 if not API_BASE:
-    st.error("API_BASE yok. Variables: FITSTUDIO_API (veya AI_LIGHTBOX_API/LUXFIT_API) ekleyin.")
+    st.error("API_BASE bulunamadı. Settings > Variables: FITSTUDIO_API (veya AI_LIGHTBOX_API / LUXFIT_API) tanımlayın.")
     st.stop()
 
-# Tüm görsel/video kartları 9:16
-ASPECT_W, ASPECT_H = 9, 16
-PREVIEW_H = int(os.getenv("PREVIEW_H", "640"))         # 640 px yükseklik
-PREVIEW_W = int(round(PREVIEW_H * ASPECT_W / ASPECT_H)) # 360 px genişlik
-BG = (255, 255, 255)
+HEADERS = {"Authorization": f"Bearer {HF_TOKEN}"} if HF_TOKEN else {}
+
+# --- 9:16 kadraj önizleme boyutları (tüm kutular aynı) ---
+PREVIEW_H = int(os.getenv("PREVIEW_H", "640"))   # uzun kenar (yükseklik)
+PREVIEW_W = int(round(PREVIEW_H * 9 / 16))       # 9:16 genişlik
+BG_RGB    = (255, 255, 255)
 
-# ================= State =================
+# ================= Global UI config =================
 st.set_page_config(page_title="Fit Studio AI", layout="wide", page_icon="🧵")
-st.session_state.setdefault("results", None)
-st.session_state.setdefault("job_counter", 0)
-st.session_state.setdefault("duration", "6")
+
+# Basit CSS (tile yüzeyi, başlık boşluğu, video responsive 9:16)
+st.markdown(
+    f"""
+    <style>
+      .fit-tile {{
+        background: #fafafa;
+        border: 1px solid #eee;
+        border-radius: 10px;
+        padding: 10px;
+      }}
+      .fit-title {{
+        font-weight: 600; margin-bottom: 6px;
+      }}
+      .fit-frame {{
+        width: 100%;
+        max-width: {PREVIEW_W}px;
+        aspect-ratio: 9 / 16;
+        display: block;
+        margin: 0 auto;
+        background: #fff;
+        border-radius: 8px;
+        overflow: hidden;
+        border: 1px solid #f0f0f0;
+      }}
+      .fit-caption {{
+        text-align: center;
+        color: #666;
+        font-size: 12px;
+        margin-top: 6px;
+      }}
+      .stDownloadButton > button {{
+        width: 100%;
+      }}
+    </style>
+    """,
+    unsafe_allow_html=True
+)
+
+# ================= Session State =================
+defaults = {
+    "results": None,
+    "job_counter": 0,
+    "duration": "6",
+}
+for k, v in defaults.items():
+    if k not in st.session_state:
+        st.session_state[k] = v
 
 # ================= Helpers =================
 def _needs_auth(url: str) -> bool:
@@ -41,6 +89,9 @@ def _needs_auth(url: str) -> bool:
 
 @st.cache_data(ttl=300, show_spinner=False)
 def fetch_bytes(url_or_path: str | None):
+    """
+    URL, outputs/ yolu veya mevcut klasörden dosya okur.
+    """
     if not url_or_path:
         return None
     try:
@@ -56,266 +107,360 @@ def fetch_bytes(url_or_path: str | None):
         return None
 
 @st.cache_data(ttl=300, show_spinner=False)
-def pad_to_9x16(img_bytes: bytes, out_w=PREVIEW_W, out_h=PREVIEW_H, bg=BG) -> bytes:
-    im = Image.open(io.BytesIO(img_bytes)).convert("RGB")
-    w, h = im.size
-    scale = min(out_w / w, out_h / h)
-    new_w, new_h = max(1, int(w*scale)), max(1, int(h*scale))
-    im_r = im.resize((new_w, new_h), Image.LANCZOS)
-    canvas = Image.new("RGB", (out_w, out_h), bg)
-    off = ((out_w - new_w)//2, (out_h - new_h)//2)
-    canvas.paste(im_r, off)
-    buf = io.BytesIO(); canvas.save(buf, format="PNG"); return buf.getvalue()
-
-def infer_ext(b: bytes) -> str:
+def img_size(b: bytes):
     try:
-        fmt = (Image.open(io.BytesIO(b)).format or "JPEG").lower()
+        im = Image.open(io.BytesIO(b))
+        return im.size
+    except Exception:
+        return None
+
+def infer_ext(data: bytes) -> str:
+    try:
+        im = Image.open(io.BytesIO(data))
+        fmt = (im.format or "JPEG").lower()
         return "." + {"jpeg":"jpg","jpg":"jpg","png":"png","webp":"webp"}.get(fmt, "jpg")
     except Exception:
         return ".jpg"
 
+@st.cache_data(ttl=300, show_spinner=False)
+def to_9_16_preview(img_bytes: bytes, w=PREVIEW_W, h=PREVIEW_H, bg_rgb=BG_RGB) -> bytes:
+    """
+    Görseli 9:16 önizleme tuvaline sığdır (letterbox/pillarbox), PNG döndür.
+    """
+    im = Image.open(io.BytesIO(img_bytes)).convert("RGBA")
+    iw, ih = im.size
+    scale = min(w / iw, h / ih)
+    nw, nh = max(1, int(iw * scale)), max(1, int(ih * scale))
+    im_resized = im.resize((nw, nh), Image.LANCZOS)
+    canvas = Image.new("RGBA", (w, h), (*bg_rgb, 255))
+    off = ((w - nw)//2, (h - nh)//2)
+    canvas.paste(im_resized, off, im_resized)
+    buf = io.BytesIO()
+    canvas.save(buf, format="PNG")
+    return buf.getvalue()
+
+def b64(data: bytes) -> str:
+    return base64.b64encode(data).decode("ascii")
+
+def show_image_tile(col, title: str, source: str | bytes | None, filename_stub="image", key=""):
+    with col:
+        st.markdown('<div class="fit-tile">', unsafe_allow_html=True)
+        st.markdown(f'<div class="fit-title">{title}</div>', unsafe_allow_html=True)
+
+        if source is None:
+            # boş kutu
+            ph = Image.new("RGBA", (PREVIEW_W, PREVIEW_H), (255,255,255,255))
+            buf = io.BytesIO(); ph.save(buf, "PNG")
+            st.image(buf.getvalue(), use_container_width=False, width=PREVIEW_W)
+            st.markdown('<div class="fit-caption">—</div>', unsafe_allow_html=True)
+            st.markdown('</div>', unsafe_allow_html=True)
+            return None
+
+        b = source if isinstance(source, (bytes, bytearray)) else fetch_bytes(source)
+        if not b:
+            ph = Image.new("RGBA", (PREVIEW_W, PREVIEW_H), (255,255,255,255))
+            buf = io.BytesIO(); ph.save(buf, "PNG")
+            st.image(buf.getvalue(), use_container_width=False, width=PREVIEW_W)
+            st.markdown('<div class="fit-caption">Yüklenemedi</div>', unsafe_allow_html=True)
+            st.markdown('</div>', unsafe_allow_html=True)
+            return None
+
+        pv = to_9_16_preview(b)
+        st.image(pv, use_container_width=False, width=PREVIEW_W)
+
+        sz = img_size(b)
+        if sz:
+            st.markdown(f'<div class="fit-caption">{sz[0]}×{sz[1]} px</div>', unsafe_allow_html=True)
+
+        ext = infer_ext(b)
+        mime = "image/jpeg" if ext in [".jpg",".jpeg"] else ("image/png" if ext==".png" else "image/webp")
+        st.download_button("İndir (tam kalite)", data=b, file_name=f"{filename_stub}{ext}", mime=mime, key=f"{key}_img_dl")
+        st.markdown('</div>', unsafe_allow_html=True)
+        return b
+
+def show_video_tile(col, title: str, source: str | bytes | None, key=""):
+    with col:
+        st.markdown('<div class="fit-tile">', unsafe_allow_html=True)
+        st.markdown(f'<div class="fit-title">{title}</div>', unsafe_allow_html=True)
+
+        if source is None:
+            # boş 9:16 kutu
+            st.markdown(f'<div class="fit-frame"></div>', unsafe_allow_html=True)
+            st.markdown('<div class="fit-caption">—</div>', unsafe_allow_html=True)
+            st.markdown('</div>', unsafe_allow_html=True)
+            return None
+
+        # Video bytes (tercihen bytes ile loop için data URI)
+        vb = source if isinstance(source, (bytes, bytearray)) else fetch_bytes(source)
+        if not vb:
+            st.markdown(f'<div class="fit-frame"></div>', unsafe_allow_html=True)
+            st.markdown('<div class="fit-caption">Video yüklenemedi</div>', unsafe_allow_html=True)
+            st.markdown('</div>', unsafe_allow_html=True)
+            return None
+
+        data_uri = f"data:video/mp4;base64,{b64(vb)}"
+        html = f"""
+        <video class="fit-frame" src="{data_uri}" controls autoplay loop muted playsinline></video>
+        """
+        st.markdown(html, unsafe_allow_html=True)
+        st.download_button("Video indir (MP4)", data=vb, file_name="fitstudio_video.mp4", mime="video/mp4", key=f"{key}_vid_dl")
+        st.markdown('</div>', unsafe_allow_html=True)
+        return vb
+
+def make_zip(named_bytes: list[tuple[str, bytes]]) -> bytes:
+    buf = io.BytesIO()
+    with zipfile.ZipFile(buf, "w", compression=zipfile.ZIP_DEFLATED) as z:
+        for fname, b in named_bytes:
+            if b:
+                z.writestr(fname, b)
+    buf.seek(0)
+    return buf.read()
+
 def backend_ok() -> bool:
     try:
         r = requests.get(f"{API_BASE}/health", headers=HEADERS if HF_TOKEN else None, timeout=10)
-        r.raise_for_status(); return True
+        r.raise_for_status()
+        return True
     except Exception:
         return False
 
 def post_image_edit(data: dict, files_payload):
     r = requests.post(f"{API_BASE}/v1/image/edit", data=data, files=files_payload or None,
                       headers=HEADERS if HF_TOKEN else None, timeout=600)
-    r.raise_for_status(); return r.json()
+    r.raise_for_status()
+    return r.json()
 
 def post_chain(data: dict, files_payload):
-    payload = {**data, "to_video": "false"}  # video ayrı
+    payload = {**data, "to_video": "false"}  # video UI'da ayrı
     r = requests.post(f"{API_BASE}/v1/tryon/chain", data=payload, files=files_payload or None,
                       headers=HEADERS if HF_TOKEN else None, timeout=600)
-    r.raise_for_status(); return r.json()
-
-def post_video(data: dict):
-    r = requests.post(f"{API_BASE}/v1/video/from-image", data=data,
+    r.raise_for_status()
+    return r.json()
+
+def post_video(image_url: str, duration="6", resolution="768P", prompt_optimizer=True,
+               gender="auto", age_group="auto", frame_aspect="9:16"):
+    payload = {
+        "image_url": image_url,
+        "duration": duration,
+        "resolution": resolution,
+        "prompt_optimizer": "true" if prompt_optimizer else "false",
+        "gender": gender,
+        "age_group": age_group,
+        "frame_aspect": frame_aspect,
+    }
+    r = requests.post(f"{API_BASE}/v1/video/from-image", data=payload,
                       headers=HEADERS if HF_TOKEN else None, timeout=600)
-    r.raise_for_status(); return r.json()
-
-def make_zip(named: list[tuple[str, bytes]]) -> bytes:
-    buf = io.BytesIO()
-    with zipfile.ZipFile(buf, "w", compression=zipfile.ZIP_DEFLATED) as z:
-        for name, b in named:
-            if b: z.writestr(name, b)
-    buf.seek(0); return buf.read()
+    r.raise_for_status()
+    return r.json()
 
-# ================= UI — Controls =================
+# ================= Header =================
 st.title("🧵 Fit Studio AI")
-st.caption("9:16 Still Image (VTO) → (opsiyonel) Runway Video — HTML’siz sabit 3 kart düzeni")
+st.caption("Fashion & Apparel — 9:16 stills (VTO) → (optional) runway video")
 
 ok = backend_ok()
-c0, c1, c2, c3, c4, c5 = st.columns([1.0, 1.4, 1.4, 1.1, 1.8, 1.6])
+c0, c1, c2, c3, c4, c5 = st.columns([1.1, 1.7, 1.7, 1.2, 1.8, 1.8])
+
 with c0:
-    category = st.selectbox("Kategori", ["general","underwear"], index=0)
+    category = st.selectbox("Kategori", ["general","underwear"], index=0, key="category")
 with c1:
-    gender = st.selectbox("Cinsiyet", ["auto","female","male","unisex"], index=0)
+    gender = st.selectbox("Cinsiyet", ["auto","female","male","unisex"], index=0, key="gender")
 with c2:
-    age_group = st.selectbox("Yaş Grubu", ["auto","teen","young_adult","adult","mature"], index=0)
+    age_group = st.selectbox("Yaş grubu", ["auto","teen","young_adult","adult","mature"], index=0, key="age_group")
 with c3:
-    num_images = st.selectbox("Çıktı adedi", [1,2,3,4], index=0)
+    num_images = st.selectbox("Çıktı adedi", [1,2,3,4], index=0, key="num_images")
 with c4:
-    files = st.file_uploader("Garment upload", type=["jpg","jpeg","png","webp"], accept_multiple_files=True)
+    file_list = st.file_uploader("Garment image (upload)", type=["jpg","jpeg","png","webp"], accept_multiple_files=True, key="file_upl")
 with c5:
-    image_url = st.text_input("veya Garment URL")
-
-prompt = st.text_area("Özel prompt (boş → varsayılan)", value="", height=90)
+    image_url = st.text_input("veya Garment URL", key="image_url")
 
-cA, cB = st.columns([1,1])
-with cA:
+row_btn1, row_btn2 = st.columns([1,1])
+with row_btn1:
     st.info(f"Backend: {'Online' if ok else 'Offline'}", icon="🔌")
-with cB:
-    run_img = st.button("Çalıştır (Foto)", type="primary", use_container_width=True)
-    run_chain = st.button("Zincir (Foto → Video hazırlık)", use_container_width=True)
+with row_btn2:
+    run_image = st.button("Çalıştır (Sadece Foto)", type="primary", use_container_width=True, key="run_img_btn")
+    run_chain = st.button("Zincir (Foto → Video hazırlık)", use_container_width=True, key="run_chain_btn")
 
-# ================= Demo Preview (Streamlit-only) =================
+# ================= Demo Preview: 3 sütun (hepsi 9:16) =================
 st.markdown("---")
-st.subheader("Demo preview (çalıştırmadan önce)")
-dcol1, dcol2, dcol3 = st.columns(3)
-
-demo_input_b = fetch_bytes("input.jpg")
-demo_try_b   = fetch_bytes("tryon.jpg")
-demo_vid_b   = fetch_bytes("fitstudio_video.mp4")
-
-def show_image_card(col, title, b: bytes | None, fname="image.jpg"):
-    col.markdown(f"**{title}**")
-    if b:
-        pv = pad_to_9x16(b)
-        col.image(pv, use_container_width=True)
-        col.download_button("İndir", data=b, file_name=fname, mime="image/jpeg")
-    else:
-        col.image(Image.new("RGB", (PREVIEW_W, PREVIEW_H), BG), use_container_width=True)
-        col.caption("—")
-
-def show_video_card(col, title, vb: bytes | None):
-    col.markdown(f"**{title}**")
-    if vb:
-        col.video(vb, format="video/mp4", start_time=0)
-        col.download_button("Video indir", data=vb, file_name="fitstudio_video.mp4", mime="video/mp4")
-    else:
-        col.image(Image.new("RGB", (PREVIEW_W, PREVIEW_H), BG), use_container_width=True)
-        col.caption("—")
-
-show_image_card(dcol1, "Sample Input", demo_input_b, f"input{infer_ext(demo_input_b or b'')}")
-show_image_card(dcol2, "Sample Output", demo_try_b, f"tryon{infer_ext(demo_try_b or b'')}")
-show_video_card(dcol3, "Sample Video", demo_vid_b)
-
-# ================= Input preview (for Studio row) =================
-runtime_input_b = None
-if files:
-    try: runtime_input_b = files[0].getvalue()
-    except Exception: runtime_input_b = None
+st.subheader("Demo preview (çalıştırmadan önce örnek) — tüm kutular 9:16")
+
+dp_in, dp_out, dp_vid = st.columns(3)
+demo_in_b   = fetch_bytes("input.jpg")
+demo_try_b  = fetch_bytes("tryon.jpg")
+demo_v_b    = fetch_bytes("fitstudio_video.mp4")
+
+show_image_tile(dp_in,  "Input",         demo_in_b,  filename_stub="input",  key="demo_in")
+show_image_tile(dp_out, "Sample Output", demo_try_b, filename_stub="tryon",  key="demo_out")
+show_video_tile(dp_vid, "Sample Video",  demo_v_b,   key="demo_vid")  # loop + autoplay
+
+# ================= Girdi Önizleme (yan yana 9:16) =================
+st.markdown("---")
+g1, g2, g3, g4 = st.columns(4)
+
+input_preview = None
+if file_list:
+    try:
+        input_preview = file_list[0].getvalue()
+    except Exception:
+        input_preview = None
 elif image_url:
-    runtime_input_b = fetch_bytes(image_url)
+    input_preview = fetch_bytes(image_url)
 
-# ================= Run =================
-def build_files_payload():
-    payload = []
-    if files:
-        for f in files:
-            payload.append(("files", (f.name, f.getvalue(), f.type or "image/jpeg")))
-    return payload
+show_image_tile(g1, "Input", input_preview, filename_stub="input_current", key="cur_in")
 
-def common_form():
+# ================ Çalıştır ================
+def _build_files_payload():
+    files_payload = []
+    if file_list:
+        for f in file_list:
+            files_payload.append(("files", (f.name, f.getvalue(), f.type or "image/jpeg")))
+    return files_payload
+
+def _common_form_data():
     data = {
-        "category": category,
-        "gender": gender,
-        "age_group": age_group,
+        "category": st.session_state["category"],
+        "gender": st.session_state["gender"],
+        "age_group": st.session_state["age_group"],
         "frame_aspect": "9:16",
-        "num_images": str(num_images),
+        "num_images": str(st.session_state["num_images"]),
     }
-    if prompt.strip(): data["prompt"] = prompt.strip()
-    if image_url.strip(): data["image_urls"] = image_url.strip()
+    # Opsiyonel özel prompt alanı (kullanıcı isterse açsın)
+    if "custom_prompt" in st.session_state and st.session_state["custom_prompt"].strip():
+        data["prompt"] = st.session_state["custom_prompt"].strip()
+    if image_url:
+        data["image_urls"] = image_url.strip()
     return data
 
-if run_img or run_chain:
+if run_image or run_chain:
     if not ok:
-        st.error("Backend erişilemiyor.")
-    elif not (files or image_url):
-        st.error("En az bir garment görseli girin.")
+        st.error("Backend erişilemiyor. API_BASE / TOKEN kontrol edin.")
+    elif not (file_list or image_url):
+        st.error("En az bir garment görseli girin (upload veya URL).")
     else:
         try:
-            fp = build_files_payload()
-            form = common_form()
+            files_payload = _build_files_payload()
+            form = _common_form_data()
+
             with st.spinner("Çalışıyor…"):
-                if run_img:
-                    image_json = post_image_edit(form, fp)
+                if run_image:
+                    out = post_image_edit(form, files_payload)
+                    image_json = out
                 else:
-                    out = post_chain(form, fp)  # to_video=false
+                    out = post_chain(form, files_payload)   # to_video=false
                     image_json = out.get("image_step") or out
 
+            # 9:16 normalize edilmiş seti kullan
             imgs_norm = (image_json.get("result") or {}).get("images_9_16") or []
-            if not imgs_norm:
-                raw = (image_json.get("result") or {}).get("images") or []
-                imgs_norm = [{"url": i.get("url")} for i in raw if isinstance(i, dict) and i.get("url")]
             urls = [i.get("url") for i in imgs_norm if isinstance(i, dict) and i.get("url")]
 
             st.session_state["job_counter"] += 1
-            st.session_state["results"] = {"image_urls": urls, "video_url": None}
+            st.session_state["results"] = {
+                "job_id": (image_json.get("job_id") or out.get("job_id")),
+                "schema_version": (image_json.get("schema_version") or out.get("schema_version")),
+                "image_urls": urls,
+                "video_url": None,
+            }
+
         except requests.HTTPError as e:
             st.error(f"HTTP {e.response.status_code}")
         except Exception as e:
             st.error(f"Hata: {e}")
 
-# ================= STUDIO — HTML YOK: 3 sabit kolon =================
-st.markdown("---")
-st.subheader("Studio (Gerçek çıktılar)")
-
-col_in, col_look, col_vid = st.columns(3)
-
-# 1) Input kartı (her durumda dolu/placeholder) — 9:16’e pad’lenmiş
-col_in.markdown("**Input**")
-if runtime_input_b:
-    col_in.image(pad_to_9x16(runtime_input_b), use_container_width=True)
-    col_in.download_button("İndir", data=runtime_input_b, file_name=f"input_runtime{infer_ext(runtime_input_b)}", mime="image/jpeg")
-else:
-    col_in.image(Image.new("RGB", (PREVIEW_W, PREVIEW_H), BG), use_container_width=True)
-    col_in.caption("—")
-
-# 2) Look kartı
-urls = (st.session_state.get("results") or {}).get("image_urls") or []
-look_b = fetch_bytes(urls[0]) if urls else None
-col_look.markdown("**Look**")
-if look_b:
-    col_look.image(pad_to_9x16(look_b), use_container_width=True)
-    col_look.download_button("İndir", data=look_b, file_name=f"look_1{infer_ext(look_b)}", mime="image/jpeg")
-else:
-    col_look.image(Image.new("RGB", (PREVIEW_W, PREVIEW_H), BG), use_container_width=True)
-    col_look.caption("—")
-
-# 3) Video kartı
-vurl = (st.session_state.get("results") or {}).get("video_url")
-vbytes = fetch_bytes(vurl) if vurl else None
-col_vid.markdown("**Video**")
-if vbytes:
-    col_vid.video(vbytes, format="video/mp4", start_time=0)
-    col_vid.download_button("Video indir", data=vbytes, file_name="fitstudio_video.mp4", mime="video/mp4")
-else:
-    col_vid.video(demo_vid_b, format="video/mp4", start_time=0) if demo_vid_b else col_vid.image(Image.new("RGB",(PREVIEW_W,PREVIEW_H),BG), use_container_width=True)
-    if not demo_vid_b: col_vid.caption("—")
-
-# ================= Video üretimi (opsiyonel) =================
-st.markdown("")
-cV1, cV2, cV3 = st.columns([1.1, 1.0, 1.2])
-with cV1:
-    gen_video = st.checkbox("Bu sonuçtan video üret", value=False)
-with cV2:
-    dur = st.selectbox("Video süresi", ["6","10"], index=(0 if st.session_state["duration"]=="6" else 1))
-with cV3:
-    go_video = st.button("Video Oluştur", use_container_width=True)
-
-if gen_video and go_video:
-    src = urls[0] if urls else None
-    if not src:
-        st.warning("Video için kaynak görsel yok.")
+# ================ Sonuçları Satırda Yan Yana (hepsi 9:16) ================
+res = st.session_state.get("results") or {}
+if res:
+    key_prefix = f"job{st.session_state['job_counter']}"
+    img_urls = res.get("image_urls") or []
+    video_url = res.get("video_url")
+
+    # 1. Satır: 3 görsel + 1 video sütunu (aynı ebat, 9:16)
+    c1, c2, c3, c4 = st.columns(4)
+    named = []
+
+    for idx, col in enumerate([c1, c2, c3]):
+        if idx < len(img_urls):
+            u = img_urls[idx]
+            title = "Look" if idx == 0 else f"Look #{idx+1}"
+            b = show_image_tile(col, title, u, filename_stub=f"look_{idx+1}", key=f"{key_prefix}_{idx}")
+            if b:
+                named.append((f"look_{idx+1}{infer_ext(b)}", b))
+        else:
+            show_image_tile(col, f"Look #{idx+1}", None, key=f"{key_prefix}_{idx}_empty")
+
+    vbytes = None
+    if video_url:
+        vbytes = show_video_tile(c4, "Video", video_url, key=key_prefix)
     else:
-        with st.spinner("Video üretiliyor…"):
-            v = post_video({
-                "image_url": src,
-                "duration": dur,
-                "resolution": "768P",
-                "prompt_optimizer": "true",
-                "gender": gender,
-                "age_group": age_group,
-                "frame_aspect": "9:16",
-            })
-        vurl = (v.get("result") or {}).get("video", {}).get("url")
-        if vurl:
-            st.session_state["results"]["video_url"] = vurl
-            st.success("Video hazır — yukarıdaki Video kartında oynatılabilir.")
+        show_video_tile(c4, "Video", None, key=f"{key_prefix}_novid")
+
+    # 2. Satır: Video üretim kontrolleri
+    st.markdown("---")
+    colv1, colv2, colv3 = st.columns([1.1, 1.0, 1.2])
+    with colv1:
+        gen_video = st.checkbox("Bu sonuçtan video üret", value=False, key="video_toggle")
+    with colv2:
+        st.selectbox("Video süresi", ["6","10"], index=(0 if st.session_state["duration"]=="6" else 1), key="duration_select")
+    with colv3:
+        go_video = st.button("Video Oluştur", use_container_width=True, key="video_btn")
+
+    if gen_video and go_video:
+        src_for_video = img_urls[0] if img_urls else None
+        if not src_for_video:
+            st.warning("Video için kaynak görsel yok.")
         else:
-            st.info("Video URL gelmedi.")
-
-# ================= ZIP indir =================
-named = []
-if look_b:  named.append((f"look_1{infer_ext(look_b)}", look_b))
-if vbytes:  named.append(("video.mp4", vbytes))
-if named:
-    st.download_button(
-        "Tümünü indir (ZIP)",
-        data=make_zip(named),
-        file_name="fitstudio_outputs.zip",
-        mime="application/zip",
-        key=f"zip_{st.session_state['job_counter']}"
-    )
-
-# ================= Sidebar =================
+            with st.spinner("Video üretiliyor…"):
+                v = post_video(
+                    src_for_video,
+                    duration=st.session_state.get("duration_select","6"),
+                    resolution="768P",
+                    prompt_optimizer=True,
+                    gender=st.session_state["gender"],
+                    age_group=st.session_state["age_group"],
+                    frame_aspect="9:16",
+                )
+            vurl = (v.get("result") or {}).get("video", {}).get("url")
+            if vurl:
+                st.session_state["results"]["video_url"] = vurl
+                video_url = vurl
+                vbytes = show_video_tile(c4, "Video", video_url, key=key_prefix)
+            else:
+                st.info("Video URL gelmedi.")
+
+    # ZIP indir
+    if named or vbytes:
+        if vbytes:
+            named.append(("video.mp4", vbytes))
+        zip_bytes = make_zip(named)
+        st.download_button(
+            "Tümünü indir (ZIP)",
+            data=zip_bytes,
+            file_name="fitstudio_outputs.zip",
+            mime="application/zip",
+            key=f"{key_prefix}_zip_dl"
+        )
+
+# ================= Optional: Özel prompt alanı (isteğe bağlı) =================
+with st.expander("Özel prompt (isteğe bağlı)"):
+    st.text_area("Prompt", key="custom_prompt", height=120, help="Boş bırakabilirsiniz; backend cinsiyet/yaş ve 9:16 kompozisyonu kendisi ayarlıyor.")
+
+# ================= Sidebar (teşhis) =================
 with st.sidebar:
     st.caption(f"API_BASE: {API_BASE}")
     st.caption("Auth header: " + ("ON" if HF_TOKEN else "OFF"))
+    st.caption(f"Preview frame: {PREVIEW_W}×{PREVIEW_H} (9:16)")
+
     if st.button("Ping /health"):
         try:
             r = requests.get(f"{API_BASE}/health", headers=HEADERS if HF_TOKEN else None, timeout=10)
             st.write(r.status_code)
-            try: st.json(r.json())
-            except Exception: st.code((r.text or "")[:800])
+            try:
+                st.json(r.json())
+            except Exception:
+                st.code((r.text or "")[:1000])
         except Exception as e:
             st.error(f"Health error: {e}")
+
     if st.button("Clear cache"):
         st.cache_data.clear(); st.success("Cache cleared.")
     if st.button("Clear results"):
-        st.session_state["results"] = None; st.success("Results cleared.")
+        st.session_state["results"] = None; st.success("Results cleared.")