import gradio as gr
from laod_pipeline import laod_gdino

from huggingface_hub import login
import os

for variable_name in os.environ.keys():
    print(variable_name)


login(token=os.environ.get('gemma_access_token'))



examples =[['images/1.jpg'], ['images/2.jpg'], ['images/3.jpg']]
title = "LAOD: LLM-Guided Agentic Object Detection for Open-World Understanding"

# --- HTML/CSS for Centered Horizontal Buttons ---
# We use a div with Flexbox to center the buttons and add a gap between them.
description = """
<div style="display: flex; justify-content: center; align-items: center; text-align: center; gap: 15px;">
  <p style="margin: 0;">For more details:</p>
  <a href="https://github.com/furkanmumcu/LAOD" target="_blank">
    <img src="https://img.shields.io/badge/GitHub-Repo-blue?style=for-the-badge&logo=github" alt="GitHub Repo">
  </a>
  <a href="https://arxiv.org/abs/2507.10844" target="_blank">
    <img src="https://img.shields.io/badge/arXiv-Paper-b31b1b?style=for-the-badge&logo=arxiv" alt="arXiv Paper">
  </a>
</div>
"""

demo = gr.Interface(
    fn=laod_gdino,
    inputs=gr.Image(label="Upload an Image", type="pil"),
    outputs=gr.Image(label="Output"),
    examples=examples,
    title=title,
    description=description
)

# To run the app, uncomment the line below
demo.launch()