nquery 0.1.0

data/app/views/nquery/admin/permissions/_group.html.erb

@@ -0,0 +1,42 @@
+<div class="nq-card nq-mt">
+  <form method="get" class="nq-form-row">
+    <label>Group</label>
+    <select name="group_id" class="nq-input" onchange="this.form.submit()">
+      <% @groups.each do |group| %>
+        <option value="<%= group.id %>" <%= "selected" if group == @selected_group %>><%= group.name %></option>
+      <% end %>
+    </select>
+  </form>
+
+  <% if @selected_group %>
+    <h2>Collection permissions — <%= @selected_group.name %></h2>
+    <table class="nq-table">
+      <thead><tr><th>Collection</th><th>Access</th></tr></thead>
+      <tbody>
+        <% @collections.each do |collection| %>
+          <% perm = Nquery::CollectionPermission.find_by(group: @selected_group, collection: collection) %>
+          <tr>
+            <td><%= collection.name %></td>
+            <td><span class="nq-badge"><%= perm&.access_level || "no_access" %></span></td>
+          </tr>
+        <% end %>
+      </tbody>
+    </table>
+
+    <h2 class="nq-mt">Data permissions</h2>
+    <table class="nq-table">
+      <thead><tr><th>Data source</th><th>View data</th><th>Create queries</th></tr></thead>
+      <tbody>
+        <% @data_sources.each do |ds| %>
+          <% view = Nquery::DataPermission.find_by(group: @selected_group, data_source: ds, permission_type: "view_data") %>
+          <% create = Nquery::DataPermission.find_by(group: @selected_group, data_source: ds, permission_type: "create_queries") %>
+          <tr>
+            <td><%= ds.name %></td>
+            <td><span class="nq-badge"><%= view&.access_level || "blocked" %></span></td>
+            <td><span class="nq-badge"><%= create&.access_level || "no" %></span></td>
+          </tr>
+        <% end %>
+      </tbody>
+    </table>
+  <% end %>
+</div>

data/app/views/nquery/admin/permissions/by_collection.html.erb

@@ -0,0 +1,10 @@
+<div class="nq-page-header"><h1>Permissions</h1></div>
+<div class="nq-tabs">
+  <%= link_to "By group", by_group_admin_permissions_path, class: "nq-tab" %>
+  <%= link_to "By data source", by_data_source_admin_permissions_path, class: "nq-tab" %>
+  <%= link_to "By collection", by_collection_admin_permissions_path, class: "nq-tab active" %>
+</div>
+<% if @warnings&.any? %>
+  <%= nq_flash_card nil, messages: @warnings, type: :warning, toast: false, auto_dismiss: false %>
+<% end %>
+<%= render "nquery/admin/permissions/collection" %>

data/app/views/nquery/admin/permissions/by_data_source.html.erb

@@ -0,0 +1,7 @@
+<div class="nq-page-header"><h1>Permissions</h1></div>
+<div class="nq-tabs">
+  <%= link_to "By group", by_group_admin_permissions_path, class: "nq-tab" %>
+  <%= link_to "By data source", by_data_source_admin_permissions_path, class: "nq-tab active" %>
+  <%= link_to "By collection", by_collection_admin_permissions_path, class: "nq-tab" %>
+</div>
+<%= render "nquery/admin/permissions/data_source" %>

data/app/views/nquery/admin/permissions/by_group.html.erb

@@ -0,0 +1,12 @@
+<div class="nq-page-header"><h1>Permissions</h1></div>
+<div class="nq-tabs">
+  <%= link_to "By group", by_group_admin_permissions_path, class: "nq-tab #{'active' if @view == 'group'}" %>
+  <%= link_to "By data source", by_data_source_admin_permissions_path, class: "nq-tab #{'active' if @view == 'data_source'}" %>
+  <%= link_to "By collection", by_collection_admin_permissions_path, class: "nq-tab #{'active' if @view == 'collection'}" %>
+</div>
+
+<% if @warnings&.any? %>
+  <%= nq_flash_card nil, messages: @warnings, type: :warning, toast: false, auto_dismiss: false %>
+<% end %>
+
+<%= render "nquery/admin/permissions/#{@view}" %>

data/app/views/nquery/admin/users/edit.html.erb

@@ -0,0 +1,17 @@
+<div class="nq-page-header"><h1>Edit user</h1></div>
+<%= form_with model: @user, url: admin_user_path(@user), method: :patch, class: "nq-form nq-card" do |f| %>
+  <div class="nq-form-row"><%= f.label :email %><%= f.email_field :email, class: "nq-input" %></div>
+  <div class="nq-form-row"><%= f.label :first_name %><%= f.text_field :first_name, class: "nq-input" %></div>
+  <div class="nq-form-row"><%= f.label :last_name %><%= f.text_field :last_name, class: "nq-input" %></div>
+  <div class="nq-form-row"><%= f.label :password, "New password (optional)" %><%= f.password_field :password, class: "nq-input" %></div>
+  <div class="nq-form-row">
+    <label>Groups</label>
+    <% @groups.each do |group| %>
+      <label class="nq-checkbox">
+        <input type="checkbox" name="group_ids[]" value="<%= group.id %>" <%= "checked" if @user.groups.include?(group) %>>
+        <%= group.name %>
+      </label>
+    <% end %>
+  </div>
+  <%= f.submit "Update", class: "nq-btn nq-btn-primary" %>
+<% end %>

data/app/views/nquery/admin/users/index.html.erb

@@ -0,0 +1,34 @@
+<div class="nq-page-header"><h1>Users</h1><%= link_to "Invite user", new_admin_user_path, class: "nq-btn nq-btn-primary" %></div>
+
+<%= nq_card_table columns: ["Email", "Name", "Groups", ""] do %>
+  <% @users.each do |user| %>
+    <tr>
+      <td><%= user.email %></td>
+      <td><%= user.name %></td>
+      <td>
+        <div class="nq-tags">
+          <% user.groups.each do |group| %>
+            <span class="nq-badge"><%= group.name %></span>
+          <% end %>
+        </div>
+      </td>
+      <td>
+        <div class="nq-actions">
+          <%= link_to "Edit", edit_admin_user_path(user), class: "nq-btn" %>
+          <% unless user == current_nquery_user %>
+            <%= button_to "Disable",
+                          deactivate_admin_user_path(user),
+                          method: :patch,
+                          class: "nq-btn",
+                          form: { data: { turbo_confirm: "Disable #{user.name}?" } } %>
+            <%= button_to "Remove",
+                          admin_user_path(user),
+                          method: :delete,
+                          class: "nq-btn nq-btn-danger",
+                          form: { data: { turbo_confirm: "Remove #{user.name}? This cannot be undone." } } %>
+          <% end %>
+        </div>
+      </td>
+    </tr>
+  <% end %>
+<% end %>

data/app/views/nquery/admin/users/new.html.erb

@@ -0,0 +1,14 @@
+<div class="nq-page-header"><h1>Invite user</h1></div>
+<%= form_with model: @user, url: admin_users_path, class: "nq-form nq-card" do |f| %>
+  <div class="nq-form-row"><%= f.label :email %><%= f.email_field :email, class: "nq-input" %></div>
+  <div class="nq-form-row"><%= f.label :first_name %><%= f.text_field :first_name, class: "nq-input" %></div>
+  <div class="nq-form-row"><%= f.label :last_name %><%= f.text_field :last_name, class: "nq-input" %></div>
+  <div class="nq-form-row"><%= f.label :password %><%= f.password_field :password, class: "nq-input" %></div>
+  <div class="nq-form-row">
+    <label>Groups</label>
+    <% @groups.each do |group| %>
+      <label class="nq-checkbox"><input type="checkbox" name="group_ids[]" value="<%= group.id %>"> <%= group.name %></label>
+    <% end %>
+  </div>
+  <%= f.submit "Create user", class: "nq-btn nq-btn-primary" %>
+<% end %>

data/app/views/nquery/admin/users/show.html.erb

@@ -0,0 +1,6 @@
+<div class="nq-page-header">
+  <h1><%= @user.name %></h1>
+  <p class="nq-muted"><%= @user.email %></p>
+</div>
+
+<%= link_to "Edit", edit_admin_user_path(@user), class: "nq-btn" %>

data/app/views/nquery/charts/_builder_form.html.erb

@@ -0,0 +1,185 @@
+<% viz = chart.visualization.is_a?(Hash) ? chart.visualization : {} %>
+<% chart_type = viz["type"].presence || "table" %>
+<% active_chart_type = chart_builder_chart_types.include?(chart_type) ? chart_type : "bar" %>
+<%= form_with model: chart, url: form_url, class: "nq-form nq-chart-builder-form", html: {
+      data: {
+        controller: "chart-builder",
+        query_save_url: chart.query&.persisted? ? query_path(chart.query) : nil
+      }
+    } do |f| %>
+  <%= render "nquery/charts/new_header",
+             f: f,
+             chart: chart,
+             dashboard: local_assigns[:dashboard] %>
+
+  <div class="nq-chart-builder">
+    <div class="nq-chart-builder-layout">
+      <aside class="nq-card nq-chart-builder-panel nq-chart-builder-schema">
+        <h3 class="nq-panel-title">Schema</h3>
+        <%= render "nquery/charts/schema_tree", schema: schema %>
+      </aside>
+
+      <section class="nq-card nq-chart-builder-panel nq-chart-builder-workspace">
+        <input type="hidden" name="chart[visualization][type]" value="<%= chart_type %>" data-chart-builder-target="typeField">
+        <input type="hidden" name="chart[visualization][x]" value="<%= viz["x"] %>" data-chart-builder-target="xField">
+        <input type="hidden" name="chart[visualization][y]" value="<%= viz["y"] %>" data-chart-builder-target="yField">
+
+        <header class="nq-workspace-header">
+          <div class="nq-workspace-tabs" role="tablist" aria-label="Chart builder views">
+            <button type="button"
+                    role="tab"
+                    aria-selected="true"
+                    aria-controls="chart-builder-query-panel"
+                    class="nq-workspace-tab is-active"
+                    data-chart-builder-target="workspaceTab"
+                    data-tab="query">
+              Query
+            </button>
+            <button type="button"
+                    role="tab"
+                    aria-selected="false"
+                    aria-controls="chart-builder-output-panel"
+                    class="nq-workspace-tab"
+                    data-chart-builder-target="workspaceTab"
+                    data-tab="output">
+              Output
+            </button>
+          </div>
+
+          <div class="nq-workspace-header-actions">
+            <span class="nq-muted nq-query-meta" data-chart-builder-target="meta" hidden></span>
+
+            <div class="nq-output-tabs" role="tablist" aria-label="Output views" data-chart-builder-target="tabList" hidden>
+              <button type="button"
+                      role="tab"
+                      aria-selected="true"
+                      aria-controls="chart-builder-table-panel"
+                      class="nq-output-tab is-active"
+                      data-chart-builder-target="outputTab"
+                      data-tab="table">
+                Table
+              </button>
+              <button type="button"
+                      role="tab"
+                      aria-selected="false"
+                      aria-controls="chart-builder-chart-panel"
+                      class="nq-output-tab"
+                      data-chart-builder-target="outputTab"
+                      data-tab="chart">
+                Chart
+              </button>
+            </div>
+          </div>
+        </header>
+
+        <div id="chart-builder-query-panel"
+             class="nq-workspace-panel is-active"
+             data-chart-builder-target="queryPanel"
+             role="tabpanel">
+          <div class="nq-panel-header">
+            <%= f.fields_for :query do |query_fields| %>
+              <%= query_fields.collection_select :data_source_id,
+                                                 data_sources,
+                                                 :id,
+                                                 :name,
+                                                 {},
+                                                 class: "nq-input nq-input-sm",
+                                                 data: {
+                                                   chart_builder_target: "dataSource",
+                                                   action: "change->chart-builder#loadSchema"
+                                                 } %>
+            <% end %>
+          </div>
+
+          <%= f.fields_for :query do |query_fields| %>
+            <div class="nq-sql-editor-shell">
+              <%= query_fields.text_area :statement,
+                                       rows: 16,
+                                       class: "nq-textarea nq-sql-editor",
+                                       placeholder: "SELECT ...",
+                                       spellcheck: false,
+                                       data: { chart_builder_target: "statement" } %>
+            </div>
+            <%= query_fields.hidden_field :name, data: { chart_builder_target: "queryName" } %>
+          <% end %>
+
+          <div class="nq-chart-builder-query-actions">
+            <button type="button"
+                    class="nq-btn"
+                    data-manages-loading="true"
+                    data-action="click->chart-builder#format"
+                    data-chart-builder-target="formatButton">
+              <%= nq_icon(:format) %>
+              <span>Format SQL</span>
+            </button>
+            <button type="button" class="nq-btn nq-btn-primary" data-manages-loading="true" data-action="click->chart-builder#run">
+              Run query
+            </button>
+            <span class="nq-sql-save-status nq-muted" data-chart-builder-target="saveStatus" hidden></span>
+            <span class="nq-sql-editor-hint nq-muted">⌘↵ run · ⌘⇧F format</span>
+          </div>
+        </div>
+
+        <div id="chart-builder-output-panel"
+             class="nq-workspace-panel"
+             data-chart-builder-target="workspaceOutputPanel"
+             role="tabpanel"
+             hidden>
+          <div class="nq-output-body" data-chart-builder-target="outputBody">
+            <div class="nq-output-empty" data-chart-builder-target="emptyState">
+              <p>Run your query to see results.</p>
+              <p class="nq-muted">Preview data as a table or chart.</p>
+            </div>
+
+            <div class="nq-output-error" data-chart-builder-target="error" hidden></div>
+
+            <div id="chart-builder-table-panel"
+                 class="nq-output-panel"
+                 data-chart-builder-target="tablePanel"
+                 role="tabpanel"
+                 hidden>
+              <div class="nq-viz-table-wrap" data-chart-builder-target="table"></div>
+            </div>
+
+            <div id="chart-builder-chart-panel"
+                 class="nq-output-panel"
+                 data-chart-builder-target="chartPanel"
+                 role="tabpanel"
+                 hidden>
+              <div class="nq-chart-settings">
+                <div class="nq-viz-types" role="radiogroup" aria-label="Chart type">
+                  <% chart_builder_chart_types.each do |type| %>
+                    <button type="button"
+                            class="nq-viz-type<%= " is-active" if type == active_chart_type %>"
+                            data-chart-builder-target="typeButton"
+                            data-type="<%= type %>">
+                      <%= type.titleize %>
+                    </button>
+                  <% end %>
+                </div>
+
+                <div class="nq-viz-mapping" data-chart-builder-target="mapping">
+                  <label class="nq-viz-mapping-field" data-chart-builder-target="xMapping">
+                    <span>X axis</span>
+                    <select class="nq-input" data-chart-builder-target="xAxis"></select>
+                  </label>
+                  <label class="nq-viz-mapping-field">
+                    <span>Y axis</span>
+                    <select class="nq-input" data-chart-builder-target="yAxis"></select>
+                  </label>
+                </div>
+              </div>
+
+              <div class="nq-viz-chart-preview" data-chart-builder-target="chartPreview">
+                <div class="nq-viz-chart-wrap" data-chart-builder-target="chartWrap" hidden>
+                  <canvas data-chart-builder-target="canvas" height="180"></canvas>
+                </div>
+                <div class="nq-viz-number" data-chart-builder-target="number" hidden></div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </section>
+    </div>
+  </div>
+<% end %>

data/app/views/nquery/charts/_new_header.html.erb

@@ -0,0 +1,31 @@
+<% chart = local_assigns[:chart] %>
+<% f = local_assigns.fetch(:f) %>
+
+<header class="nq-page-header nq-chart-builder-header">
+  <div class="nq-chart-builder-header-main">
+    <% unless chart.persisted? %>
+      <p class="nq-chart-builder-eyebrow">New chart</p>
+    <% end %>
+    <div class="nq-chart-builder-name">
+      <%= f.text_field :name,
+                       placeholder: "Chart name",
+                       class: "nq-input",
+                       aria: { label: "Chart name" },
+                       data: { chart_builder_target: "name", action: "input->chart-builder#syncName" } %>
+    </div>
+    <% if chart.persisted? %>
+      <% if local_assigns[:dashboard] %>
+        <p class="nq-muted nq-resource-meta">On <%= dashboard.name %>. Update the query and visualization below.</p>
+      <% else %>
+        <p class="nq-muted nq-resource-meta">Update the query, preview results, then adjust the visualization.</p>
+      <% end %>
+    <% elsif local_assigns[:dashboard] %>
+      <p class="nq-muted nq-resource-meta">Adding to <%= dashboard.name %>. Run your query, preview results, then choose a visualization.</p>
+    <% else %>
+      <p class="nq-muted nq-resource-meta">Write a query, preview the results, then pick how to visualize them.</p>
+    <% end %>
+  </div>
+  <div class="nq-actions">
+    <%= f.submit "Save chart", class: "nq-btn nq-btn-primary" %>
+  </div>
+</header>

data/app/views/nquery/charts/_schema_tree.html.erb

@@ -0,0 +1,25 @@
+<ul class="nq-tree nq-schema-tree" data-chart-builder-target="schema">
+  <% schema.each do |table| %>
+    <li class="nq-schema-table">
+      <div class="nq-schema-table-header">
+        <button type="button"
+                class="nq-schema-toggle"
+                aria-expanded="false"
+                aria-label="Toggle <%= table[:name] %> columns">
+          <svg class="nq-schema-toggle-icon" width="12" height="12" viewBox="0 0 12 12" aria-hidden="true">
+            <path d="M4 2l4 4-4 4" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+          </svg>
+        </button>
+        <span class="nq-schema-table-name"><%= table[:name] %></span>
+      </div>
+      <ul class="nq-schema-columns" hidden>
+        <% table[:columns].each do |column| %>
+          <li class="nq-schema-column">
+            <span class="nq-schema-column-name"><%= column[:name] %></span>
+            <span class="nq-schema-column-type"><%= column[:type] %></span>
+          </li>
+        <% end %>
+      </ul>
+    </li>
+  <% end %>
+</ul>

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

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

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

@@ -0,0 +1,15 @@
+<div class="nq-page-header">
+  <h1>Embed: <%= @chart.name %></h1>
+</div>
+
+<div class="nq-card">
+  <h2>Embed settings</h2>
+  <% if @embed_token %>
+    <p class="nq-muted">Signed embed token (expires <%= @embed_token.expires_at&.to_fs(:long) || "never" %>)</p>
+    <pre class="nq-code"><%= @embed_url %></pre>
+    <h3>Iframe snippet</h3>
+    <pre class="nq-code">&lt;iframe src="<%= @embed_url %>" width="800" height="600" frameborder="0"&gt;&lt;/iframe&gt;</pre>
+  <% else %>
+    <p class="nq-muted">No embed token yet. Generate one from the admin panel (phase 1 UI placeholder).</p>
+  <% end %>
+</div>

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

@@ -0,0 +1,5 @@
+<%= render "nquery/charts/builder_form",
+           chart: @chart,
+           form_url: charts_path,
+           data_sources: @data_sources,
+           schema: @schema %>

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

@@ -0,0 +1,15 @@
+<div class="nq-page-header">
+  <h1><%= @chart.name %></h1>
+  <div class="nq-actions">
+    <%= link_to "Edit", chart_edit_path(@chart), class: "nq-btn" %>
+    <%= link_to "Embed", chart_embed_path(@chart), class: "nq-btn" %>
+  </div>
+</div>
+
+<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/charts/update.turbo_stream.erb

@@ -0,0 +1 @@
+<%= turbo_stream.update "flash", partial: "nquery/shared/flash" %>

data/app/views/nquery/collection/dashboards/new.html.erb

@@ -0,0 +1,13 @@
+<div class="nq-page-header"><h1>New dashboard</h1></div>
+
+<%= form_with model: @dashboard, url: collection_dashboards_path(@collection), class: "nq-form nq-card" do |f| %>
+  <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>
+  <%= f.submit "Create", class: "nq-btn nq-btn-primary" %>
+<% end %>

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

@@ -0,0 +1,57 @@
+<article class="nq-dashboard-summary-card">
+  <header class="nq-dashboard-summary-header">
+    <div class="nq-dashboard-summary-heading">
+      <%= link_to dashboard.name, dashboard_path(dashboard), class: "nq-dashboard-summary-title" %>
+      <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>
+    <details class="nq-menu">
+      <summary class="nq-btn nq-btn-icon" aria-label="Dashboard actions">
+        <%= nq_icon(:more) %>
+      </summary>
+      <div class="nq-menu-panel" role="menu">
+        <%= link_to edit_dashboard_path(dashboard), class: "nq-menu-item", role: "menuitem" do %>
+          <%= nq_icon(:edit) %>
+          <span>Edit</span>
+        <% end %>
+        <%= button_to archive_dashboard_path(dashboard),
+                      method: :patch,
+                      class: "nq-menu-item nq-menu-item-button",
+                      form: { data: { turbo_confirm: "Archive this dashboard?" }, role: "none" },
+                      role: "menuitem" do %>
+          <%= nq_icon(:archive) %>
+          <span>Archive</span>
+        <% end %>
+        <%= button_to dashboard_path(dashboard),
+                      method: :delete,
+                      class: "nq-menu-item nq-menu-item-button nq-menu-item-danger",
+                      form: { data: { turbo_confirm: "Remove this dashboard?" }, role: "none" },
+                      role: "menuitem" do %>
+          <%= nq_icon(:trash) %>
+          <span>Remove</span>
+        <% end %>
+      </div>
+    </details>
+  </header>
+
+  <ul class="nq-dashboard-summary-charts">
+    <% dashboard.dashboard_cards.each do |card| %>
+      <li class="nq-dashboard-summary-chart-row">
+        <%= link_to chart_show_path(card.chart, dashboard: dashboard), class: "nq-dashboard-summary-chart-link" do %>
+          <%= nq_icon(:chart) %>
+          <span class="nq-dashboard-summary-chart-copy">
+            <span class="nq-dashboard-summary-chart-name"><%= card.chart.name %></span>
+            <span class="nq-dashboard-summary-chart-type"><%= card.chart.chart_type.titleize %></span>
+          </span>
+        <% end %>
+        <%= render "nquery/shared/chart_row_actions", chart: card.chart, dashboard: dashboard %>
+      </li>
+    <% end %>
+    <% if dashboard.dashboard_cards.empty? %>
+      <li class="nq-dashboard-summary-empty nq-muted">No charts on this dashboard yet.</li>
+    <% end %>
+  </ul>
+</article>

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

@@ -0,0 +1,15 @@
+<div class="nq-page-header"><h1>Edit collection: <%= @collection.name %></h1></div>
+
+<%= form_with model: @collection, url: collection_path(@collection), method: :patch, class: "nq-form nq-card" do |f| %>
+  <div class="nq-form-row">
+    <%= f.label :name %>
+    <%= f.text_field :name, class: "nq-input" %>
+  </div>
+  <% unless @collection.kind == "root" %>
+    <div class="nq-form-row">
+      <%= f.label :parent_id, "Parent collection" %>
+      <%= f.collection_select :parent_id, @parent_collections, :id, :name, { include_blank: "None" }, class: "nq-input" %>
+    </div>
+  <% end %>
+  <%= f.submit "Save", class: "nq-btn nq-btn-primary" %>
+<% end %>

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

@@ -0,0 +1,41 @@
+<div class="nq-page-header">
+  <h1>Collections</h1>
+  <%= link_to "New collection", new_collection_path, class: "nq-btn nq-btn-primary" %>
+</div>
+
+<div class="nq-card nq-card-table">
+  <table class="nq-table">
+  <thead>
+    <tr>
+      <th>Name</th>
+      <th>Kind</th>
+      <th>Parent</th>
+      <th></th>
+    </tr>
+  </thead>
+  <tbody>
+    <% @collections.each do |collection| %>
+      <tr>
+        <td><%= link_to collection.name, collection_path(collection) %></td>
+        <td><%= collection.kind %></td>
+        <td><%= collection.parent&.name || "—" %></td>
+        <td>
+          <div class="nq-actions">
+            <%= link_to "Edit", edit_collection_path(collection), class: "nq-btn" %>
+            <% unless collection.kind == "root" %>
+              <% unless collection.archived? %>
+                <%= button_to "Archive",
+                              archive_collection_path(collection),
+                              method: :patch,
+                              class: "nq-btn",
+                              form: { data: { turbo_confirm: "Archive this collection?" } } %>
+              <% end %>
+              <%= button_to "Delete", collection_path(collection), method: :delete, class: "nq-btn nq-btn-danger", form: { data: { turbo_confirm: "Delete this collection?" } } %>
+            <% end %>
+          </div>
+        </td>
+      </tr>
+    <% end %>
+  </tbody>
+  </table>
+</div>

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

@@ -0,0 +1,15 @@
+<div class="nq-page-header"><h1>New collection</h1></div>
+
+<%= form_with model: @collection, url: (@parent_collection ? collection_collections_path(@parent_collection) : collections_path), class: "nq-form nq-card" do |f| %>
+  <div class="nq-form-row">
+    <%= f.label :name %>
+    <%= f.text_field :name, class: "nq-input" %>
+  </div>
+  <% unless @parent_collection %>
+    <div class="nq-form-row">
+      <%= f.label :parent_id, "Parent collection" %>
+      <%= f.collection_select :parent_id, @parent_collections, :id, :name, { include_blank: "None" }, class: "nq-input" %>
+    </div>
+  <% end %>
+  <%= f.submit "Create", class: "nq-btn nq-btn-primary" %>
+<% end %>