import gradio as gr

# Define the file paths
video_files = [
    "output_part_001.mp4",
    "output_part_002.mp4", 
    "output_part_003.mp4", 
    "output_part_004.mp4"
]

image_file = "flux_krea_00107_.png"

# Create the Gradio interface
demo = gr.Blocks(title="Action History Terminal Log")

with demo:
    gr.Markdown("<h1 style='text-align: center;'>Action History Terminal Log</h1>")
    
    # Centered image
    gr.Markdown("<div style='text-align: center;'>")
    gr.Image(
        value=image_file,
        label="flux1-krea-dev",
        show_label=True
    )
    gr.Markdown("</div>")
    
    gr.Markdown("## Video Showcase")
    
    # Videos in a 2x2 grid
    with gr.Row():
        gr.Video(video_files[0], label="Output Part 001")
        gr.Video(video_files[1], label="Output Part 002")
    
    with gr.Row():
        gr.Video(video_files[2], label="Output Part 003")
        gr.Video(video_files[3], label="Output Part 004")

if __name__ == "__main__":
    demo.launch()