mod agents;
mod analytics;
mod flow;

pub use agents::*;
pub use analytics::*;
pub use flow::*;

use dioxus::prelude::*;

use crate::app::Route;
use crate::components::sub_nav::{SubNav, SubNavItem};

/// Shell layout for the Developer section.
///
/// Renders a horizontal tab bar (Agents, Flow, Analytics) above
/// the child route outlet. Sits inside the main `AppShell` layout.
#[component]
pub fn DeveloperShell() -> Element {
    let tabs = vec![
        SubNavItem {
            label: "Agents",
            route: Route::AgentsPage {},
        },
        SubNavItem {
            label: "Flow",
            route: Route::FlowPage {},
        },
        SubNavItem {
            label: "Analytics",
            route: Route::AnalyticsPage {},
        },
    ];

    rsx! {
        div { class: "developer-shell",
            SubNav { items: tabs }
            div { class: "shell-content", Outlet::<Route> {} }
        }
    }
}