feat: simplify date range selection by removing modal inputs and enhance station metadata display with value boxes.

server.R

@@ -83,12 +83,8 @@ server <- function(input, output, session) {
         inputs_to_toggle <- c(
             "station_selector",
             "date_range",
-            "modal_date_start",
-            "modal_date_end",
             "zoom_home",
-            "close_panel",
             "main_nav",
-            "download_data",
             "download_hourly"
         )
 
@@ -332,74 +328,12 @@ server <- function(input, output, session) {
         # Sync dropdown
         updateSelectizeInput(session, "station_selector", selected = id_val)
 
-        # Trigger Panel
-        output$show_details_panel <- reactive(TRUE)
-        outputOptions(output, "show_details_panel", suspendWhenHidden = FALSE)
-
         # NOTE: Date reset removed to preserve user context
     })
 
     # --- Date Synchronization (Sliding Window & Bi-Directional) ---
 
-    # 1. Sync Panel -> Sidebar (and constraints: 28 <= days <= 366)
-    observeEvent(input$modal_date_start, {
-        req(input$modal_date_start, input$modal_date_end)
-
-        # Calculate current diff
-        diff <- as.numeric(difftime(input$modal_date_end, input$modal_date_start, units = "days"))
-
-        # Validation Logic
-        if (diff > 366) {
-            freezeReactiveValue(input, "modal_date_end")
-            new_end <- as.Date(input$modal_date_start) + 366
-            updateDateInput(session, "modal_date_end", value = new_end)
-            # Update tracked state to prevent sidebar from incorrectly detecting changes
-            previous_date_range(c(input$modal_date_start, new_end))
-        } else if (diff < 28) {
-            freezeReactiveValue(input, "modal_date_end")
-            new_end <- as.Date(input$modal_date_start) + 28
-            updateDateInput(session, "modal_date_end", value = new_end)
-            # Update tracked state
-            previous_date_range(c(input$modal_date_start, new_end))
-        } else {
-            # Valid range (28-366 checks pass)
-            # Update tracked state before syncing to sidebar
-            previous_date_range(c(input$modal_date_start, input$modal_date_end))
-            # Sync to Sidebar
-            updateDateRangeInput(session, "date_range", start = input$modal_date_start, end = input$modal_date_end)
-        }
-    })
-
-    observeEvent(input$modal_date_end, {
-        req(input$modal_date_start, input$modal_date_end)
-
-        # Calculate current diff
-        diff <- as.numeric(difftime(input$modal_date_end, input$modal_date_start, units = "days"))
-
-        # Validation Logic (Adjust Start Date)
-        if (diff > 366) {
-            freezeReactiveValue(input, "modal_date_start")
-            new_start <- as.Date(input$modal_date_end) - 366
-            updateDateInput(session, "modal_date_start", value = new_start)
-            # Update tracked state
-            previous_date_range(c(new_start, input$modal_date_end))
-        } else if (diff < 28) {
-            freezeReactiveValue(input, "modal_date_start")
-            # If diff < 28, we need to push start back to ensure at least 28 days
-            new_start <- as.Date(input$modal_date_end) - 28
-            updateDateInput(session, "modal_date_start", value = new_start)
-            # Update tracked state
-            previous_date_range(c(new_start, input$modal_date_end))
-        } else {
-            # Valid range
-            # Update tracked state before syncing to sidebar
-            previous_date_range(c(input$modal_date_start, input$modal_date_end))
-            # Sync to Sidebar
-            updateDateRangeInput(session, "date_range", start = input$modal_date_start, end = input$modal_date_end)
-        }
-    })
-
-    # 2. Sync Sidebar -> Panel (and enforce 366 days on sidebar with bi-directional detection)
+    # 2. Sidebar constraints: 28 <= days <= 366
     observeEvent(input$date_range, {
         req(input$date_range)
         d_start <- input$date_range[1]
@@ -427,7 +361,6 @@ server <- function(input, output, session) {
 
             if (end_changed && !start_changed) {
                 # User changed end date -> adjust start date
-                # Logic: If diff > 366, pull start to (end - 366). If diff < 28, push start to (end - 28)
                 target_diff <- if (diff > 366) 366 else 28
                 new_start <- d_end - target_diff
 
@@ -436,9 +369,6 @@ server <- function(input, output, session) {
 
                 # Update tracked state
                 previous_date_range(c(new_start, d_end))
-                # Sync to Panel
-                updateDateInput(session, "modal_date_start", value = new_start)
-                updateDateInput(session, "modal_date_end", value = d_end)
             } else {
                 # User changed start date (or both) -> adjust end date
                 target_diff <- if (diff > 366) 366 else 28
@@ -449,19 +379,10 @@ server <- function(input, output, session) {
 
                 # Update tracked state
                 previous_date_range(c(d_start, new_end))
-                # Sync to Panel
-                updateDateInput(session, "modal_date_start", value = d_start)
-                updateDateInput(session, "modal_date_end", value = new_end)
             }
         } else {
             # Update tracked state
             previous_date_range(c(d_start, d_end))
-            # Distinct check to break loops
-            # Only update panel if it's different to avoid circularity
-            if (!isTRUE(all.equal(input$modal_date_start, d_start)) || !isTRUE(all.equal(input$modal_date_end, d_end))) {
-                updateDateInput(session, "modal_date_start", value = d_start)
-                updateDateInput(session, "modal_date_end", value = d_end)
-            }
         }
     })
 
@@ -482,7 +403,8 @@ server <- function(input, output, session) {
 
     # Initial Trigger (Debounced Window)
     window_reactive <- reactive({
-        list(id = current_station_id(), start = input$modal_date_start, end = input$modal_date_end)
+        req(input$date_range)
+        list(id = current_station_id(), start = input$date_range[1], end = input$date_range[2])
     })
     window_debounced <- window_reactive %>% debounce(500)
 
@@ -865,6 +787,10 @@ server <- function(input, output, session) {
                 loading_diagnostics(paste0("Success: ", nrow(clean_df), " rows loaded."))
                 loading_status(FALSE)
                 fetch_stage(0)
+
+                # Navigate to Dashboard tab
+                updateNavbarPage(session, "main_nav", selected = "Dashboard")
+
                 # Show rendering message and then unfreeze after delay
                 session$sendCustomMessage("freezeUI", list(text = "Rendering plots..."))
                 later::later(function() {
@@ -896,38 +822,11 @@ server <- function(input, output, session) {
     })
     outputOptions(output, "has_diag", suspendWhenHidden = FALSE)
 
-    # Station Meta
-    output$panel_station_name <- renderText({
-        req(current_station_id())
-        s <- all_stations() %>% filter(id == current_station_id())
-        if (nrow(s) > 0) paste0(s$name[1], " (", s$id[1], ")") else current_station_id()
-    })
-
-    output$panel_station_meta <- renderText({
-        req(current_station_id())
-        s <- all_stations() %>% filter(id == current_station_id())
-        if (nrow(s) > 0) {
-            paste0(
-                s$state[1], " | ",
-                "Lat: ", s$latitude[1], " | Lon: ", s$longitude[1], " | Elev: ", s$elevation[1], "m"
-            )
-        } else {
-            ""
-        }
-    })
     # Plots
     observe({
         df <- station_data()
         req(df)
 
-        # Filter by Date Range from Modal (local processing)
-        if (!is.null(input$modal_date_start) && !is.null(input$modal_date_end)) {
-            df <- df %>% filter(
-                datetime >= as.POSIXct(input$modal_date_start),
-                datetime <= as.POSIXct(input$modal_date_end) + days(1)
-            )
-        }
-
         output$temp_plot <- renderPlotly({
             create_weather_trends_plot(df)
         })
@@ -986,32 +885,53 @@ server <- function(input, output, session) {
 
         s_name <- meta$name[1]
         s_state <- meta$state[1]
+        s_elev <- meta$elevation[1]
 
         # Data Range
         df <- station_data()
         if (is.null(df) || nrow(df) == 0) {
-            return(tagList(
-                h4(s_name, style = "margin-bottom: 5px;"),
-                p(tags$small(paste("Station ID:", id)), style = "color: #666;")
-            ))
+            dates_text <- "No data loaded"
+        } else {
+            date_range <- range(as.Date(df$datetime), na.rm = TRUE)
+            dates_text <- paste(date_range[1], "to", date_range[2])
         }
 
-        date_range <- range(as.Date(df$datetime), na.rm = TRUE)
-
-        tagList(
-            h4(paste0(s_name, ", ", s_state), style = "margin-bottom: 5px;"),
-            p(
-                tags$small(paste(
-                    "Station ID:", id, " | ",
-                    "Data selection:", date_range[1], "to", date_range[2]
-                )),
-                style = "color: #666; margin-bottom: 5px;"
+        layout_columns(
+            fill = FALSE,
+            value_box(
+                title = "Station",
+                value = s_name,
+                showcase = bsicons::bs_icon("geo-alt-fill"),
+                p(paste("ID:", id)),
+                theme = "primary"
+            ),
+            value_box(
+                title = "State / Location",
+                value = s_state,
+                showcase = bsicons::bs_icon("map-fill"),
+                p(paste0("Lat: ", meta$latitude[1], " | Lon: ", meta$longitude[1])),
+                theme = "secondary"
+            ),
+            value_box(
+                title = "Elevation",
+                value = paste0(s_elev, " m"),
+                showcase = bsicons::bs_icon("align-bottom"),
+                p("Above mean sea level"),
+                theme = "info"
             ),
-            p(
-                tags$small("Data source: DWD OpenData (Germany)"),
-                tags$br(),
-                tags$small("Includes: Air Temperature, Precip, Wind, Solar* all parameters processed"),
-                style = "color: #666; font-style: italic;"
+            value_box(
+                title = "Data Period",
+                value = dates_text,
+                showcase = bsicons::bs_icon("calendar3"),
+                p(paste("Resolution:", input$data_resolution)),
+                theme = "success"
+            ),
+            value_box(
+                title = "Actions",
+                value = "Download",
+                showcase = bsicons::bs_icon("download"),
+                downloadButton("download_hourly", "Export CSV", class = "btn-sm btn-light", style = "width: 100%;"),
+                theme = "warning"
             )
         )
     })
@@ -1045,18 +965,9 @@ server <- function(input, output, session) {
                 radius = 8, color = "red", fill = FALSE, opacity = 1, weight = 3
             )
 
-        # Show Panel
-        output$show_details_panel <- reactive(TRUE)
-        outputOptions(output, "show_details_panel", suspendWhenHidden = FALSE)
-
         # NOTE: Date reset removed to preserve user context (same as map marker click)
     })
 
-    # Close Panel
-    observeEvent(input$close_panel, {
-        output$show_details_panel <- reactive(FALSE)
-    })
-
     # Dynamic Details Tabs (Hide Wind Rose for Daily)
     output$details_tabs <- renderUI({
         req(input$data_resolution)
@@ -1102,16 +1013,6 @@ server <- function(input, output, session) {
             ))
         }
 
-        do.call(bslib::navset_card_pill, tabs)
+        do.call(bslib::navset_pill, tabs)
     })
-
-    # Downloads
-    output$download_data <- downloadHandler(
-        filename = function() {
-            paste0("dwd_station_", current_station_id(), ".csv")
-        },
-        content = function(file) {
-            write_csv(station_data(), file)
-        }
-    )
 }

ui.R

@@ -228,41 +228,6 @@ ui <- page_navbar(
         id = "zoom_home_panel",
         top = 80, left = 10,
         actionButton("zoom_home", bsicons::bs_icon("house-fill"), class = "btn-home", title = "Zoom to all stations")
-      ),
-
-      # Floating Panel
-      conditionalPanel(
-        condition = "output.show_details_panel",
-        absolutePanel(
-          id = "station_detail_panel",
-          class = "panel panel-default",
-          top = 20, right = 20, width = 550,
-          draggable = TRUE,
-
-          # Header
-          div(
-            style = "padding-bottom: 10px; border-bottom: 1px solid #eee; margin-bottom: 10px; padding-right: 30px;",
-            h4(textOutput("panel_station_name"), style = "margin: 0; font-size: 1.1rem; font-weight: bold;"),
-            div(style = "font-size: 0.85rem; color: #666;", textOutput("panel_station_meta")),
-            actionButton("close_panel", icon("times"), class = "close-btn-custom", label = NULL)
-          ),
-
-          # Controls
-          div(
-            style = "margin-bottom: 10px;",
-            fluidRow(
-              column(6, dateInput("modal_date_start", "Start Date", value = NULL)),
-              column(6, dateInput("modal_date_end", "End Date", value = NULL))
-            ),
-            div(
-              style = "text-align: right;",
-              conditionalPanel(condition = "output.station_ready", downloadButton("download_data", "Export CSV", class = "btn-sm btn-outline-success"))
-            )
-          ),
-
-          # Content Tabs
-          uiOutput("details_tabs")
-        )
       )
     )
   ),
@@ -271,20 +236,32 @@ ui <- page_navbar(
     DT::dataTableOutput("table")
   ),
   nav_panel(
-    title = "Data",
+    title = "Dashboard",
+    value = "Dashboard",
     conditionalPanel(
       condition = "!output.station_ready",
       div(
         style = "height: 600px; display: flex; align-items: center; justify-content: center;",
-        p("Select a station from the map or the Stations Info table to view the data.", style = "color: #999;")
+        p("Select a station from the map or the Stations Info table to view the dashboard.", style = "color: #999;")
       )
     ),
     conditionalPanel(
       condition = "output.station_ready",
-      htmlOutput("station_info_header"),
-      div(style = "margin-bottom: 10px;"),
-      downloadButton("download_hourly", "Export Hourly CSV", class = "btn-outline-success", style = "margin-bottom: 10px;"),
-      DT::dataTableOutput("hourly_data_table")
+      uiOutput("station_info_header"),
+      navset_card_pill(
+        id = "dashboard_subtabs",
+        nav_panel(
+          title = "Plots",
+          uiOutput("details_tabs")
+        ),
+        nav_panel(
+          title = "Data",
+          div(
+            style = "margin-top: 10px;",
+            DT::dataTableOutput("hourly_data_table")
+          )
+        )
+      )
     )
   ),
   nav_spacer(),