nquery 0.1.0

data/app/views/nquery/collections/show.html.erb

@@ -0,0 +1,100 @@
+<div class="nq-page-header">
+  <h1><%= @collection.name %></h1>
+  <p class="nq-muted nq-resource-meta">
+    <%= collection_kind_label(@collection) %>
+    · <%= pluralize(@child_collections.size, "folder", "folders") %>
+    · <%= pluralize(@charts.size, "chart") %>
+    · <%= pluralize(@dashboards.size, "dashboard") %>
+  </p>
+  <div class="nq-actions">
+    <%= link_to edit_collection_path(@collection), class: "nq-btn" do %>
+      <%= nq_icon(:edit) %>
+      <span>Edit</span>
+    <% end %>
+    <% unless @collection.kind == "root" %>
+      <% if @collection.archived? %>
+        <%= button_to unarchive_collection_path(@collection), method: :patch, class: "nq-btn" do %>
+          <%= nq_icon(:unarchive) %>
+          <span>Unarchive</span>
+        <% end %>
+      <% else %>
+        <%= button_to archive_collection_path(@collection), method: :patch, class: "nq-btn", form: { data: { turbo_confirm: "Archive this collection?" } } do %>
+          <%= nq_icon(:archive) %>
+          <span>Archive</span>
+        <% end %>
+      <% end %>
+      <%= button_to collection_path(@collection), method: :delete, class: "nq-btn nq-btn-danger", form: { data: { turbo_confirm: "Delete this collection?" } } do %>
+        <%= nq_icon(:trash) %>
+        <span>Delete</span>
+      <% end %>
+    <% end %>
+    <%= link_to new_collection_collection_path(@collection), class: "nq-btn" do %>
+      <%= nq_icon(:folder) %>
+      <span>New folder</span>
+    <% end %>
+    <%= link_to new_collection_dashboard_path(@collection), class: "nq-btn nq-btn-primary" do %>
+      <%= nq_icon(:dashboard) %>
+      <span>New dashboard</span>
+    <% end %>
+  </div>
+</div>
+
+<% if @collection.archived? %>
+  <%= nq_flash_card "This collection is archived.", type: :warning, toast: false %>
+<% end %>
+
+<% if @child_collections.empty? && @dashboards.empty? && @standalone_charts.empty? %>
+  <div class="nq-card nq-empty-state">
+    <div class="nq-empty-state-icon"><%= nq_icon(:folder, class: "nq-icon-lg") %></div>
+    <h2>This collection is empty</h2>
+    <p class="nq-muted">Create a dashboard to organize charts in this collection.</p>
+    <%= link_to new_collection_dashboard_path(@collection), class: "nq-btn nq-btn-primary" do %>
+      <%= nq_icon(:dashboard) %>
+      <span>Create dashboard</span>
+    <% end %>
+  </div>
+<% else %>
+  <% if @child_collections.any? %>
+    <section class="nq-section nq-mb">
+      <h2 class="nq-section-title">Folders</h2>
+      <div class="nq-grid nq-grid-3">
+        <% @child_collections.each do |collection| %>
+          <%= link_to collection_path(collection), class: "nq-folder-card" do %>
+            <%= nq_icon(:folder) %>
+            <span><%= collection.name %></span>
+          <% end %>
+        <% end %>
+      </div>
+    </section>
+  <% end %>
+
+  <% if @dashboards.any? %>
+    <section class="nq-section">
+      <h2 class="nq-section-title">Dashboards</h2>
+      <div class="nq-grid nq-grid-2 nq-dashboard-summary-grid">
+        <% @dashboards.each do |dashboard| %>
+          <%= render "nquery/collections/dashboard_card", dashboard: dashboard %>
+        <% end %>
+      </div>
+    </section>
+  <% end %>
+
+  <% if @standalone_charts.any? %>
+    <section class="nq-section nq-mt">
+      <h2 class="nq-section-title">Charts</h2>
+      <div class="nq-card">
+        <ul class="nq-dashboard-summary-charts">
+          <% @standalone_charts.each do |chart| %>
+            <li>
+              <%= link_to chart_path(chart), class: "nq-dashboard-summary-chart-link" do %>
+                <%= nq_icon(:chart) %>
+                <span class="nq-dashboard-summary-chart-name"><%= chart.name %></span>
+                <span class="nq-muted"><%= chart.chart_type.titleize %></span>
+              <% end %>
+            </li>
+          <% end %>
+        </ul>
+      </div>
+    </section>
+  <% end %>
+<% end %>

data/app/views/nquery/dashboard/charts/new.html.erb

@@ -0,0 +1,6 @@
+<%= render "nquery/charts/builder_form",
+           chart: @chart,
+           dashboard: @dashboard,
+           form_url: dashboard_charts_path(@dashboard),
+           data_sources: @data_sources,
+           schema: @schema %>

data/app/views/nquery/dashboards/_chart_card.html.erb

@@ -0,0 +1,16 @@
+<div class="nq-dashboard-card"
+     style="grid-column: span <%= card.width %>; grid-row: span <%= card.height %>;"
+     data-dashboard-grid-target="card"
+     data-card-id="<%= card.id %>">
+  <header class="nq-dashboard-card-header">
+    <h3 class="nq-dashboard-card-title"><%= card.chart.name %></h3>
+    <%= render "nquery/shared/chart_actions_menu", chart: card.chart, dashboard: dashboard %>
+  </header>
+  <div class="nq-chart-preview" data-controller="chart-preview"
+       data-chart-preview-type-value="<%= card.chart.chart_type %>"
+       data-chart-preview-x-value="<%= card.chart.visualization.to_h["x"] %>"
+       data-chart-preview-y-value="<%= card.chart.visualization.to_h["y"] %>"
+       data-chart-preview-data-value="<%= card_result.to_json %>">
+    <canvas data-chart-preview-target="canvas" height="80"></canvas>
+  </div>
+</div>

data/app/views/nquery/dashboards/edit.html.erb

@@ -0,0 +1,34 @@
+<div class="nq-page-header">
+  <h1>Edit dashboard: <%= @dashboard.name %></h1>
+</div>
+
+<%= form_with model: @dashboard, url: dashboard_path(@dashboard), method: :patch do |f| %>
+  <div class="nq-card nq-mb">
+    <div class="nq-form-row">
+      <%= f.label :name %>
+      <%= f.text_field :name, class: "nq-input" %>
+    </div>
+    <div class="nq-form-row">
+      <%= f.label :description %>
+      <%= f.text_area :description, class: "nq-textarea", rows: 2 %>
+    </div>
+    <div class="nq-form-row">
+      <%= f.label :collection_id, "Collection" %>
+      <%= f.collection_select :collection_id, @collections, :id, :name, { prompt: "Select a collection" }, class: "nq-input" %>
+    </div>
+    <%= f.submit "Save", class: "nq-btn nq-btn-primary" %>
+  </div>
+<% end %>
+
+<div class="nq-dashboard-grid nq-dashboard-edit" data-controller="dashboard-grid">
+  <% @dashboard.dashboard_cards.each do |card| %>
+    <div class="nq-dashboard-card nq-draggable"
+         style="grid-column: span <%= card.width %>; grid-row: span <%= card.height %>;"
+         data-dashboard-grid-target="card"
+         data-card-id="<%= card.id %>"
+         draggable="true">
+      <h3><%= card.chart.name %></h3>
+      <p class="nq-muted">Drag to reposition (preview)</p>
+    </div>
+  <% end %>
+</div>

data/app/views/nquery/dashboards/index.html.erb

@@ -0,0 +1,35 @@
+<div class="nq-page-header">
+  <h1>Dashboards</h1>
+</div>
+
+<div class="nq-card nq-card-table">
+  <table class="nq-table">
+  <thead>
+    <tr>
+      <th>Name</th>
+      <th>Collection</th>
+      <th></th>
+    </tr>
+  </thead>
+  <tbody>
+    <% @dashboards.each do |dashboard| %>
+      <tr>
+        <td><%= link_to dashboard.name, dashboard_path(dashboard) %></td>
+        <td><%= dashboard.collection&.name || "—" %></td>
+        <td>
+          <div class="nq-actions">
+            <%= link_to edit_dashboard_path(dashboard), class: "nq-btn" do %>
+              <%= nq_icon(:edit) %>
+              <span>Edit</span>
+            <% end %>
+            <%= button_to dashboard_path(dashboard), method: :delete, class: "nq-btn nq-btn-danger", form: { data: { turbo_confirm: "Delete this dashboard?" } } do %>
+              <%= nq_icon(:trash) %>
+              <span>Delete</span>
+            <% end %>
+          </div>
+        </td>
+      </tr>
+    <% end %>
+  </tbody>
+  </table>
+</div>

data/app/views/nquery/dashboards/show.html.erb

@@ -0,0 +1,46 @@
+<div class="nq-page-header">
+  <h1><%= @dashboard.name %></h1>
+  <p class="nq-muted nq-resource-meta">
+    Created by <%= @dashboard.creator&.name || "—" %>
+    · Created <%= @dashboard.created_at.to_fs(:long) %>
+    · Updated <%= @dashboard.updated_at.to_fs(:long) %>
+  </p>
+  <div class="nq-actions">
+    <%= link_to new_dashboard_chart_path(@dashboard), class: "nq-btn nq-btn-primary" do %>
+      <%= nq_icon(:chart) %>
+      <span>New chart</span>
+    <% end %>
+    <%= link_to edit_dashboard_path(@dashboard), class: "nq-btn" do %>
+      <%= nq_icon(:edit) %>
+      <span>Edit</span>
+    <% end %>
+    <% if @dashboard.archived? %>
+      <%= button_to unarchive_dashboard_path(@dashboard), method: :patch, class: "nq-btn" do %>
+        <%= nq_icon(:unarchive) %>
+        <span>Unarchive</span>
+      <% end %>
+    <% else %>
+      <%= button_to archive_dashboard_path(@dashboard), method: :patch, class: "nq-btn", form: { data: { turbo_confirm: "Archive this dashboard?" } } do %>
+        <%= nq_icon(:archive) %>
+        <span>Archive</span>
+      <% end %>
+    <% end %>
+    <%= button_to dashboard_path(@dashboard), method: :delete, class: "nq-btn nq-btn-danger", form: { data: { turbo_confirm: "Remove this dashboard?" } } do %>
+      <%= nq_icon(:trash) %>
+      <span>Remove</span>
+    <% end %>
+  </div>
+</div>
+
+<% if @dashboard.archived? %>
+  <%= nq_flash_card "This dashboard is archived.", type: :warning, toast: false %>
+<% end %>
+
+<div class="nq-dashboard-grid" data-controller="dashboard-grid">
+  <% @dashboard_cards.each do |card| %>
+    <%= render "nquery/dashboards/chart_card",
+               card: card,
+               dashboard: @dashboard,
+               card_result: @card_results[card] %>
+  <% end %>
+</div>

data/app/views/nquery/embed/charts/show.html.erb

@@ -0,0 +1,9 @@
+<h1><%= @chart.name %></h1>
+
+<div class="nq-card nq-chart-preview" data-controller="chart-preview"
+     data-chart-preview-type-value="<%= @chart.chart_type %>"
+     data-chart-preview-x-value="<%= @chart.visualization.to_h["x"] %>"
+     data-chart-preview-y-value="<%= @chart.visualization.to_h["y"] %>"
+     data-chart-preview-data-value="<%= @result.to_json %>">
+  <canvas data-chart-preview-target="canvas" height="120"></canvas>
+</div>

data/app/views/nquery/embed/dashboards/show.html.erb

@@ -0,0 +1,7 @@
+<h1><%= @dashboard.name %></h1>
+
+<% @dashboard.dashboard_cards.each do |card| %>
+  <section>
+    <h2><%= card.chart.name %></h2>
+  </section>
+<% end %>

data/app/views/nquery/home/index.html.erb

@@ -0,0 +1,143 @@
+<div class="nq-home">
+  <header class="nq-home-hero nq-card">
+    <div class="nq-home-hero-content">
+      <p class="nq-home-eyebrow">Welcome back</p>
+      <h1 class="nq-home-title"><%= home_greeting %></h1>
+      <p class="nq-muted nq-home-subtitle">Pick up where you left off, or start something new.</p>
+    </div>
+    <% if @root_collection %>
+      <div class="nq-home-hero-actions">
+        <%= link_to new_chart_path, class: "nq-btn nq-home-hero-cta" do %>
+          <%= nq_icon(:chart) %>
+          <span>New question</span>
+        <% end %>
+        <%= link_to new_collection_dashboard_path(@root_collection), class: "nq-btn nq-btn-primary nq-home-hero-cta" do %>
+          <%= nq_icon(:plus) %>
+          <span>New dashboard</span>
+        <% end %>
+      </div>
+    <% end %>
+  </header>
+
+  <section class="nq-home-actions" aria-label="Quick actions">
+    <%= link_to collections_path, class: "nq-home-action-card" do %>
+      <span class="nq-home-action-icon nq-home-action-icon-folder">
+        <%= nq_icon(:folder) %>
+      </span>
+      <span class="nq-home-action-label">Collections</span>
+      <span class="nq-muted nq-home-action-desc">Browse folders and content</span>
+    <% end %>
+
+    <%= link_to dashboards_path, class: "nq-home-action-card" do %>
+      <span class="nq-home-action-icon nq-home-action-icon-dashboard">
+        <%= nq_icon(:dashboard) %>
+      </span>
+      <span class="nq-home-action-label">Dashboards</span>
+      <span class="nq-muted nq-home-action-desc">View all your dashboards</span>
+    <% end %>
+
+    <% if @root_collection %>
+      <%= link_to collection_path(@root_collection), class: "nq-home-action-card" do %>
+        <span class="nq-home-action-icon nq-home-action-icon-chart">
+          <%= nq_icon(:chart) %>
+        </span>
+        <span class="nq-home-action-label">Analytics</span>
+        <span class="nq-muted nq-home-action-desc">Open <%= @root_collection.name %></span>
+      <% end %>
+    <% end %>
+  </section>
+
+  <div class="nq-home-recents">
+    <section class="nq-card nq-home-panel">
+      <header class="nq-home-panel-header">
+        <div>
+          <h2 class="nq-home-panel-title">Recent dashboards</h2>
+          <p class="nq-muted nq-home-panel-desc">Dashboards you've viewed or updated recently</p>
+        </div>
+        <%= link_to dashboards_path, class: "nq-home-panel-link" do %>
+          <span>View all</span>
+          <%= nq_icon("arrow-right") %>
+        <% end %>
+      </header>
+
+      <% if @recent_dashboards.any? %>
+        <ul class="nq-home-list">
+          <% @recent_dashboards.each do |dashboard| %>
+            <li>
+              <%= link_to dashboard_path(dashboard), class: "nq-home-list-item" do %>
+                <span class="nq-home-list-icon nq-home-list-icon-dashboard">
+                  <%= nq_icon(:dashboard) %>
+                </span>
+                <span class="nq-home-list-body">
+                  <span class="nq-home-list-title"><%= dashboard.name %></span>
+                  <span class="nq-muted nq-home-list-meta">
+                    <%= dashboard.collection&.name || "No collection" %>
+                    <% if dashboard.dashboard_cards.any? %>
+                      · <%= pluralize(dashboard.dashboard_cards.size, "chart") %>
+                    <% end %>
+                  </span>
+                </span>
+                <span class="nq-muted nq-home-list-time"><%= time_ago_in_words(dashboard.updated_at) %> ago</span>
+              <% end %>
+            </li>
+          <% end %>
+        </ul>
+      <% else %>
+        <div class="nq-home-empty">
+          <%= nq_icon(:dashboard, class: "nq-icon-lg") %>
+          <p class="nq-muted">No dashboards yet</p>
+          <% if @root_collection %>
+            <%= link_to new_collection_dashboard_path(@root_collection), class: "nq-btn nq-btn-primary" do %>
+              <%= nq_icon(:plus) %>
+              <span>Create dashboard</span>
+            <% end %>
+          <% end %>
+        </div>
+      <% end %>
+    </section>
+
+    <section class="nq-card nq-home-panel">
+      <header class="nq-home-panel-header">
+        <div>
+          <h2 class="nq-home-panel-title">Recent charts</h2>
+          <p class="nq-muted nq-home-panel-desc">Charts from across your collections</p>
+        </div>
+        <%= link_to collections_path, class: "nq-home-panel-link" do %>
+          <span>Browse</span>
+          <%= nq_icon("arrow-right") %>
+        <% end %>
+      </header>
+
+      <% if @recent_charts.any? %>
+        <ul class="nq-home-list">
+          <% @recent_charts.each do |chart| %>
+            <li>
+              <%= link_to chart_path(chart), class: "nq-home-list-item" do %>
+                <span class="nq-home-list-icon nq-home-list-icon-chart">
+                  <%= nq_icon(:chart) %>
+                </span>
+                <span class="nq-home-list-body">
+                  <span class="nq-home-list-title"><%= chart.name %></span>
+                  <span class="nq-muted nq-home-list-meta">
+                    <%= chart.collection&.name || "No collection" %>
+                    · <%= chart_type_label(chart) %>
+                  </span>
+                </span>
+                <span class="nq-muted nq-home-list-time"><%= time_ago_in_words(chart.updated_at) %> ago</span>
+              <% end %>
+            </li>
+          <% end %>
+        </ul>
+      <% else %>
+        <div class="nq-home-empty">
+          <%= nq_icon(:chart, class: "nq-icon-lg") %>
+          <p class="nq-muted">No charts yet</p>
+          <%= link_to collections_path, class: "nq-btn" do %>
+            <%= nq_icon(:folder) %>
+            <span>Browse collections</span>
+          <% end %>
+        </div>
+      <% end %>
+    </section>
+  </div>
+</div>

data/app/views/nquery/imports/new.html.erb

@@ -0,0 +1,20 @@
+<div class="nq-page-header">
+  <h1>Import CSV</h1>
+</div>
+
+<%= form_with url: imports_path, multipart: true, class: "nq-form", data: { controller: "csv-mapper" } do %>
+  <div class="nq-card">
+    <div class="nq-form-row">
+      <label>Name</label>
+      <input type="text" name="name" class="nq-input" placeholder="My dataset" />
+    </div>
+    <div class="nq-form-row">
+      <label>CSV file</label>
+      <input type="file" name="file" accept=".csv" class="nq-input"
+             data-action="change->csv-mapper#preview" data-csv-mapper-target="file" />
+    </div>
+    <div data-csv-mapper-target="preview" class="nq-csv-preview"></div>
+    <input type="hidden" name="column_mapping" data-csv-mapper-target="mapping" value="{}" />
+    <%= submit_tag "Import", class: "nq-btn nq-btn-primary" %>
+  </div>
+<% end %>

data/app/views/nquery/queries/edit.html.erb

@@ -0,0 +1,40 @@
+<div class="nq-page-header">
+  <h1>Edit query: <%= @query.name || "Untitled" %></h1>
+</div>
+
+<%= form_with model: @query, url: query_path(@query), method: :patch, class: "nq-form" do |f| %>
+  <div class="nq-grid nq-grid-editor" data-controller="query-editor">
+    <aside class="nq-card nq-schema-panel">
+      <h3>Schema</h3>
+      <ul class="nq-tree" data-query-editor-target="schema">
+        <% @schema_tables.each do |table| %>
+          <li class="nq-tree-item" data-action="click->query-editor#insertTable" data-table="<%= table %>"><%= table %></li>
+        <% end %>
+      </ul>
+    </aside>
+
+    <div class="nq-editor-panel">
+      <div class="nq-form-row">
+        <%= f.label :name %>
+        <%= f.text_field :name, class: "nq-input" %>
+      </div>
+      <div class="nq-form-row">
+        <%= f.label :data_source_id, "Data source" %>
+        <%= f.collection_select :data_source_id, @data_sources, :id, :name, {}, class: "nq-input",
+              data: { query_editor_target: "dataSource" } %>
+      </div>
+      <div class="nq-form-row">
+        <%= f.label :statement, "SQL" %>
+        <%= f.text_area :statement, rows: 12, class: "nq-textarea", data: { query_editor_target: "statement" } %>
+      </div>
+      <div class="nq-actions">
+        <button type="button" class="nq-btn" data-action="click->query-editor#run">Run query</button>
+        <%= f.submit "Save", class: "nq-btn nq-btn-primary" %>
+        <% if @query.chart %>
+          <%= link_to "View chart", chart_path(@query.chart), class: "nq-btn" %>
+        <% end %>
+      </div>
+      <pre class="nq-results" data-query-editor-target="results"></pre>
+    </div>
+  </div>
+<% end %>

data/app/views/nquery/queries/new.html.erb

@@ -0,0 +1,37 @@
+<div class="nq-page-header">
+  <h1>New SQL query</h1>
+</div>
+
+<%= form_with model: @query, url: queries_path, class: "nq-form" do |f| %>
+  <div class="nq-grid nq-grid-editor" data-controller="query-editor">
+    <aside class="nq-card nq-schema-panel">
+      <h3>Schema</h3>
+      <ul class="nq-tree">
+        <% @schema_tables.each do |table| %>
+          <li class="nq-tree-item" data-action="click->query-editor#insertTable" data-table="<%= table %>"><%= table %></li>
+        <% end %>
+      </ul>
+    </aside>
+
+    <div class="nq-editor-panel">
+      <div class="nq-form-row">
+        <%= f.label :name, "Query name" %>
+        <%= f.text_field :name, class: "nq-input" %>
+      </div>
+      <div class="nq-form-row">
+        <%= f.label :data_source_id, "Data source" %>
+        <%= f.collection_select :data_source_id, @data_sources, :id, :name, {}, class: "nq-input",
+              data: { query_editor_target: "dataSource", action: "change->query-editor#loadSchema" } %>
+      </div>
+      <div class="nq-form-row">
+        <%= f.label :statement, "SQL" %>
+        <%= f.text_area :statement, rows: 12, class: "nq-textarea", data: { query_editor_target: "statement" } %>
+      </div>
+      <div class="nq-actions">
+        <button type="button" class="nq-btn" data-action="click->query-editor#run">Run query</button>
+        <%= f.submit "Save", class: "nq-btn nq-btn-primary" %>
+      </div>
+      <pre class="nq-results" data-query-editor-target="results"></pre>
+    </div>
+  </div>
+<% end %>

data/app/views/nquery/registrations/new.html.erb

@@ -0,0 +1,34 @@
+<%= render layout: "nquery/shared/auth_shell",
+           locals: {
+             title: "Create your account",
+             subtitle: "Get started with SQL charts and dashboards in minutes.",
+             footer_text: "Already have an account?",
+             footer_link: login_path,
+             footer_label: "Sign in"
+           } do %>
+  <%= form_with model: @user, url: signup_path, class: "nq-form nq-auth-form" do |f| %>
+    <div class="nq-form-row">
+      <%= f.label :email, "Email address" %>
+      <%= f.email_field :email, class: "nq-input", required: true, autofocus: true, autocomplete: "email", placeholder: "you@company.com" %>
+    </div>
+    <div class="nq-form-row nq-auth-form-row-split">
+      <div>
+        <%= f.label :first_name, "First name" %>
+        <%= f.text_field :first_name, class: "nq-input", required: true, autocomplete: "given-name", placeholder: "Jane" %>
+      </div>
+      <div>
+        <%= f.label :last_name, "Last name" %>
+        <%= f.text_field :last_name, class: "nq-input", required: true, autocomplete: "family-name", placeholder: "Doe" %>
+      </div>
+    </div>
+    <div class="nq-form-row">
+      <%= f.label :password, "Password" %>
+      <%= f.password_field :password, class: "nq-input", required: true, autocomplete: "new-password", placeholder: "At least 8 characters" %>
+    </div>
+    <div class="nq-form-row">
+      <%= f.label :password_confirmation, "Confirm password" %>
+      <%= f.password_field :password_confirmation, class: "nq-input", required: true, autocomplete: "new-password", placeholder: "Re-enter your password" %>
+    </div>
+    <%= f.submit "Create account", class: "nq-btn nq-btn-primary nq-btn-block nq-auth-submit" %>
+  <% end %>
+<% end %>

data/app/views/nquery/sessions/new.html.erb

@@ -0,0 +1,29 @@
+<%= render layout: "nquery/shared/auth_shell",
+           locals: {
+             title: "Welcome back",
+             subtitle: "Sign in to explore your charts and dashboards.",
+             footer_text: "Don't have an account?",
+             footer_link: signup_path,
+             footer_label: "Create an account"
+           } do %>
+  <%= form_with url: login_path, class: "nq-form nq-auth-form" do %>
+    <div class="nq-form-row">
+      <%= label_tag :email, "Email address" %>
+      <%= email_field_tag :email, nil,
+            class: "nq-input",
+            required: true,
+            autofocus: true,
+            autocomplete: "email",
+            placeholder: "you@company.com" %>
+    </div>
+    <div class="nq-form-row">
+      <%= label_tag :password, "Password" %>
+      <%= password_field_tag :password, nil,
+            class: "nq-input",
+            required: true,
+            autocomplete: "current-password",
+            placeholder: "Enter your password" %>
+    </div>
+    <button type="submit" class="nq-btn nq-btn-primary nq-btn-block nq-auth-submit">Sign in</button>
+  <% end %>
+<% end %>

data/app/views/nquery/shared/_auth_shell.html.erb

@@ -0,0 +1,22 @@
+<div class="nq-auth">
+  <div class="nq-auth-backdrop" aria-hidden="true"></div>
+
+  <div class="nq-auth-panel">
+    <header class="nq-auth-header">
+      <span class="nq-auth-mark">nquery</span>
+      <h1><%= title %></h1>
+      <% if subtitle.present? %>
+        <p class="nq-auth-subtitle"><%= subtitle %></p>
+      <% end %>
+    </header>
+
+    <%= yield %>
+
+    <% if footer_link.present? %>
+      <footer class="nq-auth-footer">
+        <span class="nq-muted"><%= footer_text %></span>
+        <%= link_to footer_label, footer_link, class: "nq-auth-link" %>
+      </footer>
+    <% end %>
+  </div>
+</div>

data/app/views/nquery/shared/_breadcrumbs.html.erb

@@ -0,0 +1,15 @@
+<% if breadcrumbs.any? %>
+  <nav class="nq-breadcrumbs" aria-label="Breadcrumb">
+    <ol class="nq-breadcrumb-list">
+      <% breadcrumbs.each_with_index do |crumb, index| %>
+        <li class="nq-breadcrumb-item">
+          <% if crumb[:path].present? %>
+            <%= link_to crumb[:label], crumb[:path], **(index == breadcrumbs.length - 1 ? { aria: { current: "page" } } : {}) %>
+          <% else %>
+            <span<% if index == breadcrumbs.length - 1 %> aria-current="page"<% end %>><%= crumb[:label] %></span>
+          <% end %>
+        </li>
+      <% end %>
+    </ol>
+  </nav>
+<% end %>

data/app/views/nquery/shared/_chart_actions_menu.html.erb

@@ -0,0 +1,27 @@
+<details class="nq-menu">
+  <summary class="nq-btn nq-btn-icon" aria-label="Chart actions">
+    <%= nq_icon(:more) %>
+  </summary>
+  <div class="nq-menu-panel" role="menu">
+    <%= link_to chart_edit_path(chart, dashboard: dashboard), class: "nq-menu-item", role: "menuitem" do %>
+      <%= nq_icon(:edit) %>
+      <span>Edit</span>
+    <% end %>
+    <%= button_to chart_archive_path(chart, dashboard: dashboard),
+                  method: :patch,
+                  class: "nq-menu-item nq-menu-item-button",
+                  form: { data: { turbo_confirm: "Archive this chart?" }, role: "none" },
+                  role: "menuitem" do %>
+      <%= nq_icon(:archive) %>
+      <span>Archive</span>
+    <% end %>
+    <%= button_to chart_show_path(chart, dashboard: dashboard),
+                  method: :delete,
+                  class: "nq-menu-item nq-menu-item-button nq-menu-item-danger",
+                  form: { data: { turbo_confirm: "Remove this chart?" }, role: "none" },
+                  role: "menuitem" do %>
+      <%= nq_icon(:trash) %>
+      <span>Remove</span>
+    <% end %>
+  </div>
+</details>

data/app/views/nquery/shared/_chart_row_actions.html.erb

@@ -0,0 +1,16 @@
+<div class="nq-chart-row-actions">
+  <%= button_to chart_archive_path(chart, dashboard: dashboard),
+                method: :patch,
+                class: "nq-btn nq-btn-icon",
+                form: { data: { turbo_confirm: "Archive this chart?" } },
+                aria: { label: "Archive chart" } do %>
+    <%= nq_icon(:archive) %>
+  <% end %>
+  <%= button_to chart_show_path(chart, dashboard: dashboard),
+                method: :delete,
+                class: "nq-btn nq-btn-icon nq-btn-icon-danger",
+                form: { data: { turbo_confirm: "Remove this chart?" } },
+                aria: { label: "Remove chart" } do %>
+    <%= nq_icon(:trash) %>
+  <% end %>
+</div>