Upload streamlit_app.py

streamlit_app.py

@@ -1,21 +1,18 @@
-# streamlit_app.py — AI LightBox · Jewelry (uniform cards + native backend outputs + loop video)
+# streamlit_app.py — AI LightBox · Jewelry
+# Pre-run sabit 4 kart (Input/Packshot/Padded/Video loop) + Run sonrası native odaklı kartlar
 import os, io, base64, zipfile, requests, streamlit as st
 from PIL import Image
 
 # ================= Env & API =================
-API_BASE = (os.getenv("AI_LIGHTBOX_API", "http://127.0.0.1:7860") or "http://127.0.0.1:7860").strip().strip("'\"").rstrip("/")
+API_BASE = (os.getenv("AI_LIGHTBOX_API", "http://127.0.0.1:8000") or "http://127.0.0.1:8000").strip().strip("'\"").rstrip("/")
 HF_TOKEN = (os.getenv("AI_LIGHTBOX_TOKEN", "") or "").strip().strip("'\"")
 HEADERS = {"Authorization": f"Bearer {HF_TOKEN}"} if HF_TOKEN else {}
 
 # UI vars
-ASPECT_OPTIONS = ["9:16", "3:4", "1:1"]
-DEFAULT_ASPECT = os.getenv("PREVIEW_ASPECT", "9:16")
-DEFAULT_LONG   = int(os.getenv("PREVIEW_LONG_EDGE", "1920"))
-DEFAULT_RATIO  = float(os.getenv("PREVIEW_RATIO", "0.50"))
-
+VIDEO_MAX_PX_DEFAULT = int(os.getenv("VIDEO_MAX_PX", "720"))
 VIDEO_RES_OPTIONS = ["512P", "768P"]
 VIDEO_DUR_OPTIONS = ["6", "10"]
-VIDEO_MAX_PX_DEFAULT = int(os.getenv("VIDEO_MAX_PX", "720"))
+ASPECT_OPTIONS = ["9:16", "3:4", "1:1"]  # preview kadraj oranları
 
 # ================= Session =================
 if "results" not in st.session_state:
@@ -25,14 +22,14 @@ if "job_counter" not in st.session_state:
 if "video_ui_max_px" not in st.session_state:
     st.session_state["video_ui_max_px"] = VIDEO_MAX_PX_DEFAULT
 
-# ================= Backend helpers =================
+# ================= HTTP/Backend helpers =================
 def _needs_auth(url: str) -> bool:
     return url.startswith(API_BASE) or url.startswith("outputs/") or url.startswith("/outputs/")
 
 def _abs_backend_url(url_or_path: str) -> str:
     if not url_or_path:
         return ""
-    if url_or_path.startswith("http://") or url_or_path.startswith("https://"):
+    if url_or_path.startswith(("http://","https://")):
         return url_or_path
     if url_or_path.startswith("/outputs/"):
         return f"{API_BASE}{url_or_path}"
@@ -68,12 +65,8 @@ def post_video(image_url: str, duration="6", resolution="768P", prompt_optimizer
 
 @st.cache_data(ttl=300, show_spinner=False)
 def fetch_bytes(url_or_path: str):
-    if not url_or_path:
-        return None
+    if not url_or_path: return None
     try:
-        if os.path.exists(url_or_path):  # local file support
-            with open(url_or_path, "rb") as f:
-                return f.read()
         url = _abs_backend_url(url_or_path)
         headers = HEADERS if _needs_auth(url) else None
         r = requests.get(url, headers=headers, timeout=180)
@@ -82,29 +75,23 @@ def fetch_bytes(url_or_path: str):
     except Exception:
         return None
 
+def image_bytes_to_data_url(b: bytes, mime="image/png") -> str:
+    enc = base64.b64encode(b).decode("ascii")
+    return f"data:{mime};base64,{enc}"
+
 @st.cache_data(ttl=300, show_spinner=False)
 def image_size_from_bytes(b: bytes):
     try:
-        im = Image.open(io.BytesIO(b))
-        return im.size
+        im = Image.open(io.BytesIO(b)); return im.size
     except Exception:
         return None
 
-def image_bytes_to_data_url(b: bytes, mime="image/png") -> str:
-    enc = base64.b64encode(b).decode("ascii")
-    return f"data:{mime};base64,{enc}"
-
-def video_bytes_to_data_url(b: bytes) -> str:
-    enc = base64.b64encode(b).decode("ascii")
-    return f"data:video/mp4;base64,{enc}"
-
 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")
+        return "." + {"jpeg":"jpg","jpg":"jpg","png":"png","webp":"webp"}.get(fmt,"jpg")
     except Exception:
-        # mp4 sihirli sayfa kontrolü
         if data[:4] == b"\x00\x00\x00\x18" or data[4:8] == b"ftyp":
             return ".mp4"
         return ".bin"
@@ -113,133 +100,112 @@ 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()
+            if b: z.writestr(fname, b)
+    buf.seek(0); return buf.read()
 
-# ================= Uniform Card CSS =================
+# ================= Preview helpers (uniform cards) =================
 def _parse_aspect_str(s: str):
     try:
         a, b = s.split(":"); return max(1, int(a)), max(1, int(b))
     except Exception:
         return (9, 16)
 
-def inject_card_css(aspect: str):
+def inject_preview_css(aspect: str, fit_mode="contain"):
     aw, ah = _parse_aspect_str(aspect)
     st.markdown(f"""
     <style>
-      .lb-card-title {{ font-weight:700; font-size:1.10rem; margin:0 0 8px 0; }}
+      .lb-card-title {{
+        font-weight:700; font-size:1.15rem; margin:0 0 8px 0;
+      }}
       .lb-frame {{
         position: relative; width: 100%;
-        aspect-ratio: {aw} / {ah};         /* tüm kartlar aynı oran */
+        aspect-ratio: {aw} / {ah};
         border-radius: 12px; overflow: hidden; background: #fff;
         display:flex; align-items:center; justify-content:center;
-        box-shadow: 0 0 0 1px rgba(0,0,0,0.06) inset;
-      }}
-      .lb-frame img, .lb-frame video {{
-        width:100%; height:100%; object-fit: contain;  /* FIT */
-        display:block; background:#fff;
+        box-shadow: 0 0 0 1px rgba(255,255,255,0.06) inset;
       }}
-      .lb-placeholder {{
-        width:100%; height:100%;
-        display:flex; align-items:center; justify-content:center;
-        color:#9aa0a6; font-size:0.9rem;
+      .lb-frame img {{
+        width:100%; height:100%; object-fit:{fit_mode};  /* contain=fit, cover=fill */
+        display:block;
       }}
+      .lb-video {{ display:flex; justify-content:center; }}
+      .lb-video video {{ border-radius:8px; max-width: 540px; width:100%; height:auto; }}
     </style>
     """, unsafe_allow_html=True)
 
-# ================= Card render helpers =================
-def show_image_card(col, title, url: str | None = None, bytes_data: bytes | None = None,
-                    filename_stub="image", key_prefix=""):
+def show_tile_card(col, title, url: str | None = None, bytes_data: bytes | None = None,
+                   filename_stub="image", key_prefix=""):
     col.markdown(f'<div class="lb-card-title">{title}</div>', unsafe_allow_html=True)
 
-    native_bytes = None
     if not url and not bytes_data:
-        col.markdown('<div class="lb-frame"><div class="lb-placeholder">Beklemede</div></div>', unsafe_allow_html=True)
-        col.caption("—")
-        return None, None
+        col.markdown('<div class="lb-frame"></div>', unsafe_allow_html=True)
+        col.caption("—"); return None, None
 
+    # Render (HTML <img>) + native download
     if bytes_data is not None:
         src = image_bytes_to_data_url(bytes_data, "image/png")
         col.markdown(f'<div class="lb-frame"><img src="{src}"/></div>', unsafe_allow_html=True)
-        native_bytes = bytes_data
+        native = bytes_data
     else:
         abs_url = _abs_backend_url(url)
         col.markdown(f'<div class="lb-frame"><img src="{abs_url}"/></div>', unsafe_allow_html=True)
-        native_bytes = fetch_bytes(abs_url)
+        native = fetch_bytes(abs_url)
 
-    if not native_bytes:
-        col.caption("—")
-        return (url or "data"), None
+    if not native:
+        col.caption("—"); return url or "data", None
 
-    sz = image_size_from_bytes(native_bytes)
-    if sz:
-        col.caption(f"Gerçek çözünürlük: {sz[0]}×{sz[1]} px")
+    sz = image_size_from_bytes(native)
+    if sz: col.caption(f"Gerçek çözünürlük: {sz[0]}×{sz[1]} px")
 
-    ext = infer_ext(native_bytes)
+    ext = infer_ext(native)
     mime = "image/jpeg" if ext.lower() in [".jpg",".jpeg"] else ("image/png" if ext.lower()==".png" else "image/webp")
-    col.download_button("İndir (tam kalite)", data=native_bytes,
+    col.download_button("İndir (tam kalite)", data=native,
                         file_name=f"{filename_stub}{ext if ext!='.bin' else '.jpg'}",
                         mime=mime, key=f"{key_prefix}_{filename_stub}_dl")
-    return (url or "data"), native_bytes
-
-def show_video_card(col, title, url: str | None = None, bytes_data: bytes | None = None,
-                    key_prefix=""):
-    col.markdown(f'<div class="lb-card-title">{title}</div>', unsafe_allow_html=True)
-
-    native_bytes = None
-    if not url and not bytes_data:
-        col.markdown('<div class="lb-frame"><div class="lb-placeholder">Beklemede</div></div>', unsafe_allow_html=True)
-        col.caption("—")
-        return None, None
+    return (url or "data"), native
 
-    if bytes_data is not None:
-        src = video_bytes_to_data_url(bytes_data)
-        col.markdown(
-            f'''
-            <div class="lb-frame">
-              <video loop autoplay muted playsinline controls>
-                <source src="{src}" type="video/mp4">
-              </video>
-            </div>
-            ''',
-            unsafe_allow_html=True
-        )
-        native_bytes = bytes_data
+def make_preview_frame(img_bytes: bytes, aspect: str, long_edge: int, ratio: float, bg_rgb=(255,255,255)) -> bytes:
+    """Sadece UI için: seçilen aspect’te tuval + içerik oranı."""
+    im = Image.open(io.BytesIO(img_bytes)).convert("RGBA")
+    aw, ah = _parse_aspect_str(aspect)
+    # hedef tuval boyutu (uzun kenar sabit)
+    if aw >= ah:
+        W = max(256, min(8192, int(long_edge))); H = max(1, int(W * ah / aw))
     else:
-        abs_url = _abs_backend_url(url)
-        col.markdown(
-            f'''
-            <div class="lb-frame">
-              <video loop autoplay muted playsinline controls>
-                <source src="{abs_url}" type="video/mp4">
-              </video>
-            </div>
-            ''',
-            unsafe_allow_html=True
-        )
-        native_bytes = fetch_bytes(abs_url)
-
-    if not native_bytes:
-        col.caption("—")
-        return (url or "data"), None
-
-    col.caption("MP4 • loop")
-    col.download_button("Videoyu indir (MP4)", data=native_bytes,
-                        file_name="video.mp4", mime="video/mp4",
-                        key=f"{key_prefix}_video_dl")
-    return (url or "data"), native_bytes
-
-# ================= Page =================
+        H = max(256, min(8192, int(long_edge))); W = max(1, int(H * aw / ah))
+    ratio = max(0.30, min(0.99, float(ratio)))
+    target = int(min(W, H) * ratio if aw == ah else (H * ratio if aw < ah else W * ratio))
+    w, h = im.size
+    if w >= h:
+        new_w, new_h = target, max(1, int(h * (target / max(1, w))))
+    else:
+        new_h, new_w = target, max(1, int(w * (target / max(1, h))))
+    im_resized = im.resize((new_w, new_h), Image.LANCZOS)
+    canvas = Image.new("RGBA", (W, H), (*bg_rgb, 255))
+    off = ((W - new_w)//2, (H - new_h)//2)
+    canvas.paste(im_resized, off, im_resized)
+    out = io.BytesIO(); canvas.convert("RGB").save(out, format="JPEG", quality=95, subsampling=1)
+    return out.getvalue()
+
+# ================= Yerel DEMO dosyaları =================
+def load_local_demo():
+    demo = {}
+    for fname in ["input.jpg", "packshot.jpg", "model.jpg", "tryon.mp4"]:
+        if os.path.exists(fname):
+            with open(fname, "rb") as f: demo[fname] = f.read()
+    return demo
+
+demo_files = load_local_demo()
+
+# ================= Sayfa =================
 st.set_page_config(page_title="AI LightBox · Jewelry", layout="wide", page_icon="💎")
 st.title("💎 AI LightBox · Jewelry")
-st.caption("Akış: Input → Packshot (backend, BG temiz) → Padded (backend, oran/ölçek) → Model üzerinde (backend) → (opsiyonel) Video")
+st.caption("Pre-run: sabit preview kartları. Run sonrası: Packshot/Model çıktıları native indirilir. Padded sadece ara adımdır.")
 
 ok = backend_ok()
 
-# Üst kontrol şeridi
-col1, col2, col3, col4, col5, col6, col7 = st.columns([1.6, 1.6, 1.0, 1.1, 1.0, 1.0, 1.1])
+# -------- Üst Kontrol Şeridi (Üretim Parametreleri) --------
+col1, col2, col3, col4, col5, col6, col7 = st.columns([1.6, 1.6, 1.0, 1.2, 0.9, 1.1, 0.9])
 with col1:
     file_list = st.file_uploader("Takı görseli (yükle)", type=["jpg","jpeg","png","webp"], accept_multiple_files=True, key="file_upl")
 with col2:
@@ -247,228 +213,286 @@ with col2:
 with col3:
     jewel_type = st.selectbox("Tür", ["auto","earring","ring","necklace","bracelet","pendant","brooch","set","watch"], index=0, key="jewel_type")
 with col4:
-    preview_aspect = st.selectbox("Kadraj Oranı", ASPECT_OPTIONS, index=ASPECT_OPTIONS.index(DEFAULT_ASPECT) if DEFAULT_ASPECT in ASPECT_OPTIONS else 0, key="canvas_aspect")
+    preview_ratio = st.number_input("Preview ölçeği (0.10–0.99)", min_value=0.10, max_value=0.99, value=0.50, step=0.01,
+                                    help="Sadece önizleme kadrajında büyüklüğü etkiler.", key="preview_ratio")
 with col5:
-    preview_long_edge = st.number_input("Uzun Kenar (px)", min_value=256, max_value=8192, value=DEFAULT_LONG, step=64, key="canvas_size")
+    upscale = st.checkbox("Super Resolution", False, key="upscale")
 with col6:
-    preview_ratio = st.number_input("Preview ölçeği (0.10–0.99)", min_value=0.10, max_value=0.99, value=DEFAULT_RATIO, step=0.01, key="preview_ratio")
+    upscale_stage = st.selectbox("SR aşaması", ["both","final","packshot"], index=0, help="Varsayılan: both", key="upscale_stage")
 with col7:
-    run = st.button("Çalıştır", type="primary", use_container_width=True, key="run_btn")
+    upscale_factor = st.selectbox("SR katsayı", ["2","4"], index=0, key="upscale_factor")
 
-colA, colB, colC, colD, colE = st.columns([1.0, 1.0, 1.1, 0.9, 1.0])
+colA, colB, colC, colD, colE, colF = st.columns([1.0, 1.0, 1.1, 0.9, 0.9, 1.2])
 with colA:
     st.info(f"Bağlantı: {'Online' if ok else 'Offline'}", icon="🔌")
 with colB:
     identity_lock = st.checkbox("Identity lock", True, key="identity_lock")
 with colC:
-    upscale = st.checkbox("Super Resolution", False, key="upscale")
+    to_video = st.checkbox("Zincirde video üret", False, key="to_video")
 with colD:
-    upscale_stage = st.selectbox("SR aşaması", ["both","final","packshot"], index=0, help="Varsayılan: both", key="upscale_stage")
-with colE:
-    upscale_factor = st.selectbox("SR katsayı", ["2","4"], index=0, key="upscale_factor")
-
-colV1, colV2, colV3 = st.columns([1.0, 1.0, 1.0])
-with colV1:
-    to_video = st.checkbox("Video üret (opsiyonel)", False, key="to_video")
-with colV2:
     duration = st.selectbox("Süre (sn)", VIDEO_DUR_OPTIONS, index=0, key="duration_sel")
-with colV3:
+with colE:
     resolution = st.selectbox("Video çözünürlük", VIDEO_RES_OPTIONS, index=1, key="resolution_sel")
+with colF:
+    run = st.button("Çalıştır", type="primary", use_container_width=True, key="run_btn")
 
-# Kart CSS (tüm kartlar aynı oran)
-inject_card_css(preview_aspect)
+# Tuval/kadraj + fit/fill
+colT1, colT2, colT3 = st.columns([1.0, 1.0, 1.0])
+with colT1:
+    preview_aspect = st.selectbox("Preview Kadraj Oranı", ASPECT_OPTIONS, index=0, key="preview_aspect")
+with colT2:
+    preview_long_edge = st.number_input("Preview uzun kenar (px)", min_value=256, max_value=8192, value=1920, step=64, key="preview_long_edge")
+with colT3:
+    fit_mode = st.selectbox("Önizleme yerleşimi", ["fit","fill"], index=0, help="Sadece önizlemeyi etkiler.", key="fit_mode")
 
-# ============== Kart Alanları (her zaman sabit) ==============
-# Satır 1: Input, Packshot (backend), Padded (backend), Model üzerinde (backend)
-c_in, c_pack, c_pad, c_model = st.columns(4)
-# Satır 2: Video (loop)
-c_video = st.container()
+# Inject CSS (uniform kartlar)
+inject_preview_css(preview_aspect, fit_mode="contain" if fit_mode=="fit" else "cover")
 
-# ==== Pre-run örnek doldurma (mevcut klasörde dosyalar varsa) ====
-input_sample = fetch_bytes("input.jpg") if os.path.exists("input.jpg") else None
-packshot_sample = fetch_bytes("packshot.jpg") if os.path.exists("packshot.jpg") else None
-padded_sample = fetch_bytes("padded.jpg") if os.path.exists("padded.jpg") else None
-model_sample = fetch_bytes("model.jpg") if os.path.exists("model.jpg") else None
-video_sample = fetch_bytes("tryon.mp4") if os.path.exists("tryon.mp4") else None
+# ================= PRE-RUN PREVIEWS (her zaman sabit) =================
+st.subheader("Önizlemeler")
+col_in, col_pack, col_pad, col_vid = st.columns(4)
 
-# ==== Input kartı: upload/URL seçildiğinde anında dolmalı; yoksa sample; yoksa boş ====
+# Input bytes (upload/URL öncelikli; yoksa demo)
 input_bytes = None
 if file_list:
-    try:
-        input_bytes = file_list[0].getvalue()
-    except Exception:
-        input_bytes = None
+    try: input_bytes = file_list[0].getvalue()
+    except Exception: input_bytes = None
 elif image_url:
     input_bytes = fetch_bytes(image_url)
-elif input_sample:
-    input_bytes = input_sample
+elif demo_files.get("input.jpg"):
+    input_bytes = demo_files["input.jpg"]
 
-show_image_card(c_in, "Input", bytes_data=input_bytes, filename_stub="input", key_prefix="in")
+show_tile_card(col_in, "Input preview",
+               bytes_data=input_bytes if input_bytes else demo_files.get("input.jpg"),
+               filename_stub="input", key_prefix="pre")
 
-# ==== Diğer kartlar: run sonrası backend'ten; run yapılmadan varsa sample göster ====
-# Placeholderları sabit tutmak için her zaman bir kart çiziyoruz.
-res = st.session_state.get("results") or {}
+# Packshot preview (demo dosyası varsa; yoksa input görüntü)
+pack_bytes_demo = demo_files.get("packshot.jpg") or input_bytes
+show_tile_card(col_pack, "Packshot preview",
+               bytes_data=pack_bytes_demo, filename_stub="packshot", key_prefix="pre")
 
-# Packshot (backend)
-pack_url = res.get("packshot_native_url")
-if not pack_url and packshot_sample is not None:
-    _, _ = show_image_card(c_pack, "Packshot (backend)", bytes_data=packshot_sample, filename_stub="packshot_native", key_prefix="pk")
-else:
-    _, _ = show_image_card(c_pack, "Packshot (backend)", url=pack_url, filename_stub="packshot_native", key_prefix="pk")
-
-# Padded (backend)
-pad_url = res.get("padded_native_url")
-if not pad_url and padded_sample is not None:
-    _, _ = show_image_card(c_pad, "Padded (backend)", bytes_data=padded_sample, filename_stub="padded_native", key_prefix="pd")
-else:
-    _, _ = show_image_card(c_pad, "Padded (backend)", url=pad_url, filename_stub="padded_native", key_prefix="pd")
-
-# Model üzerinde (backend)
-model_url = res.get("placed_native_url")
-if not model_url and model_sample is not None:
-    _, _ = show_image_card(c_model, "Model üzerinde (backend)", bytes_data=model_sample, filename_stub="model_native", key_prefix="md")
+# Padded preview (packshot.jpg veya input.jpg → seçilen kadraja, UI-only)
+padded_bytes = None
+if pack_bytes_demo:
+    try:
+        padded_bytes = make_preview_frame(pack_bytes_demo, aspect=preview_aspect,
+                                          long_edge=int(preview_long_edge),
+                                          ratio=float(preview_ratio))
+    except Exception:
+        padded_bytes = None
+show_tile_card(col_pad, "Padded preview (UI only)",
+               bytes_data=padded_bytes or pack_bytes_demo, filename_stub="padded", key_prefix="pre")
+
+# Video preview (loop; yerel tryon.mp4 varsa)
+vid_demo = demo_files.get("tryon.mp4")
+col_vid.markdown('<div class="lb-card-title">Video preview (loop)</div>', unsafe_allow_html=True)
+if vid_demo:
+    data_url = "data:video/mp4;base64," + base64.b64encode(vid_demo).decode("ascii")
+    col_vid.markdown(
+        f"""
+        <div class="lb-frame" style="display:flex;align-items:center;justify-content:center;">
+          <video autoplay loop muted playsinline style="width:100%;height:100%;object-fit:cover;">
+            <source src="{data_url}" type="video/mp4">
+          </video>
+        </div>
+        """, unsafe_allow_html=True
+    )
+    col_vid.download_button("Videoyu indir (MP4)", data=vid_demo, file_name="tryon.mp4", mime="video/mp4", key="pre_video_dl")
 else:
-    _, _ = show_image_card(c_model, "Model üzerinde (backend)", url=model_url, filename_stub="model_native", key_prefix="md")
-
-# Video (loop) — ayrı sabit kart, her zaman aynı oranda
-with c_video:
-    st.markdown(f"### Video (loop)")
-    # Kartı aynı CSS ile sar
-    if res.get("video_url"):
-        show_video_card(st, "", url=res.get("video_url"), key_prefix=f"job{st.session_state['job_counter']}")
-    elif video_sample is not None:
-        show_video_card(st, "", bytes_data=video_sample, key_prefix="sample_video")
-    else:
-        st.markdown('<div class="lb-frame"><div class="lb-placeholder">Beklemede</div></div>', unsafe_allow_html=True)
-        st.caption("—")
+    col_vid.markdown('<div class="lb-frame"></div>', unsafe_allow_html=True)
+    col_vid.caption("—")
 
-# ================ Çalıştır ================
+# ================= ÇALIŞTIR =================
 if run:
     if not ok:
         st.error("Backend erişilemiyor. API_BASE / TOKEN kontrol edin.")
-    elif not (file_list or image_url):
+    elif not (file_list or image_url or demo_files.get("input.jpg")):
         st.error("En az bir görsel girişi yapın (dosya yükle veya URL).")
     else:
         try:
+            img_urls = image_url or ""
+            files_payload = []
+            if file_list:
+                for f in file_list:
+                    files_payload.append(("files", (f.name, f.getvalue(), f.type or "image/jpeg")))
+
             data = {
-                "category": jewel_type,
+                "category": st.session_state.get("jewel_type","auto"),
                 "edit_prompt": "",
                 "num_images": "1",
-                "image_urls": (image_url or ""),
-                "mannequin_image_url": "",
+                "image_urls": img_urls,
+                "mannequin_image_url": "",      # opsiyonel
                 "identity_lock": "true" if identity_lock else "false",
-                # PAD/Preview kontrolleri (backend native PAD için)
+                # Preview controls (backend pad/preview için)
                 "preview_aspect": preview_aspect,
                 "preview_long_edge": str(int(preview_long_edge)),
                 "preview_ratio": str(float(preview_ratio)),
+                "padding_ratio": str(float(preview_ratio)),  # backward-compat
                 # SR
                 "upscale": "true" if upscale else "false",
-                "upscale_factor": st.session_state.get("upscale_factor", "2"),
-                "upscale_stage": st.session_state.get("upscale_stage", "both"),
-                # Video zincirde opsiyonel
+                "upscale_factor": st.session_state.get("upscale_factor","2"),
+                "upscale_stage": st.session_state.get("upscale_stage","both"),
+                # Video (opsiyonel zincir)
                 "to_video": "true" if to_video else "false",
                 "video_prompt": "",
-                "duration": st.session_state.get("duration_sel", "6"),
-                "resolution": st.session_state.get("resolution_sel", "768P"),
+                "duration": st.session_state.get("duration_sel", VIDEO_DUR_OPTIONS[0]),
+                "resolution": st.session_state.get("resolution_sel", VIDEO_RES_OPTIONS[1]),
                 "prompt_optimizer": "false",
             }
-            files_payload = []
-            if file_list:
-                for f in file_list:
-                    files_payload.append(("files", (f.name, f.getvalue(), f.type or "image/jpeg")))
 
             with st.spinner("Zincir çalışıyor…"):
-                out = post_chain(data, files_payload)
+                out = post_chain(data, files_payload if files_payload else None)
 
-            # ---- ÇIKTILAR (NATIVE ODAKLI) ----
-            pack_native = (out["packshot_step"]["result"]["images_native"] or [{}])[0].get("url")
-            padded_native = (out["packshot_step"]["result"]["padded_native"] or [{}])[0].get("url")
-            placed_native = (out["image_step"]["result"]["images_native"] or [{}])[0].get("url") if out.get("image_step") else None
-            vurl = (out.get("video_step") or {}).get("result", {}).get("video", {}).get("url")
+            st.session_state["job_counter"] += 1
 
-            # UI video ipuçları
+            # ---- ÇIKTILAR (NATIVE ODAKLI) ----
+            # Packshot NATIVE (arka planı temiz PNG)
+            pack_native = None
+            try:
+                pack_native = (out["packshot_step"]["result"]["images_native"] or [{}])[0].get("url")
+            except Exception: pass
+
+            # Padded BACKEND (ara adım olarak packshot native'den UI'da üretiyoruz; download mümkün)
+            # 0.5 oranlı 9:16 görünüm — native dosyayı etkilemez
+            pad_backend_bytes = None
+            if pack_native:
+                nb = fetch_bytes(pack_native)
+                if nb:
+                    try:
+                        pad_backend_bytes = make_preview_frame(nb, aspect=preview_aspect,
+                                                               long_edge=int(preview_long_edge),
+                                                               ratio=float(preview_ratio))
+                    except Exception:
+                        pad_backend_bytes = None
+
+            # Model NATIVE
+            placed_native = None
+            try:
+                placed_native = (out["image_step"]["result"]["images_native"] or [{}])[0].get("url")
+            except Exception: pass
+
+            # Video (zincirde üretildiyse)
+            vurl = None
+            try:
+                vurl = (out.get("video_step") or {}).get("result", {}).get("video", {}).get("url")
+            except Exception:
+                vurl = None
+
+            # UI ipucu
             ui_hints = (out.get("video_step") or {}).get("ui_hints") or {}
-            if isinstance(ui_hints, dict) and ui_hints.get("suggested_video_max_px"):
-                st.session_state["video_ui_max_px"] = int(ui_hints["suggested_video_max_px"])
+            if isinstance(ui_hints, dict):
+                st.session_state["video_ui_max_px"] = int(ui_hints.get("suggested_video_max_px", VIDEO_MAX_PX_DEFAULT))
 
-            st.session_state["job_counter"] += 1
             st.session_state["results"] = {
                 "job_id": out.get("job_id"),
                 "schema_version": out.get("schema_version"),
                 "packshot_native_url": pack_native,
-                "padded_native_url": padded_native,
+                "padded_backend_bytes": pad_backend_bytes,  # ara adım UI-only
                 "placed_native_url": placed_native,
                 "video_url": vurl,
                 "api_base": API_BASE,
                 "has_auth_header": bool(HEADERS),
+                "preview_aspect": preview_aspect,
             }
 
-            # Sayfayı yeniden çiz (kartlar otomatik güncellenecek)
-            st.experimental_rerun()
-
         except requests.HTTPError as e:
             st.error(f"HTTP {e.response.status_code}")
         except Exception as e:
             st.error(f"Hata: {e}")
 
-# ================ Opsiyonel: Sonradan video üret ================
-st.markdown("---")
-st.subheader("Bu sonuçtan video üret (opsiyonel)")
-res2 = st.session_state.get("results") or {}
-final_src_for_video = res2.get("placed_native_url") or res2.get("padded_native_url") or res2.get("packshot_native_url")
-
-colvv1, colvv2, colvv3, colvv4 = st.columns([1.0, 1.0, 1.0, 1.0])
-with colvv1:
-    post_video_toggle = st.checkbox("Videoya çevir", value=False, key="video_toggle_manual")
-with colvv2:
-    duration2 = st.selectbox("Süre (sn)", VIDEO_DUR_OPTIONS, index=0, key="duration_sel2")
-with colvv3:
-    resolution2 = st.selectbox("Çözünürlük", VIDEO_RES_OPTIONS, index=1, key="resolution_sel2")
-with colvv4:
-    make_video_btn = st.button("Üret", disabled=not post_video_toggle or not final_src_for_video)
-
-if make_video_btn:
-    try:
-        with st.spinner("Video üretiliyor…"):
-            v = post_video(final_src_for_video, duration=duration2, resolution=resolution2, prompt_optimizer=False, preview_aspect=preview_aspect)
-        vurl2 = (v.get("result") or {}).get("video", {}).get("url")
-        if vurl2:
-            st.session_state["results"]["video_url"] = vurl2
-            st.success("Video hazır.")
-            st.experimental_rerun()
-        else:
-            st.info("Video URL gelmedi.")
-    except requests.HTTPError as e:
-        st.error(f"HTTP {e.response.status_code}")
-    except Exception as e:
-        st.error(f"Hata: {e}")
-
-# ================ Hepsini ZIP ================
-res3 = st.session_state.get("results") or {}
-named = []
-pb = fetch_bytes(res3.get("packshot_native_url")) if res3.get("packshot_native_url") else None
-if pb: named.append((f"packshot{infer_ext(pb)}", pb))
-pdb = fetch_bytes(res3.get("padded_native_url")) if res3.get("padded_native_url") else None
-if pdb: named.append((f"padded{infer_ext(pdb)}", pdb))
-mb = fetch_bytes(res3.get("placed_native_url")) if res3.get("placed_native_url") else None
-if mb: named.append((f"model{infer_ext(mb)}", mb))
-vb = fetch_bytes(res3.get("video_url")) if res3.get("video_url") else None
-if vb: named.append(("video.mp4", vb))
-if named:
-    zip_bytes = make_zip(named)
-    st.download_button("Hepsini ZIP indir", data=zip_bytes,
-                       file_name="ai_lightbox_outputs.zip", mime="application/zip",
-                       key=f"zip_{st.session_state['job_counter']}")
-
-# ================ Debug ================
-with st.expander("Debug / Kaynak Alanlar"):
-    st.json({
-        "job_id": res3.get("job_id"),
-        "schema_version": res3.get("schema_version"),
-        "api_base": res3.get("api_base"),
-        "has_auth_header": res3.get("has_auth_header"),
-        "packshot_native_url": res3.get("packshot_native_url"),
-        "padded_native_url": res3.get("padded_native_url"),
-        "placed_native_url": res3.get("placed_native_url"),
-        "video_url": res3.get("video_url"),
-    })
+# ================= SONUÇLAR =================
+res = st.session_state.get("results")
+vbytes = None
+if res:
+    st.subheader("Üretilen Sonuçlar")
+    c_pack, c_pad, c_model, c_vid = st.columns(4)
+
+    # Packshot (backend) — NATIVE
+    p_url, p_bytes = show_tile_card(
+        c_pack, "Packshot (backend)",
+        url=res.get("packshot_native_url"),
+        filename_stub="packshot_native",
+        key_prefix=f"job{st.session_state['job_counter']}"
+    )
+
+    # Padded (backend) — ara adım (UI’da packshot native’den seçilen oranla kadraj)
+    pad_bytes = res.get("padded_backend_bytes")
+    _, _ = show_tile_card(
+        c_pad, "Padded (backend) • ara adım",
+        bytes_data=pad_bytes if pad_bytes else (p_bytes or b""),
+        filename_stub="padded_backend",
+        key_prefix=f"job{st.session_state['job_counter']}"
+    )
+
+    # Model üzerinde (backend) — NATIVE
+    m_url, m_bytes = show_tile_card(
+        c_model, "Model üzerinde (backend)",
+        url=res.get("placed_native_url"),
+        filename_stub="model_native",
+        key_prefix=f"job{st.session_state['job_counter']}"
+    )
+
+    # Video: varsa göster; yoksa kullanıcı isterse üretecek (loop)
+    vurl = res.get("video_url")
+    c_vid.markdown('<div class="lb-card-title">Video</div>', unsafe_allow_html=True)
+    if vurl:
+        abs_v = _abs_backend_url(vurl)
+        c_vid.markdown(
+            f"""
+            <div class="lb-frame" style="display:flex;align-items:center;justify-content:center;">
+              <video autoplay loop muted controls playsinline style="width:100%;height:100%;object-fit:cover;">
+                <source src="{abs_v}" type="video/mp4">
+              </video>
+            </div>
+            """, unsafe_allow_html=True
+        )
+        vb = fetch_bytes(abs_v)
+        if vb:
+            vbytes = vb
+            c_vid.download_button("Videoyu indir (MP4)", data=vb, file_name="ai_lightbox_video.mp4",
+                                  mime="video/mp4", key=f"job{st.session_state['job_counter']}_video_dl")
+    else:
+        c_vid.markdown('<div class="lb-frame"></div>', unsafe_allow_html=True)
+        if st.checkbox("Bu sonuçtan video üret", value=False, key="video_toggle"):
+            # Öncelik: model native → değilse packshot native
+            src_for_video = res.get("placed_native_url") or res.get("packshot_native_url")
+            if not src_for_video:
+                st.warning("Video için kullanılacak native görsel bulunamadı.")
+            else:
+                with st.spinner("Video üretiliyor…"):
+                    v = post_video(
+                        src_for_video,
+                        duration=st.session_state.get("duration_sel", VIDEO_DUR_OPTIONS[0]),
+                        resolution=st.session_state.get("resolution_sel", VIDEO_RES_OPTIONS[1]),
+                        preview_aspect=st.session_state.get("preview_aspect","9:16"),
+                        prompt_optimizer=False,
+                    )
+                vurl2 = (v.get("result") or {}).get("video", {}).get("url")
+                ui_hints = v.get("ui_hints") or {}
+                if vurl2:
+                    st.session_state["results"]["video_url"] = vurl2
+                    if isinstance(ui_hints, dict):
+                        st.session_state["video_ui_max_px"] = int(ui_hints.get("suggested_video_max_px", VIDEO_MAX_PX_DEFAULT))
+                    st.success("Video hazır. Yukarıdaki Video kartında döngü halinde oynatılıyor.")
+                else:
+                    st.info("Video URL gelmedi.")
+
+    # Native ZIP (packshot_native + model_native + video)
+    named = []
+    if p_bytes: named.append((f"packshot_native{infer_ext(p_bytes)}", p_bytes))
+    if m_bytes: named.append((f"model_native{infer_ext(m_bytes)}", m_bytes))
+    if vbytes: named.append(("video.mp4", vbytes))
+    if named:
+        zip_bytes = make_zip(named)
+        st.download_button("Hepsini ZIP indir", data=zip_bytes,
+                           file_name="ai_lightbox_outputs.zip", mime="application/zip",
+                           key=f"job{st.session_state['job_counter']}_zip_dl")
+
+# ================= Sidebar =================
+with st.sidebar:
+    st.caption(f"API_BASE: {API_BASE}")
+    if HF_TOKEN: st.caption("Auth: Bearer (aktif)")
+    st.slider("Video önizleme genişliği (px)", 360, 1080, st.session_state["video_ui_max_px"],
+              step=10, key="video_ui_max_px")
+    if st.button("Önbelleği temizle"): st.cache_data.clear(); st.success("Önbellek temizlendi.")
+    if st.button("Son çıktıları temizle"): st.session_state["results"] = None; st.success("Çıktılar temizlendi.")