ui/sidebar.py

import gradio as gr
from caption_store import entry_count

def render_sidebar():
    with gr.Sidebar(elem_id="custom-sidebar"):
        # Custom HTML Header
        gr.HTML("""

        <div class="brand-header">

            <h1>ShutterSearch</h1>

            <p>Modern Photo Archive</p>

        </div>

        """)
        
        # Added non-breaking spaces (&nbsp;) after emojis for visual breathing room
        btns = {
            "home": gr.Button("🏠Home", elem_classes="nav-btn"),
            "ingest": gr.Button("📥Ingest", elem_classes="nav-btn"),
            "search": gr.Button("🔍Search", elem_classes="nav-btn"),
            "collections": gr.Button("📁Collections", elem_classes="nav-btn"),
            "captions": gr.Button("📝Captions", elem_classes="nav-btn"),
            "about": gr.Button("ℹ️About", elem_classes="nav-btn"),
        }
        
        with gr.Column(elem_classes="stats-container"):
            stats = gr.Label(value=f"Total Photos: {entry_count()}", label="Archive Stats")
            
    return btns, stats