RubyGems - sage-rails - Versions diffs - 0.0.3 - Mend

sage-rails 0.0.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (83) hide show

checksums.yaml +7 -0
data/README.md +202 -0
data/app/assets/images/chevron-down-zinc-500.svg +1 -0
data/app/assets/images/chevron-right.svg +1 -0
data/app/assets/images/loading.svg +4 -0
data/app/assets/images/sage/chevron-down-zinc-500.svg +1 -0
data/app/assets/images/sage/chevron-right.svg +1 -0
data/app/assets/images/sage/loading.svg +4 -0
data/app/assets/javascripts/sage/application.js +18 -0
data/app/assets/stylesheets/sage/application.css +308 -0
data/app/controllers/sage/actions_controller.rb +5 -0
data/app/controllers/sage/application_controller.rb +4 -0
data/app/controllers/sage/base_controller.rb +10 -0
data/app/controllers/sage/checks_controller.rb +65 -0
data/app/controllers/sage/dashboards_controller.rb +130 -0
data/app/controllers/sage/queries/messages_controller.rb +62 -0
data/app/controllers/sage/queries_controller.rb +596 -0
data/app/helpers/sage/application_helper.rb +30 -0
data/app/helpers/sage/queries_helper.rb +23 -0
data/app/javascript/controllers/element_removal_controller.js +7 -0
data/app/javascript/sage/controllers/clipboard_controller.js +26 -0
data/app/javascript/sage/controllers/dashboard_controller.js +132 -0
data/app/javascript/sage/controllers/reverse_infinite_scroll_controller.js +146 -0
data/app/javascript/sage/controllers/search_controller.js +47 -0
data/app/javascript/sage/controllers/select_controller.js +215 -0
data/app/javascript/sage.js +19 -0
data/app/jobs/sage/application_job.rb +4 -0
data/app/jobs/sage/process_report_job.rb +80 -0
data/app/mailers/sage/application_mailer.rb +6 -0
data/app/models/sage/application_record.rb +5 -0
data/app/models/sage/message.rb +8 -0
data/app/schemas/sage/report_response_schema.rb +8 -0
data/app/views/layouts/application.html.erb +34 -0
data/app/views/layouts/sage/application.html.erb +94 -0
data/app/views/sage/checks/_form.html.erb +81 -0
data/app/views/sage/checks/_search.html.erb +8 -0
data/app/views/sage/checks/edit.html.erb +10 -0
data/app/views/sage/checks/index.html.erb +58 -0
data/app/views/sage/checks/new.html.erb +8 -0
data/app/views/sage/dashboards/_form.html.erb +50 -0
data/app/views/sage/dashboards/_search.html.erb +8 -0
data/app/views/sage/dashboards/index.html.erb +58 -0
data/app/views/sage/dashboards/new.html.erb +8 -0
data/app/views/sage/dashboards/show.html.erb +58 -0
data/app/views/sage/messages/_form.html.erb +14 -0
data/app/views/sage/queries/_caching.html.erb +17 -0
data/app/views/sage/queries/_form.html.erb +72 -0
data/app/views/sage/queries/_input.html.erb +17 -0
data/app/views/sage/queries/_message.html.erb +25 -0
data/app/views/sage/queries/_message.turbo_stream.erb +10 -0
data/app/views/sage/queries/_new_form.html.erb +43 -0
data/app/views/sage/queries/_run.html.erb +232 -0
data/app/views/sage/queries/_search.html.erb +8 -0
data/app/views/sage/queries/_statement_box.html.erb +241 -0
data/app/views/sage/queries/_streaming_message.html.erb +14 -0
data/app/views/sage/queries/create.turbo_stream.erb +114 -0
data/app/views/sage/queries/edit.html.erb +48 -0
data/app/views/sage/queries/index.html.erb +59 -0
data/app/views/sage/queries/messages/create.turbo_stream.erb +22 -0
data/app/views/sage/queries/messages/index.html.erb +44 -0
data/app/views/sage/queries/messages/index.turbo_stream.erb +15 -0
data/app/views/sage/queries/new.html.erb +195 -0
data/app/views/sage/queries/run.html.erb +1 -0
data/app/views/sage/queries/run.turbo_stream.erb +3 -0
data/app/views/sage/queries/show.html.erb +49 -0
data/app/views/sage/queries/table_schema.html.erb +77 -0
data/app/views/sage/shared/_navigation.html.erb +26 -0
data/app/views/sage/shared/_overlay.html.erb +11 -0
data/config/importmap.rb +11 -0
data/config/initializers/pagy.rb +2 -0
data/config/initializers/ransack.rb +152 -0
data/config/routes.rb +31 -0
data/lib/generators/sage/USAGE +13 -0
data/lib/generators/sage/install/install_generator.rb +128 -0
data/lib/generators/sage/install/templates/sage.rb +22 -0
data/lib/sage/database_schema_context.rb +56 -0
data/lib/sage/engine.rb +260 -0
data/lib/sage/model_scopes_context.rb +185 -0
data/lib/sage/report_processor.rb +263 -0
data/lib/sage/version.rb +3 -0
data/lib/sage.rb +25 -0
data/lib/tasks/sage_tasks.rake +4 -0
metadata +245 -0

data/app/views/layouts/application.html.erb ADDED Viewed

@@ -0,0 +1,34 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title><%= content_for(:title) || "Sage" %></title>
+    <meta name="viewport" content="width=device-width,initial-scale=1">
+    <meta name="apple-mobile-web-app-capable" content="yes">
+    <meta name="mobile-web-app-capable" content="yes">
+    <%= csrf_meta_tags %>
+    <%= csp_meta_tag %>
+    <%= yield :head %>
+    <%# Enable PWA manifest for installable apps (make sure to enable in config/routes.rb too!) %>
+    <%#= tag.link rel: "manifest", href: pwa_manifest_path(format: :json) %>
+    <link rel="icon" href="/icon.png" type="image/png">
+    <link rel="icon" href="/icon.svg" type="image/svg+xml">
+    <link rel="apple-touch-icon" href="/icon.png">
+  </head>
+  <body class="header-layout">
+    <header id="header">
+      <div class="container">
+        <h1 class="font-bold text-2xl">Sage</h1>
+      </div>
+    </header>
+    <main id="main">
+      <div class="container">
+        <%= yield %>
+      </div>
+    </main>
+  </body>
+</html>

data/app/views/layouts/sage/application.html.erb ADDED Viewed

@@ -0,0 +1,94 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title><%= blazer_title ? "Sage - #{blazer_title}": "Sage - Natural language reporting" %></title>
+    <%= csrf_meta_tags %>
+    <%= csp_meta_tag %>
+    <%= yield :head %>
+    <% if defined?(Propshaft::Railtie) && Rails.application.assets.is_a?(Propshaft::Assembly) %>
+      <%= stylesheet_link_tag "sage/application", "blazer/selectize", "blazer/daterangepicker" %>
+      <%= javascript_include_tag "blazer/jquery", "blazer/rails-ujs", "blazer/stupidtable", "blazer/stupidtable-custom-settings", "blazer/jquery.stickytableheaders", "blazer/selectize", "blazer/highlight.min", "blazer/moment", "blazer/moment-timezone-with-data", "blazer/daterangepicker", "blazer/chart.umd", "blazer/chartjs-adapter-date-fns.bundle", "blazer/chartkick", "blazer/mapkick.bundle", "blazer/ace/ace", "blazer/ace/ext-language_tools", "blazer/ace/theme-twilight", "blazer/ace/mode-sql", "blazer/ace/snippets/text", "blazer/ace/snippets/sql", "blazer/Sortable", "blazer/vue.global.prod", "blazer/routes", "blazer/queries", "blazer/fuzzysearch", nonce: true %>
+    <% elsif defined?(Sprockets) %>
+      <%= stylesheet_link_tag "sage/application", "blazer/selectize", "blazer/daterangepicker" %>
+      <%= javascript_include_tag "blazer/jquery", "blazer/rails-ujs", "blazer/stupidtable", "blazer/stupidtable-custom-settings", "blazer/jquery.stickytableheaders", "blazer/selectize", "blazer/highlight.min", "blazer/moment", "blazer/moment-timezone-with-data", "blazer/daterangepicker", "blazer/chart.umd", "blazer/chartjs-adapter-date-fns.bundle", "blazer/chartkick", "blazer/mapkick.bundle", "blazer/ace/ace", "blazer/ace/ext-language_tools", "blazer/ace/theme-twilight", "blazer/ace/mode-sql", "blazer/ace/snippets/text", "blazer/ace/snippets/sql", "blazer/Sortable", "blazer/vue.global.prod", "blazer/routes", "blazer/queries", "blazer/fuzzysearch", "sage/application", nonce: true %>
+    <% else %>
+      <%= stylesheet_link_tag "sage/application" %>
+      <%= javascript_importmap_tags %>
+    <% end %>
+    <!-- Beer CSS - loaded after other stylesheets to take precedence -->
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/beercss@3.11.33/dist/cdn/beer.min.css">
+    <script type="module" src="https://cdn.jsdelivr.net/npm/beercss@3.11.33/dist/cdn/beer.min.js"></script>
+    <script type="module" src="https://cdn.jsdelivr.net/npm/material-dynamic-colors@1.1.2/dist/cdn/material-dynamic-colors.min.js"></script>
+    <!-- Material Icons -->
+    <%# <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons" /> %>
+    <%= javascript_importmap_tags %>
+    <%= javascript_tag nonce: true do %>
+      <%= blazer_js_var "rootPath", root_path %>
+      function changeTheme() {
+        // Use Beer CSS mode functions
+        if (typeof ui === 'function') {
+          const currentMode = ui("mode");
+          const newMode = currentMode === 'dark' ? 'light' : 'dark';
+          ui("mode", newMode);
+          // Store the preference to prevent system override
+          localStorage.setItem('sage-theme-mode', newMode);
+          updateThemeIcon();
+        }
+      }
+      function updateThemeIcon() {
+        const themeButton = document.getElementById('theme-toggle');
+        const themeIcon = themeButton ? themeButton.querySelector('i') : null;
+        if (themeIcon && typeof ui === 'function') {
+          const currentMode = ui("mode");
+          themeIcon.textContent = currentMode === 'dark' ? 'light_mode' : 'dark_mode';
+        }
+      }
+      // Initialize theme on page load (works with Turbo)
+      function initializeTheme() {
+        // Check if user has a saved preference
+        const savedMode = localStorage.getItem('sage-theme-mode');
+        if (savedMode && typeof ui === 'function') {
+          ui("mode", savedMode);
+        }
+        // Update the icon
+        updateThemeIcon();
+      }
+      // Initialize on DOM ready and Turbo navigation
+      document.addEventListener('DOMContentLoaded', initializeTheme);
+      document.addEventListener('turbo:load', initializeTheme);
+      // Handle modal dialogs when turbo frames load
+      document.addEventListener('turbo:frame-load', function(event) {
+        // Check if this is the overlay frame and contains a dialog
+        if (event.target.id === 'overlay') {
+          const dialog = event.target.querySelector('#dialog');
+          if (dialog && typeof ui === 'function') {
+            // Small delay to ensure DOM is fully rendered
+            requestAnimationFrame(() => {
+              ui('#dialog');
+            });
+          }
+        }
+      });
+    <% end %>
+  </head>
+  <body id='layout' class=''>
+    <%= render partial: 'sage/shared/navigation' %>
+    <main class='responsive center-align <%= "max" if current_page?(edit_query_path(params[:id])) rescue nil %>'>
+      <%= yield %>
+      <%= turbo_frame_tag "overlay" %>
+    </main>
+  </body>
+</html>

data/app/views/sage/checks/_form.html.erb ADDED Viewed

@@ -0,0 +1,81 @@
+<%= form_for @check do |f| %>
+  <% unless @check.respond_to?(:check_type) || @check.respond_to?(:invert) %>
+    <p class="secondary-text">Checks are designed to identify bad data. A check fails if there are any results.</p>
+  <% end %>
+  <% if @check.errors.any? %>
+    <div class="error padding margin"><%= @check.errors.full_messages.first %></div>
+  <% end %>
+  <div class="grid">
+    <div class="s12 m6">
+      <div data-controller="sage--select"
+           data-sage--select-options-value="<%= Blazer::Query.active.named.order(:name).select("id, name").map { |q| {text: q.name, value: q.id} }.to_json %>"
+           data-sage--select-selected-value="<%= @check.query_id %>"
+           data-sage--select-placeholder-value="Select query">
+        <div class="field label border select-container">
+          <input type="text"
+                 data-sage--select-target="input"
+                 data-action="input->sage--select#search focus->sage--select#focus blur->sage--select#blur"
+                 autocomplete="off"
+                 placeholder=" ">
+          <label>Search queries</label>
+          <input type="hidden" name="check[query_id]" id="check_query_id" value="<%= @check.query_id %>" data-sage--select-target="hidden">
+          <div data-sage--select-target="dropdown" class="select-dropdown hidden">
+          </div>
+        </div>
+      </div>
+      <% if @check.respond_to?(:check_type) %>
+        <div class="field label border">
+          <% check_options = [["Any results (bad data)", "bad_data"], ["No results (missing data)", "missing_data"]] %>
+          <% check_options << ["Anomaly (most recent data point)", "anomaly"] if Blazer.anomaly_checks %>
+          <%= f.select :check_type, check_options, {}, {class: "active"} %>
+          <label>Alert if</label>
+        </div>
+      <% elsif @check.respond_to?(:invert) %>
+        <div class="field label border">
+          <%= f.select :invert, [["Any results (bad data)", false], ["No results (missing data)", true]], {}, {class: "active"} %>
+          <label>Fails if</label>
+        </div>
+      <% end %>
+      <% if @check.respond_to?(:schedule) && Blazer.check_schedules %>
+        <div class="field label border">
+          <%= f.select :schedule, Blazer.check_schedules.map { |v| [v, v] }, {}, {class: "active"} %>
+          <label>Run every</label>
+        </div>
+      <% end %>
+    </div>
+    <div class="s12 m6">
+      <div class="field label border">
+        <%= f.text_field :emails %>
+        <label>Emails</label>
+        <span class="helper">Optional, comma separated</span>
+      </div>
+      <% if Blazer.slack? %>
+        <div class="field label border">
+          <%= f.text_field :slack_channels %>
+          <label>Slack channels</label>
+          <span class="helper">Optional, comma separated</span>
+        </div>
+      <% end %>
+      <p class="secondary-text small-padding">
+        Emails <%= Blazer.slack? ? "and Slack notifications " : nil %>are sent when a check starts failing, and when it starts passing again.
+      </p>
+    </div>
+  </div>
+  <div class="medium-space"></div>
+  <nav>
+    <% if @check.persisted? %>
+      <%= link_to "Delete", check_path(@check), method: :delete, "data-confirm" => "Are you sure?", class: "button error" %>
+    <% end %>
+    <button type="submit">Save</button>
+    <%= link_to "Back", :back %>
+  </nav>
+<% end %>

data/app/views/sage/checks/_search.html.erb ADDED Viewed

@@ -0,0 +1,8 @@
+<%= search_form_for @q, url: checks_path, class: 'field border prefix round', data: { controller: 'sage--search' } do |f| %>
+  <i class="front">search</i>
+  <%= f.search_field :emails_or_slack_channels_or_check_type_cont,
+                     placeholder: "Search checks by emails, slack channels, or type...",
+                     class: 'text',
+                     data: { action: 'input->sage--search#submit' } %>
+<% end %>

data/app/views/sage/checks/edit.html.erb ADDED Viewed

@@ -0,0 +1,10 @@
+<% blazer_title "Edit Check" %>
+<div class="padding left-align">
+  <h5 style="">
+    Edit Check
+  </h5>
+</div>
+<%= render partial: "form" %>

data/app/views/sage/checks/index.html.erb ADDED Viewed

@@ -0,0 +1,58 @@
+<% blazer_title "Checks" %>
+<div class="padding left-align <%= "#{current_page?(checks_path) ? 'active' : ''}" %>">
+  <h5>Checks</h5>
+</div>
+<div id="">
+  <div class="row right-align">
+    <%= link_to new_check_path do %>
+      <button>
+        New Check
+      </button>
+    <% end %>
+  </div>
+</div>
+<%= render partial: 'search' %>
+<table id="checks" class="table">
+  <thead>
+    <tr>
+      <th>Query</th>
+      <th style="width: 15%;">State</th>
+      <th style="width: 10%;">Run</th>
+      <th style="width: 25%;">Notify</th>
+      <th style="width: 15%; text-align: right;"></th>
+    </tr>
+  </thead>
+  <tbody>
+    <% @checks.each do |check| %>
+      <tr>
+        <td>
+          <%= link_to check.query.name, check.query %>
+          <% if check.try(:check_type) %>
+            <span class="text-muted"><%= check.check_type.to_s.gsub("_", " ") %></span>
+          <% end %>
+        </td>
+        <td style="vertical-align: middle;">
+          <% if check.state %>
+            <span class="chip <%= check.state.parameterize.gsub("-", "_") %>"><%= check.state.upcase %></span>
+          <% end %>
+        </td>
+        <td style="vertical-align: middle;">
+          <%= check.schedule if check.respond_to?(:schedule) %>
+        </td>
+        <td style="vertical-align: middle;">
+          <% notify_items = check.split_emails + check.split_slack_channels %>
+          <%= notify_items.join(", ") if notify_items.any? %>
+        </td>
+        <td style="text-align: right; vertical-align: middle;">
+          <%= link_to "Edit", edit_check_path(check) %>
+          <%= link_to "Run Now", run_check_path(check), class: "button primary" %>
+        </td>
+      </tr>
+    <% end %>
+  </tbody>
+</table>

data/app/views/sage/checks/new.html.erb ADDED Viewed

@@ -0,0 +1,8 @@
+<% blazer_title "New Check" %>
+<div class="padding left-align">
+  <h5 class="">New Check</h5>
+</div>
+<%= render partial: "form" %>

data/app/views/sage/dashboards/_form.html.erb ADDED Viewed

@@ -0,0 +1,50 @@
+<%= form_for @dashboard, url: (@dashboard.persisted? ? dashboard_path(@dashboard, params: variable_params(@dashboard)) : dashboards_path(params: variable_params(@dashboard))), html: {class: "small-form", data: {controller: "sage--dashboard", "sage--dashboard-queries-value": (@queries || @dashboard.dashboard_queries.order(:position).map(&:query)).to_json, action: "select:change->sage--dashboard#addQuery"}} do |f| %>
+  <% if @dashboard.errors.any? %>
+    <div class="error-container"><%= @dashboard.errors.full_messages.first %></div>
+  <% end %>
+  <div class="field border label">
+    <input type='text' name='dashboard[name]' id='dashboard_name' value="<%= @dashboard.name %>">
+    <label>Name</label>
+  </div>
+  <div class="grid">
+    <div class="s6">
+      <fieldset>
+        <legend>Add Chart</legend>
+        <div data-controller="sage--select"
+             data-sage--select-options-value="<%= Blazer::Query.active.named.order(:name).select("id, name").map { |q| {text: q.name, value: q.id} }.to_json %>"
+             data-sage--select-placeholder-value="Select chart">
+          <div class="field label border select-container">
+            <input type="text"
+                   data-sage--select-target="input"
+                   data-action="input->sage--select#search focus->sage--select#focus blur->sage--select#blur"
+                   autocomplete="off"
+                   placeholder=" ">
+            <label>Search charts</label>
+            <div data-sage--select-target="dropdown" class="select-dropdown hidden">
+            </div>
+          </div>
+        </div>
+      </fieldset>
+      <p style="padding-bottom: 140px;">
+      <% if @dashboard.persisted? %>
+        <%= link_to "Delete", dashboard_path(@dashboard), method: :delete, "data-confirm" => "Are you sure?", class: "btn btn-danger" %>
+      <% end %>
+      <button type='submit'>
+        Save
+      </button>
+      <%= link_to "Back", :back, class: "" %>
+      </p>
+    </div>
+    <div class="s6">
+      <fieldset data-sage--dashboard-target="queryList" style="display: none; opacity: 1 !important;">
+        <legend style="opacity: 1 !important; color: black !important;">Selected Charts</legend>
+        <nav id="queries" style="display: flex; flex-direction: column; gap: 8px; opacity: 1 !important;">
+        </nav>
+      </fieldset>
+    </div>
+  </div>
+<% end %>

data/app/views/sage/dashboards/_search.html.erb ADDED Viewed

@@ -0,0 +1,8 @@
+<%= search_form_for @q, url: dashboards_path, class: 'field border prefix round', data: { controller: 'sage--search', turbo_frame: "dashboards" } do |f| %>
+  <i class="front">search</i>
+  <%= f.search_field :name_cont,
+                     placeholder: "Search dashboards by name...",
+                     class: 'text',
+                     data: { action: 'input->sage--search#submit' } %>
+<% end %>

data/app/views/sage/dashboards/index.html.erb ADDED Viewed

@@ -0,0 +1,58 @@
+<%# re-structure header, so that navigation and actions are inline %>
+<div id="dashboards">
+  <div class="padding left-align <%= "#{current_page?(dashboards_path) ? 'active' : ''}" %>">
+    <h5>Dashboards</h5>
+  </div>
+  <div class="right-align" style="">
+    <% if blazer_user %>
+      <%= link_to "All", root_path, class: !params[:filter] ? "active" : nil, style: "margin-right: 40px;" %>
+      <% if Blazer.audit %>
+        <%= link_to "Viewed", root_path(filter: "viewed"), class: params[:filter] == "viewed" ? "active" : nil, style: "margin-right: 40px;" %>
+      <% end %>
+      <%= link_to "Mine", root_path(filter: "mine"), class: params[:filter] == "mine" ? "active" : nil, style: "margin-right: 40px;" %>
+    <% end %>
+    <%= link_to new_dashboard_path do %>
+      <button>
+        New Dashboard
+      </button>
+    <% end %>
+  </div>
+  <%= render partial: 'search' %>
+  <% if @dashboards.any? %>
+    <table class="border">
+      <thead>
+        <tr>
+          <th>Name</th>
+          <% if Blazer.user_class %>
+            <th style="width: 20%;">Mastermind</th>
+          <% end%>
+        </tr>
+      </thead>
+      <tbody>
+        <% @dashboards.each do |dashboard| %>
+          <tr>
+            <td>
+              <%= link_to dashboard.name, dashboard_path(dashboard), class: "text-decoration-none" %>
+            </td>
+            <% if Blazer.user_class %>
+              <td><%= dashboard.creator.name %></td>
+            <% end %>
+          </tr>
+        <% end %>
+      </tbody>
+    </table>
+    <div style="display: flex; justify-content: center; padding: 1rem;">
+      <%== pagy_nav(@pagy) if @pagy.pages > 1 %>
+    </div>
+  <% else %>
+    <div class="mt-3">
+      <p>No dashboards found.</p>
+    </div>
+  <% end %>
+</div>

data/app/views/sage/dashboards/new.html.erb ADDED Viewed

@@ -0,0 +1,8 @@
+<%= blazer_title "New Dashboard" %>
+<div class="padding left-align">
+  <h5 class="">New Dashboard</h5>
+</div>
+<%= render partial: "form" %>

data/app/views/sage/dashboards/show.html.erb ADDED Viewed

@@ -0,0 +1,58 @@
+<% blazer_title @dashboard.name %>
+<div class="padding left-align row" style="">
+  <h5 style="">
+    <%= @dashboard.name %>
+  </h5>
+  <div class="">
+    <%= link_to edit_dashboard_path(@dashboard, params: variable_params(@dashboard)) do %>
+      <button>Edit</button>
+    <% end %>
+    <%= link_to "Back", dashboards_path %>
+  </div>
+</div>
+<div style="margin-bottom: 60px;"></div>
+<% if @data_sources.any? { |ds| ds.cache_mode != "off" } %>
+  <p class="text-muted" style="float: right;">
+    Some queries may be cached
+    <%= link_to "Refresh", refresh_dashboard_path(@dashboard, params: variable_params(@dashboard)), method: :post %>
+  </p>
+<% end %>
+<% if @bind_vars.any? %>
+  <%= render partial: "blazer/variables", locals: {action: dashboard_path(@dashboard)} %>
+<% else %>
+  <div style="padding-bottom: 15px;"></div>
+<% end %>
+<% @queries.each_with_index do |query, i| %>
+  <div class="chart-container">
+    <h4><%= link_to query.friendly_name, query_path(query, params: variable_params(query)), target: "_blank" %></h4>
+    <div id="chart-<%= i %>" class="chart">
+      <% if @query_errors[query.id] %>
+        <div class="alert alert-danger">
+          <%= @query_errors[query.id] %>
+        </div>
+      <% else %>
+        <p class="text-muted">Loading...</p>
+      <% end %>
+    </div>
+  </div>
+  <% unless @query_errors[query.id] %>
+    <%= javascript_tag nonce: true do %>
+      <% data = {statement: query.statement, query_id: query.id, data_source: query.data_source || Blazer.data_sources.keys.first, variables: variable_params(query), only_chart: true} %>
+      <% data.merge!(cohort_period: params[:cohort_period]) if params[:cohort_period] %>
+      <%= blazer_js_var "data", data %>
+      runQuery(data, function (data) {
+        $("#chart-<%= i %>").html(data)
+        $("#chart-<%= i %> table").stupidtable(stupidtableCustomSettings)
+      }, function (message) {
+        $("#chart-<%= i %>").addClass("query-error").html(message)
+      });
+    <% end %>
+  <% end %>
+<% end %>

data/app/views/sage/messages/_form.html.erb ADDED Viewed

@@ -0,0 +1,14 @@
+<%#= turbo_frame_tag dom_id(@query, 'message_form') do %>
+  <div style='position: absolute; bottom: 0px; left: 0; right: 0; z-index: 1000; padding: 0 20px;'>
+    <%= form_with url: "/queries/run", method: :post, local: false do |f| %>
+      <%= f.hidden_field :query_id, value: @query.id %>
+      <%= f.hidden_field :data_source, value: @query.data_source || Blazer.data_sources.keys.first %>
+      <div style='display: flex; align-items: center; gap: 12px; border: 1px solid #e0e0e0; border-radius: 24px; padding: 4px; background: white;'>
+        <%= f.text_field :statement, placeholder: 'How can I help?', style: 'flex: 1; border: none; outline: none; background: transparent; padding: 12px 16px; font-size: 16px;' %>
+        <button class='primary' type='submit' style='border: none; border-radius: 20px; width: 48px; height: 48px; display: flex; align-items: center; justify-content: center; color: white; cursor: pointer; flex-shrink: 0;'>
+          <i style='font-size: 20px;'>send</i>
+        </button>
+      </div>
+    <% end %>
+  </div>
+<%# end %>

data/app/views/sage/queries/_caching.html.erb ADDED Viewed

@@ -0,0 +1,17 @@
+<% if @cached_at || @just_cached %>
+  <p class="text-muted" style="float: right;">
+  <% if @cached_at %>
+    Cached <%= time_ago_in_words(@cached_at, include_seconds: true) %> ago
+  <% elsif params[:query_id] %>
+    Cached just now
+    <% if @data_source.cache_mode == "slow" %>
+      (over <%= "%g" % @data_source.cache_slow_threshold %>s)
+    <% end %>
+  <% end %>
+  <% if @query && params[:query_id] %>
+    <%= link_to "Refresh", refresh_query_path(@query, params: variable_params(@query, @var_params)), method: :post %>
+  <% end %>
+  </p>
+<% end %>

data/app/views/sage/queries/_form.html.erb ADDED Viewed

@@ -0,0 +1,72 @@
+<% if @query.errors.any? %>
+  <div class="alert alert-danger"><%= @query.errors.full_messages.first %></div>
+<% end %>
+<% @variable_params = @query.persisted? ? variable_params(@query) : nested_variable_params(@query) %>
+<div id="app" v-cloak>
+  <%= form_for @query, url: (@query.persisted? ? query_path(@query, params: @variable_params) : queries_path(params: @variable_params)), html: {autocomplete: "off"} do |f| %>
+    <div class="row">
+      <div class="col-xs-4">
+        <div class="form-group">
+          <%= f.label :name %>
+          <%= f.text_field :name, class: "form-control" %>
+        </div>
+        <div class="form-group">
+          <%= f.label :description %>
+          <%= f.text_area :description, placeholder: "Optional", style: "height: 80px;", class: "form-control" %>
+        </div>
+        <div class="form-group text-right">
+          <%= f.submit "For Enter Press", class: "hide" %>
+          <% if @query.persisted? %>
+            <%= link_to "Delete", query_path(@query), method: :delete, "data-confirm" => "Are you sure?", class: "btn btn-danger" %>
+            <%= f.submit "Fork", class: "btn btn-info" %>
+          <% end %>
+          <%= f.submit @query.persisted? ? "Update" : "Create", class: "btn btn-success" %>
+        </div>
+        <% if @query.persisted? %>
+          <% dashboards_count = @query.dashboards.count %>
+          <% checks_count = @query.checks.count %>
+          <% words = [] %>
+          <% words << pluralize(dashboards_count, "dashboard") if dashboards_count > 0 %>
+          <% words << pluralize(checks_count, "check") if checks_count > 0 %>
+          <% if words.any? %>
+            <div class="alert alert-info">
+              Part of <%= words.to_sentence %>. Be careful when editing.
+            </div>
+          <% end %>
+        <% end %>
+      </div>
+    </div>
+  <% end %>
+  <div id="results">
+    <p class="text-muted" v-if="running">Loading...</p>
+    <div id="results-html" v-if="!running" :class="{ 'query-error': error }"></div>
+  </div>
+</div>
+<%= javascript_tag nonce: true do %>
+  <%= blazer_js_var "variableParams", @variable_params %>
+  <%= blazer_js_var "previewStatement", Blazer.data_sources.to_h { |k, v| [k, (v.preview_statement rescue "")] } %>
+  var app = Vue.createApp({
+    data: function() {
+      return {
+        running: false,
+        results: "",
+        error: false
+      }
+    },
+    methods: {
+      showResults(data) {
+        Vue.nextTick(function () {
+          $("#results-html").html(data)
+        })
+      }
+    }
+  })
+  app.config.compilerOptions.whitespace = "preserve"
+  app.mount("#app")
+<% end %>

data/app/views/sage/queries/_input.html.erb ADDED Viewed

@@ -0,0 +1,17 @@
+<div id=<%= dom_id(query, 'input') %> class="border-top" style="padding: 16px 16px 4px 16px;">
+  <%= form_with url: query_messages_path(query), method: :post, id: 'chat-form' do |f| %>
+    <%= f.hidden_field :query_id, value: query.id %>
+    <%= f.hidden_field :data_source, value: query.data_source || Blazer.data_sources.keys.first %>
+    <div class="field textarea border round" style="margin-bottom: 1em !important;">
+      <%= f.text_area :statement,
+        placeholder: 'How can I help?',
+        id: 'chat-textarea',
+        class: 'transparent',
+        style: 'resize: none; padding-right: 48px; min-height: 40px;' %>
+      <button class='primary circle small' type='submit' style='position: absolute; bottom: 8px; right: 8px; z-index: 10; pointer-events: auto;'>
+        <i>send</i>
+      </button>
+    </div>
+  <% end %>
+</div>

data/app/views/sage/queries/_message.html.erb ADDED Viewed

@@ -0,0 +1,25 @@
+<div id=<%= dom_id(message) %> class="row small-margin">
+  <div class="max">
+    <% if message.creator.present? || message.creator_id&.zero? %>
+      <p class="bold primary-text"><%= message.creator.try(:name) || message.creator.try(:email) || "User" %> <small class="secondary-text"><%= message.created_at.strftime('%l:%M %p') %></small></p>
+    <% else %>
+      <p class="bold accent-text">System <small class="secondary-text"><%= message.created_at.strftime('%l:%M %p') %></small></p>
+    <% end %>
+    <p><%= simple_format(message.body) %></p>
+  </div>
+</div>
+<script>
+  setTimeout(() => {
+    <% if local_assigns[:stream_target_id] %>
+      const targetElement = document.getElementById('<%= stream_target_id %>') || document.getElementById('<%= dom_id(message) %>');
+    <% else %>
+      const targetElement = document.getElementById('<%= dom_id(message) %>');
+    <% end %>
+    if (targetElement) {
+      const messagesDiv = targetElement.closest('[id$="_messages"]');
+      if (messagesDiv) {
+        messagesDiv.scrollTop = messagesDiv.scrollHeight;
+      }
+    }
+  }, 10);
+</script>

data/app/views/sage/queries/_message.turbo_stream.erb ADDED Viewed

@@ -0,0 +1,10 @@
+<div id=<%= dom_id(message) %> class="row small-margin">
+  <div class="max">
+    <% if message.creator.present? || message.creator_id&.zero? %>
+      <p class="bold primary-text"><%= message.creator.try(:name) || message.creator.try(:email) || "User" %> <small class="secondary-text"><%= message.created_at.strftime('%l:%M %p') %></small></p>
+    <% else %>
+      <p class="bold accent-text">System <small class="secondary-text"><%= message.created_at.strftime('%l:%M %p') %></small></p>
+    <% end %>
+    <p><%= simple_format(message.body) %></p>
+  </div>
+</div>