kanaui 5.0.0 → 5.0.2

data/app/assets/stylesheets/kanaui/kanaui.css

@@ -103,11 +103,40 @@
 
 .kenui-analytics-dashboard-index .well ul {
   list-style-type: none;
-  margin-top: 0.625rem;
+  margin: 0.625rem 0 0;
   background: #fafafa;
-  width: fit-content;
-  padding: 0.625rem;
+  width: 100%;
+  padding: 1rem 1.25rem;
   border-radius: 0.5rem;
+  display: flex;
+  flex-wrap: wrap;
+  gap: 0.5rem 1.25rem;
+  align-items: flex-start;
+}
+
+/* Smoothing option links (Weekly/Monthly average/sum) render as inline pills */
+.kenui-analytics-dashboard-index .well > ul > li.smoothing-option {
+  display: inline-flex;
+}
+
+.kenui-analytics-dashboard-index .well > ul > li.smoothing-option > a {
+  display: inline-flex;
+  align-items: center;
+  background: #ffffff;
+  border: 0.0625rem solid #d5d7da;
+  border-radius: 999px;
+  padding: 0.375rem 0.75rem;
+  text-decoration: none;
+  color: #414651;
+  font-weight: 500;
+  font-size: 0.8125rem;
+  line-height: 1.25rem;
+  transition: all 0.15s ease-in-out;
+}
+
+.kenui-analytics-dashboard-index .well > ul > li.smoothing-option > a:hover {
+  border-color: #1570ef;
+  color: #1570ef;
 }
 
 .kenui-analytics-dashboard-index .well ul li a {
@@ -168,6 +197,26 @@
   background: #ffffff;
 }
 
+.kenui-analytics-dashboard-index .chart-title-container {
+  width: auto;
+  height: auto;
+  display: block;
+  justify-content: unset;
+  align-items: unset;
+  position: static;
+  margin-top: 15px;
+}
+
+.kenui-analytics-dashboard-index .chart-title {
+  font-weight: 600;
+  font-size: 1.25rem;
+  line-height: 1.75rem;
+  color: #111827;
+  white-space: normal;
+  transform: none;
+  text-align: left;
+}
+
 .kenui-analytics-dashboard-index #chartAnchor svg {
   background: #ffffff;
   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
@@ -329,11 +378,25 @@
 
 /* app/views/kanaui/reports/index.html.erb */
 
+.kanaui-flash-container {
+  margin: 1rem 0 1.5rem;
+  position: relative;
+  z-index: 1;
+}
+
+.kanaui-flash-container .alert {
+  margin-bottom: 0.75rem;
+}
+
 .kanaui-reports-index .configured-reports {
   max-width: 80rem;
   width: 100%;
 }
 
+.kanaui-reports-index .kanaui-report-notice {
+  margin-bottom: 1rem;
+}
+
 .kanaui-reports-index .configured-reports .configured-reports-header {
   display: flex;
   align-items: start;
@@ -393,6 +456,11 @@
   color: #d92d20 !important;
 }
 
+.kanaui-reports-index .disabled-table-button {
+  color: #98a2b3 !important;
+  cursor: not-allowed;
+}
+
 .kanaui-reports-index .edit-button {
   color: #535862 !important;
 }
@@ -600,20 +668,32 @@
 .kenui-analytics-dashboard-index .advanced-controls {
   margin: 0.625rem 0;
   padding: 0;
+  flex: 1 1 100%;
 }
 
 .kenui-analytics-dashboard-index .advanced-controls .form-horizontal {
-  background: #fafafa;
+  background: #ffffff;
   border: 0.0625rem solid #e9eaeb;
   border-radius: 0.5rem;
-  padding: 0.625rem;
+  padding: 1rem 1.25rem;
   margin-top: 0.625rem;
+  display: grid;
+  grid-template-columns: repeat(2, minmax(0, 1fr));
+  gap: 1rem 1.5rem;
+  align-items: start;
+}
+
+.kenui-analytics-dashboard-index .advanced-controls .form-horizontal > .form-group:last-of-type {
+  grid-column: 1 / -1;
+  justify-self: end;
+  margin-top: 0;
 }
 
 .kenui-analytics-dashboard-index .advanced-controls fieldset {
   border: none;
   margin: 0;
   padding: 0;
+  min-width: 0;
 }
 
 .kenui-analytics-dashboard-index .advanced-controls legend {
@@ -628,10 +708,10 @@
 }
 
 .kenui-analytics-dashboard-index .advanced-controls .form-group {
-  margin-bottom: 1rem;
+  margin-bottom: 0.75rem;
   display: flex;
   flex-direction: column;
-  align-items: center;
+  align-items: stretch;
 }
 
 .kenui-analytics-dashboard-index .advanced-controls .control-label {
@@ -656,7 +736,7 @@
 
 .kenui-analytics-dashboard-index .advanced-controls select.form-control {
   height: 6rem;
-  min-width: 16rem;
+  min-width: 0;
   width: 100%;
 }
 
@@ -696,18 +776,19 @@
 }
 
 /* Current Analytics Query Section */
-.kenui-analytics-dashboard-index .well ul li:has(.query-label) {
-  background: #f8f9fa;
+.kenui-analytics-dashboard-index .well ul li.query-block {
+  background: #ffffff;
   border: 0.0625rem solid #e9eaeb;
   border-radius: 0.5rem;
-  padding: 0.625rem;
-  margin: 0.625rem 0;
+  padding: 0.75rem 1rem;
+  margin: 0;
   display: flex;
   flex-direction: column;
-  gap: 0.75rem;
+  gap: 0.5rem;
+  flex: 1 1 100%;
 }
 
-.kenui-analytics-dashboard-index .well ul li:has(.query-label) a {
+.kenui-analytics-dashboard-index .well ul li.query-block a {
   color: #1570ef;
   text-decoration: none;
   font-weight: 500;
@@ -720,12 +801,12 @@
   transition: color 0.15s ease-in-out;
 }
 
-.kenui-analytics-dashboard-index .well ul li:has(.query-label) a:hover {
+.kenui-analytics-dashboard-index .well ul li.query-block a:hover {
   color: #0d5bb8;
   text-decoration: underline;
 }
 
-.kenui-analytics-dashboard-index .well ul li:has(.query-label) pre {
+.kenui-analytics-dashboard-index .well ul li.query-block pre {
   background: #ffffff;
   border: 0.0625rem solid #d5d7da;
   border-radius: 0.375rem;
@@ -741,7 +822,7 @@
   box-shadow: 0 0.0625rem 0.1875rem rgba(0, 0, 0, 0.1);
 }
 
-.kenui-analytics-dashboard-index .well ul li:has(.query-label) .query-label {
+.kenui-analytics-dashboard-index .well ul li.query-block .query-label {
   font-weight: 500;
   font-size: 0.875rem;
   line-height: 1.25rem;
@@ -751,6 +832,10 @@
 
 /* Responsive adjustments for smaller screens */
 @media (max-width: 768px) {
+  .kenui-analytics-dashboard-index .advanced-controls .form-horizontal {
+    grid-template-columns: 1fr;
+  }
+
   .kenui-analytics-dashboard-index .advanced-controls .form-group {
     flex-direction: column;
     align-items: flex-start;
@@ -766,7 +851,7 @@
     width: 100%;
   }
   
-  .kenui-analytics-dashboard-index .well ul li:has(.query-label) pre {
+  .kenui-analytics-dashboard-index .well ul li.query-block pre {
     font-size: 0.75rem;
     padding: 0.5rem 0.75rem;
   }

data/app/assets/stylesheets/kanaui/reports.css

@@ -3,6 +3,91 @@
     white-space: nowrap;
 }
 
+.kanaui-field-control {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+}
+
+.kanaui-field-control-top {
+  align-items: flex-start;
+}
+
+.kanaui-field-control .form-control {
+  flex: 1 1 auto;
+}
+
+.kanaui-field-help {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex: 0 0 auto;
+  width: 22px;
+  height: 22px;
+  padding: 0;
+  color: #6b7280;
+  background: transparent;
+  border: 0;
+  box-shadow: none;
+  font-size: 16px;
+  font-weight: 600;
+  line-height: 1;
+  text-align: center;
+  cursor: pointer;
+}
+
+.kanaui-field-help:hover,
+.kanaui-field-help:focus {
+  color: #111827;
+  background: transparent;
+  outline: none;
+}
+
+.kanaui-field-help:focus {
+  box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.24);
+  border-radius: 3px;
+}
+
+.kanaui-field-tooltip {
+  position: absolute;
+  z-index: 1070;
+  display: none;
+  max-width: 360px;
+  padding: 10px 12px;
+  color: #1f2937;
+  background-color: #fff;
+  border: 1px solid #d1d5db;
+  border-radius: 6px;
+  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.16);
+  font-size: 14px;
+  font-weight: 400;
+  line-height: 1.5;
+  pointer-events: none;
+}
+
+.kanaui-field-tooltip::before {
+  content: "";
+  position: absolute;
+  top: 12px;
+  left: -6px;
+  width: 0;
+  height: 0;
+  border-top: 6px solid transparent;
+  border-bottom: 6px solid transparent;
+  border-right: 6px solid #fff;
+}
+
+.kanaui-field-tooltip.is-flipped::before {
+  left: auto;
+  right: -6px;
+  border-right: 0;
+  border-left: 6px solid #fff;
+}
+
+.kanaui-field-tooltip.is-visible {
+  display: block;
+}
+
 .sql-query {
     word-break: break-word;
 }

data/app/controllers/kanaui/dashboard_controller.rb

@@ -11,7 +11,7 @@ module Kanaui
 
       @raw_name = (params[:name] || '').split('^')[0]
 
-      @end_date = params[:end_date] || Date.today.to_s
+      @end_date = params[:end_date] || Time.zone.today.to_s
 
       @available_start_dates = start_date_options
       @start_date = params[:start_date] || (params[:delta_days].present? ? (@end_date.to_date - params[:delta_days].to_i.day).to_s : @available_start_dates['Last 6 months'])
@@ -19,9 +19,13 @@ module Kanaui
       @reports = JSON.parse(raw_reports)
       @report = current_report(@reports) || {}
 
-      # If no report name is provided, redirect to the default (second) report
-      if @raw_name.blank? && @reports.is_a?(Array) && @reports[1].present?
-        default_name = @reports[1]['reportName']
+      # If no report name is provided, redirect to a default report.
+      # Prefer the historical default (second report) when present, but fall back
+      # to the first report so a single configured report still renders the
+      # dashboard controls and chart area.
+      default_report = @reports[1] || @reports[0] if @reports.is_a?(Array)
+      default_name = default_report&.fetch('reportName', nil).presence
+      if @raw_name.blank? && default_name.present?
         query_params = { start_date: @start_date,
                          end_date: @end_date,
                          name: default_name,
@@ -29,8 +33,8 @@ module Kanaui
                          sql_only: params[:sql_only],
                          format: params[:format] }
 
-        query_params[:fake] = params[:fake] unless params[:fake].blank?
-        query_params[:type] = params[:type] unless params[:type].blank?
+        query_params[:fake] = params[:fake] if params[:fake].present?
+        query_params[:type] = params[:type] if params[:type].present?
 
         redirect_to dashboard_index_path(query_params) and return
       end
@@ -46,14 +50,14 @@ module Kanaui
         name = query.present? ? "#{params[:name]}#{query}^metric:count" : params[:name]
         query_params = { start_date: @start_date,
                          end_date: @end_date,
-                         name: name,
+                         name:,
                          smooth: params[:smooth],
                          sql_only: params[:sql_only],
                          format: params[:format] }
 
         # Test only
-        query_params[:fake] = params[:fake] unless params[:fake].blank?
-        query_params[:type] = params[:type] unless params[:type].blank?
+        query_params[:fake] = params[:fake] if params[:fake].present?
+        query_params[:type] = params[:type] if params[:type].present?
 
         redirect_to dashboard_index_path(query_params) and return
       end
@@ -86,12 +90,12 @@ module Kanaui
       respond_to do |fmt|
         fmt.csv do
           filename = params[:name]
-          unless params[:start_date].blank?
+          if params[:start_date].present?
             filename += "_#{params[:start_date]}"
-            filename += "-#{params[:end_date]}" unless params[:end_date].blank?
+            filename += "-#{params[:end_date]}" if params[:end_date].present?
           end
           filename += '.csv'
-          send_data(raw_reports, filename: filename)
+          send_data(raw_reports, filename:)
         end
         fmt.all { render json: reports }
       end
@@ -142,20 +146,19 @@ module Kanaui
         groups[field_name] = params["group_#{field_name}"]
       end
 
-      filter_query = ''
+      filter_query = +''
       filters.each do |k, v|
         next if v.blank?
 
-        filter_query << '%26' unless filter_query.blank?
+        filter_query.presence&.<<('%26')
         filter_query << "(#{k}=#{v.join("|#{k}=")})"
       end
-      query << "^filter:#{filter_query}" unless filter_query.blank?
+      query << "^filter:#{filter_query}" if filter_query.present?
 
       groups.each do |k, v|
         next if v.blank?
 
-        # TODO: Make "no other" configurable
-        query << "^dimension:#{k}(#{v.join('|')}|-)"
+        query << "^dimension:#{k}(#{v.join('|')})"
       end
 
       # Template variables

data/app/controllers/kanaui/engine_controller.rb

@@ -27,8 +27,27 @@ module Kanaui
     end
 
     rescue_from(KillBillClient::API::ResponseError) do |killbill_exception|
-      flash[:error] = "Error while communicating with the Kill Bill server: #{as_string(killbill_exception)}"
-      redirect_to dashboard_index_path
+      error_message = I18n.t('kanaui.errors.killbill_communication', error: as_string(killbill_exception))
+
+      if json_request?
+        render json: { message: error_message }, status: killbill_exception.response.code.to_i
+      else
+        flash[:error] = error_message
+        # Avoid redirect loops when the dashboard itself cannot be loaded.
+        if controller_name == 'dashboard' && action_name == 'index'
+          render plain: error_message, status: killbill_exception.response.code.to_i
+        else
+          redirect_to dashboard_index_path
+        end
+      end
+    end
+
+    def json_request?
+      request.format.json? || params[:format] == 'json' || dashboard_reports_json_request?
+    end
+
+    def dashboard_reports_json_request?
+      controller_name == 'dashboard' && action_name == 'reports' && params[:format].blank?
     end
 
     def as_string(e)

data/app/controllers/kanaui/reports_controller.rb

@@ -4,48 +4,57 @@ module Kanaui
   class ReportsController < Kanaui::EngineController
     def index
       @reports = JSON.parse(Kanaui::DashboardHelper::DashboardApi.available_reports(options_for_klient)).map(&:deep_symbolize_keys)
+      @report_notice = report_notice_from_flash
     end
 
     def new
       @report = {}
     end
 
-    def create
-      Kanaui::DashboardHelper::DashboardApi.create_report(report_from_params.to_json, options_for_klient)
-
-      flash[:notice] = 'Report successfully created'
-      redirect_to action: :index
-    end
-
     def edit
       @report = JSON.parse(Kanaui::DashboardHelper::DashboardApi.available_reports(options_for_klient))
                     .find { |x| x['reportName'] == params.require(:id) }
                     .deep_symbolize_keys
     end
 
+    def create
+      Kanaui::DashboardHelper::DashboardApi.create_report(report_from_params.to_json, options_for_klient)
+
+      redirect_to_index_with_notice(:created)
+    end
+
     def update
       Kanaui::DashboardHelper::DashboardApi.update_report(params.require(:id), report_from_params.to_json, options_for_klient)
 
-      flash[:notice] = 'Report successfully updated'
-      redirect_to action: :index
+      redirect_to_index_with_notice(:updated)
     end
 
     def refresh
       Kanaui::DashboardHelper::DashboardApi.refresh_report(params.require(:id), options_for_klient)
 
-      flash[:notice] = 'Report refresh successfully scheduled'
-      redirect_to action: :index
+      redirect_to_index_with_notice(:refresh_scheduled)
     end
 
     def destroy
       Kanaui::DashboardHelper::DashboardApi.delete_report(params.require(:id), options_for_klient)
 
-      flash[:notice] = 'Report successfully deleted'
-      redirect_to action: :index
+      redirect_to_index_with_notice(:deleted)
     end
 
     private
 
+    def report_notice_from_flash
+      notice_key = flash[:report_notice].presence&.to_s
+      return nil unless %w[created updated refresh_scheduled deleted].include?(notice_key)
+
+      I18n.t("kanaui.reports.notices.#{notice_key}", default: nil)
+    end
+
+    def redirect_to_index_with_notice(notice_key)
+      flash[:report_notice] = notice_key
+      redirect_to action: :index
+    end
+
     def report_from_params
       {
         reportName: params[:report_name],

data/app/helpers/kanaui/dashboard_helper.rb

@@ -18,9 +18,15 @@ module Kanaui
         end
 
         def reports(start_date, end_date, name, smooth, sql_only, format, options = {})
-          path = "#{KILLBILL_ANALYTICS_PREFIX}/reports?format=#{format}&startDate=#{start_date}&endDate=#{end_date}&name=#{name}"
-          path = "#{path}&smooth=#{smooth}" if smooth
-          path = "#{path}&sqlOnly=true" unless sql_only.blank?
+          query = {
+            'format' => format,
+            'startDate' => start_date,
+            'endDate' => end_date,
+            'name' => name
+          }
+          query['smooth'] = smooth if smooth
+          query['sqlOnly'] = 'true' if sql_only.present?
+          path = "#{KILLBILL_ANALYTICS_PREFIX}/reports?#{query.to_query}"
           response = KillBillClient::API.get path, {}, options
           response.body
         end

data/app/views/kanaui/dashboard/index.html.erb

@@ -43,6 +43,10 @@
                     <%= link_to "Fake line", kanaui_engine.dashboard_index_path(fake: 1, name: 'fake_line', type: 'line') %>
                   </li>
                 </ul>
+              <% elsif @reports.empty? %>
+                <select class="form-select" id="report-select" disabled>
+                  <option value=""><%= t('kanaui.dashboard.no_reports_available') %></option>
+                </select>
               <% else %>
                 <select class="form-select" id="report-select" onchange="goToReport(this.value);">
                   <% @reports.each_with_index do |r, idx| %>
@@ -58,7 +62,7 @@
             
 
             <div class="calendar-container">
-              <% if params[:name] %>
+              <% if params[:name].present? || @reports.empty? %>
                 <div class="form-container d-flex">
                   <%= form_tag kanaui_engine.dashboard_index_path, :class => 'form-vertical d-flex', :method => :get do %>
                     <div class="trigger-invoice-box form-group">
@@ -79,7 +83,7 @@
                                 <path d="M2.83325 8.33325H17.8333" stroke="#A4A7AE" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
                               </svg>
 
-                              <input class="form-control datepicker" name="start_date" type="text" data-provide="datepicker" data-date-format="yyyy-mm-dd" data-date-today-highlight="true" value="<%= @start_date %>">
+                              <input class="form-control datepicker" name="start_date" type="text" data-provide="datepicker" data-date-format="yyyy-mm-dd" data-date-today-highlight="true" value="<%= @start_date %>"<%= ' disabled' if @reports.empty? %>>
                             </div>
                           </div>
                           <div class="form-group d-flex align-items-center gap-2">
@@ -92,7 +96,7 @@
                                 <path d="M2.83325 8.33325H17.8333" stroke="#A4A7AE" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
                               </svg>
 
-                              <input class="form-control datepicker" name="end_date" type="text" data-provide="datepicker" data-date-format="yyyy-mm-dd" data-date-today-highlight="true" value="<%= @end_date %>">
+                              <input class="form-control datepicker" name="end_date" type="text" data-provide="datepicker" data-date-format="yyyy-mm-dd" data-date-today-highlight="true" value="<%= @end_date %>"<%= ' disabled' if @reports.empty? %>>
                             </div>
                           </div>
                           <% ((@report['variables'] || {})['fields'] || []).each do |definition| %>
@@ -118,6 +122,7 @@
                           variant: "outline-secondary d-inline-flex align-items-center gap-1",
                           type: "submit",
                           html_class: "btn btn-xs kaui-dropdown custom-hover py-2 px-3 refresh-button",
+                          html_options: { disabled: @reports.empty? },
                         } %>
                       
                           <%= link_to kanaui_engine.url_for(:controller => :reports), class: 'text-decoration-none' do %>
@@ -145,6 +150,11 @@
                 <div class="">
                   <% if params[:name] %>
                     
+                    <div class="chart-title-container mb-2">
+                      <h2 class="chart-title" id="chart-title">
+                        <%= @report['reportPrettyName'] %>
+                      </h2>
+                    </div>
                     <div id="date-controls" style="display: none;">
                       <div class="custom-tabs my-4">
                         <% @available_start_dates.each do |key, value| %>
@@ -153,14 +163,7 @@
                       </div>
                     </div>
                     <div id="loading-spinner"></div>
-                    <div class="d-flex w-100 align-items-center">
-                      <div class="chart-title-container">
-                        <h2 class="chart-title" id="chart-title">
-                          <%= @raw_name.titleize %>
-                        </h2>
-                      </div>
-                      <div id="chartAnchor" data-reports-path="<%= kanaui_engine.reports_path(params.to_h) %>" class="w-100 h-100"></div>
-                    </div>
+                    <div id="chartAnchor" data-reports-path="<%= kanaui_engine.reports_path(params.to_h) %>" data-report-name="<%= @report['reportPrettyName'] %>" class="w-100"></div>
                     
                     <hr>
 
@@ -202,16 +205,16 @@
                             <% at_least_two_months = params[:start_date].blank? || params[:end_date].blank? || (params[:end_date].to_date.beginning_of_month - 1.month > params[:start_date].to_date) %>
                             <% at_least_two_weeks = params[:start_date].blank? || params[:end_date].blank? || (params[:end_date].to_date.beginning_of_week - 1.week > params[:start_date].to_date) %>
                             <% if params[:smooth] != 'AVERAGE_WEEKLY' && at_least_two_weeks %>
-                              <li><%= link_to 'Weekly average', kanaui_engine.dashboard_index_path(params.to_h.merge(:smooth => 'AVERAGE_WEEKLY')) %></li>
+                              <li class="smoothing-option"><%= link_to 'Weekly average', kanaui_engine.dashboard_index_path(params.to_h.merge(:smooth => 'AVERAGE_WEEKLY')) %></li>
                             <% end %>
                             <% if params[:smooth] != 'AVERAGE_MONTHLY' && at_least_two_months %>
-                              <li><%= link_to 'Monthly average', kanaui_engine.dashboard_index_path(params.to_h.merge(:smooth => 'AVERAGE_MONTHLY')) %></li>
+                              <li class="smoothing-option"><%= link_to 'Monthly average', kanaui_engine.dashboard_index_path(params.to_h.merge(:smooth => 'AVERAGE_MONTHLY')) %></li>
                             <% end %>
                             <% if params[:smooth] != 'SUM_WEEKLY' && at_least_two_weeks %>
-                              <li><%= link_to 'Weekly sum', kanaui_engine.dashboard_index_path(params.to_h.merge(:smooth => 'SUM_WEEKLY')) %></li>
+                              <li class="smoothing-option"><%= link_to 'Weekly sum', kanaui_engine.dashboard_index_path(params.to_h.merge(:smooth => 'SUM_WEEKLY')) %></li>
                             <% end %>
                             <% if params[:smooth] != 'SUM_MONTHLY' && at_least_two_months %>
-                              <li><%= link_to 'Monthly sum', kanaui_engine.dashboard_index_path(params.to_h.merge(:smooth => 'SUM_MONTHLY')) %></li>
+                              <li class="smoothing-option"><%= link_to 'Monthly sum', kanaui_engine.dashboard_index_path(params.to_h.merge(:smooth => 'SUM_MONTHLY')) %></li>
                             <% end %>
                           <% end %>
                           <% filter_fields = ((@report['schema'] || {})['fields'] || []).select { |field| !field['distinctValues'].blank? && field['dataType'] =~ /char/ } # To ignore tenant_record_id %>
@@ -254,14 +257,14 @@
                                   </div>
                               <% end %>
                             </li>
-                            <li>
+                            <li class="query-block">
                               <div class="query-label">
                                 Current Analytics query:&nbsp;<%= link_to '<i class="fa fa-question-circle"></i>'.html_safe, 'http://docs.killbill.io/latest/userguide_analytics.html#_dashboard_api', :target => '_blank' %>
                               </div>
                               <pre><%= params[:name] -%></pre>
                             </li>
                         <% end %>
-                          <li><%= link_to 'SQL query', kanaui_engine.reports_path(params.to_h.merge(:sql_only => true)) %></li>
+                          <li class="smoothing-option"><%= link_to t('kanaui.dashboard.advanced_controls.sql_query'), kanaui_engine.reports_path(params.to_h.merge(:sql_only => true)) %></li>
                         </ul>
                       </div>
                     </div>
@@ -313,4 +316,32 @@
     // Safe to navigate
     window.location.href = url;
   }
+
+  // Persist the open/closed state of #advanced-controls across page reloads
+  (function () {
+    var STORAGE_KEY = 'kanaui.advancedControls.open';
+    var panel = document.getElementById('advanced-controls');
+    if (!panel) {
+      return;
+    }
+    var toggle = document.querySelector('[data-bs-toggle="collapse"][href="#advanced-controls"]');
+
+    // Restore previous state before Bootstrap initializes
+    try {
+      if (localStorage.getItem(STORAGE_KEY) === '1') {
+        panel.classList.add('show');
+        if (toggle) {
+          toggle.setAttribute('aria-expanded', 'true');
+          toggle.classList.remove('collapsed');
+        }
+      }
+    } catch (e) { /* localStorage may be unavailable */ }
+
+    panel.addEventListener('shown.bs.collapse', function () {
+      try { localStorage.setItem(STORAGE_KEY, '1'); } catch (e) {}
+    });
+    panel.addEventListener('hidden.bs.collapse', function () {
+      try { localStorage.setItem(STORAGE_KEY, '0'); } catch (e) {}
+    });
+  })();
 <% end %>