flight_control 2.0.0.beta.2 → 2.0.0.beta.3

data/app/views/flight_control/jobs/_title.html.erb

@@ -0,0 +1,19 @@
+<h1 class="title">
+  <div class="level">
+    <div class="level-left">
+      <%= job_title(job) %>
+      <div class="<%= modifier_for_status(job.status) %> tag ml-4"><%= job.status %></div>
+    </div>
+    <div class="level-right">
+      <% if job.failed? %>
+        <%= render "flight_control/jobs/failed/actions", job: job %>
+      <% end %>
+      <% if job.blocked? %>
+        <%= render "flight_control/jobs/blocked/actions", job: job %>
+      <% end %>
+      <% if job.scheduled? %>
+        <%= render "flight_control/jobs/scheduled/actions", job: job %>
+      <% end %>
+    </div>
+  </div>
+</h1>

data/app/views/flight_control/jobs/_toolbar.html.erb

@@ -0,0 +1,18 @@
+<div class="buttons is-right level-right">
+  <% if active_filters? %>
+    <span class="mr-5">
+      <%= jobs_count %> jobs found
+    </span>
+  <% end %>
+
+  <% if jobs_status.failed? %>
+    <% target = active_filters? ? "selection" : "all" %>
+
+    <%= button_to "Discard #{target}", application_bulk_discards_path(@application, **jobs_filter_param),
+      method: :post, disabled: jobs_count == 0, class: "button is-danger is-light",
+      form: { data: { turbo_confirm: "This will delete #{jobs_count} jobs and can't be undone. Are you sure?" } } %>
+    <%= button_to "Retry #{target}", application_bulk_retries_path(@application, **jobs_filter_param),
+      method: :post, disabled: jobs_count == 0,
+      class: "button is-warning is-light mr-0" %>
+  <% end %>
+</div>

data/app/views/flight_control/jobs/blocked/_actions.html.erb

@@ -0,0 +1,3 @@
+<div class="buttons is-right">
+  <%= button_to "Run now", application_job_dispatch_path(@application, job.job_id), class: "button is-warning is-light mr-0" %>
+</div>

data/app/views/flight_control/jobs/blocked/_job.html.erb

@@ -0,0 +1,8 @@
+<td><%= link_to job.queue_name, application_queue_path(@application, job.queue) %></td>
+<td>
+  <div class="is-family-monospace is-size-7"><%= job.blocked_by %></div>
+  <div class="has-text-grey is-size-7"><%= blocked_job_expiration(job) %></div>
+</td>
+<td class="pr-0">
+  <%= render "flight_control/jobs/blocked/actions", job: job %>
+</td>

data/app/views/flight_control/jobs/failed/_actions.html.erb

@@ -0,0 +1,5 @@
+<div class="buttons is-right">
+  <%= button_to "Discard", application_job_discard_path(@application, job.job_id, params: jobs_filter_param), class: "button is-danger is-light mr-0",
+    form: { data: { turbo_confirm: "This will delete the job and can't be undone. Are you sure?" } } %>
+  <%= button_to "Retry", application_job_retry_path(@application, job.job_id, params: jobs_filter_param), class: "button is-warning is-light mr-0" %>
+</div>

data/app/views/flight_control/jobs/failed/_backtrace_toggle.html.erb

@@ -0,0 +1,14 @@
+<%# locals: (application:, job:) %>
+
+<div class="is-flex is-justify-content-flex-end mb-2 mr-2 backtrace-toggle-selector">
+  <div class="tabs is-toggle is-toggle-rounded is-small">
+    <ul>
+      <li class="<%= class_names('backtrace-clean-link', 'is-active' => clean_backtrace?) %>">
+        <%= link_to "Clean", application_job_path(application, job.job_id, clean_backtrace: true) %>
+      </li>
+      <li class="<%= class_names('backtrace-full-link', 'is-active' => !clean_backtrace?) %>">
+        <%= link_to "Full", application_job_path(application, job.job_id, clean_backtrace: false) %>
+      </li>
+    </ul>
+  </div>
+</div>

data/app/views/flight_control/jobs/failed/_job.html.erb

@@ -0,0 +1,8 @@
+<td>
+  <%= link_to failed_job_error(job), application_job_path(@application, job.job_id, anchor: "error") %>
+  <div class="has-text-grey"><%= time_distance_in_words_with_title(job.failed_at) %> ago</div>
+</td>
+<td><div class="has-text-grey"><%= job_duration(job) %></div></td>
+<td class="pr-0">
+  <%= render "flight_control/jobs/failed/actions", job: job %>
+</td>

data/app/views/flight_control/jobs/finished/_job.html.erb

@@ -0,0 +1,3 @@
+<td><%= link_to job.queue_name, application_queue_path(@application, job.queue) %></td>
+<td><div class="has-text-grey"><%= job_duration(job) %></div></td>
+<td><div class="has-text-grey"><%= time_distance_in_words_with_title(job.finished_at) %> ago</div></td>

data/app/views/flight_control/jobs/in_progress/_job.html.erb

@@ -0,0 +1,9 @@
+<td><%= link_to job.queue_name, application_queue_path(@application, job.queue) %></td>
+<td>
+  <% if job.worker_id %>
+    <%= link_to "worker #{job.worker_id}", application_worker_path(@application, job.worker_id) %>
+  <% else %>
+    —
+  <% end %>
+</td>
+<td><div class="has-text-grey"><%= job.started_at ? time_distance_in_words_with_title(job.started_at) : "(Finished)" %></div></td>

data/app/views/flight_control/jobs/index.html.erb

@@ -0,0 +1,19 @@
+<% navigation(title: "#{jobs_status.titleize} jobs", section: "#{jobs_status}_jobs".to_sym) %>
+
+<% if @jobs_page.empty? && !active_filters? %>
+  <%= blank_status_notice "There are no #{jobs_status.dasherize} jobs #{blank_status_emoji(jobs_status)}" %>
+<% else %>
+  <div class="level is-flex-wrap-wrap">
+    <%= render "flight_control/jobs/filters", job_class_names: @job_class_names, queue_names: @queue_names %>
+    <%= render "flight_control/jobs/toolbar", jobs_count: @jobs_count %>
+  </div>
+
+  <% if @jobs_page.empty? %>
+    <%= blank_status_notice "No #{jobs_status.dasherize} jobs found with the given filters" %>
+  <% else %>
+    <%= render "flight_control/jobs/jobs_page", jobs_page: @jobs_page %>
+
+    <%= render "flight_control/shared/pagination_toolbar", page: @jobs_page, filter_param: jobs_filter_param %>
+  <% end %>
+<% end %>
+

data/app/views/flight_control/jobs/scheduled/_actions.html.erb

@@ -0,0 +1,5 @@
+<div class="buttons is-right">
+  <%= button_to "Run now", application_job_dispatch_path(@application, job.job_id), class: "button is-warning is-light mr-0" %>
+  <%= button_to "Discard", application_job_discard_path(@application, job.job_id), class: "button is-danger is-light mr-0",
+    form: { data: { turbo_confirm: "This will delete the job and can't be undone. Are you sure?" } } %>
+</div>

data/app/views/flight_control/jobs/scheduled/_job.html.erb

@@ -0,0 +1,13 @@
+<td><%= link_to job.queue_name, application_queue_path(@application, job.queue) %></td>
+<td>
+  <%= bidirectional_time_distance_in_words_with_title(job.scheduled_at) %>
+  <% if job.executions > 0 %>
+    <div class="is-warning tag ml-4"><%= job.executions.ordinalize %> retry</div>
+  <% end %>
+  <% if job_delayed?(job) %>
+    <div class="is-danger tag ml-4">delayed</div>
+  <% end %>
+</td>
+<td class="pr-0">
+  <%= render "flight_control/jobs/scheduled/actions", job: job %>
+</td>

data/app/views/flight_control/jobs/show.html.erb

@@ -0,0 +1,6 @@
+<% navigation(title: "Job #{@job.job_id}", section: navigation_section_for_status(@job.status)) %>
+
+<%= render "flight_control/jobs/title", job: @job %>
+<%= render "flight_control/jobs/general_information", job: @job %>
+<%= render "flight_control/jobs/error_information", job: @job %>
+<%= render "flight_control/jobs/raw_data", job: @job %>

data/app/views/flight_control/queues/_actions.html.erb

@@ -0,0 +1,7 @@
+<div class="buttons is-right">
+  <% if queue.active? %>
+    <%= button_to "Pause", application_queue_pause_path(@application, queue.name), method: :post, class: "button is-success is-light mr-0" %>
+  <% else %>
+    <%= button_to "Resume", application_queue_pause_path(@application, queue.name), method: :delete, class: "button is-warning is-light mr-0" %>
+  <% end %>
+</div>

data/app/views/flight_control/queues/_job.html.erb

@@ -0,0 +1,15 @@
+<tr class="job">
+  <td>
+    <%= link_to application_job_path(@application, job.job_id, filter: { queue_name: job.queue }) do %>
+      <%= job_title(job) %>
+    <% end %>
+    <div class="has-text-grey">Enqueued <%= time_distance_in_words_with_title(job.enqueued_at.to_datetime) %> ago</div>
+  </td>
+  <td>
+    <% if job.serialized_arguments.present? %>
+      <span class="is-family-monospace">
+        <%= truncate(job_arguments(job), length: 300) %>
+      </span>
+    <% end %>
+  </td>
+</tr>

data/app/views/flight_control/queues/_queue.html.erb

@@ -0,0 +1,16 @@
+<tr class="queue">
+  <td>
+    <%= link_to queue.name, application_queue_path(@application, queue) %>
+    <% if queue.paused? %>
+      <span class="ml-4 tag is-warning">Paused</span>
+    <% end %>
+  </td>
+  <td>
+    <%= queue.size %>
+  </td>
+  <td class="pr-0">
+    <% if queue_pausing_supported? %>
+      <%= render "flight_control/queues/actions", queue: queue %>
+    <% end %>
+  </td>
+</tr>

data/app/views/flight_control/queues/_queue_title.html.erb

@@ -0,0 +1,17 @@
+<h1 class="title">
+  <div class="level">
+    <div class="level-left">
+      <%= queue.name %>
+      <% if queue.paused? %>
+        <span class="ml-4 tag is-warning">Paused</span>
+      <% end %>
+    </div>
+    <% if queue_pausing_supported? %>
+      <div class="level-right">
+        <%= render "flight_control/queues/actions", queue: queue %>
+      </div>
+    <% end %>
+  </div>
+</h1>
+
+<h2 class="subtitle"><%= pluralize queue.size, "pending job" %></h2>

data/app/views/flight_control/queues/index.html.erb

@@ -0,0 +1,21 @@
+<% navigation(title: "Queues", section: :queues)  %>
+
+<% if @queues.any? %>
+  <p class="has-text-grey mb-4"><%= pluralize(@queues.sum(&:size), "pending job") %> across <%= pluralize(@queues.size, "queue") %></p>
+<% end %>
+
+<table class="queues table is-hoverable is-fullwidth">
+  <thead>
+  <tr>
+    <th>Queue</th>
+    <th>Pending jobs</th>
+    <th></th>
+  </tr>
+  </thead>
+
+  <tbody>
+
+  <%= render partial: "flight_control/queues/queue", collection: @queues %>
+
+  </tbody>
+</table>

data/app/views/flight_control/queues/show.html.erb

@@ -0,0 +1,25 @@
+<% navigation(title: "Queue #{@queue.name}", section: :queues) %>
+
+<%= render "flight_control/queues/queue_title", queue: @queue %>
+
+<% if @jobs_page.empty? %>
+  <%= blank_status_notice "The queue is empty" %>
+<% else %>
+  <table class="jobs table queues is-hoverable is-fullwidth">
+    <tbody>
+    <thead>
+    <tr>
+      <th class="job-header">Job</th>
+      <th></th>
+    </tr>
+    </thead>
+
+    <%= render partial: "flight_control/queues/job", collection: @jobs_page.records %>
+
+    </tbody>
+  </table>
+
+  <%= render "flight_control/shared/pagination_toolbar", page: @jobs_page, filter_param: {} %>
+<% end %>
+
+

data/app/views/flight_control/recurring_tasks/_actions.html.erb

@@ -0,0 +1,5 @@
+<div class="buttons is-right">
+  <% if recurring_task.runnable? %>
+    <%= button_to "Run now", application_recurring_task_path(@application, recurring_task.id), class: "button is-warning is-light mr-0", method: :put %>
+  <% end %>
+</div>

data/app/views/flight_control/recurring_tasks/_general_information.html.erb

@@ -0,0 +1,37 @@
+<table class="table">
+  <tbody>
+  <% if recurring_task.job_class_name.present? %>
+    <tr>
+      <th>Job class</th>
+      <td><%= recurring_task.job_class_name %></td>
+    </tr>
+
+    <tr>
+      <th>Arguments</th>
+      <td><div class="is-family-monospace"><%= recurring_task.arguments.join(",") %></div></td>
+    </tr>
+  <% elsif recurring_task.command.present? %>
+    <tr>
+      <th>Command</th>
+      <td><div class="is-family-monospace"><%= recurring_task.command %></div></td>
+    </tr>
+  <% end %>
+
+  <tr>
+    <th>Schedule</th>
+    <td><%= recurring_task.schedule %></td>
+  </tr>
+  <% if recurring_task.queue_name.present? %>
+    <tr>
+      <th>Queue</th>
+      <td><%= recurring_task.queue_name %></td>
+    </tr>
+  <% end %>
+  <% if recurring_task.priority.present? %>
+    <tr>
+      <th>Priority</th>
+      <td><%= recurring_task.priority %></td>
+    </tr>
+  <% end %>
+  </tbody>
+</table>

data/app/views/flight_control/recurring_tasks/_recurring_task.html.erb

@@ -0,0 +1,22 @@
+<tr class="recurring_task">
+  <td>
+    <%= link_to recurring_task.id, application_recurring_task_path(@application, recurring_task.id) %>
+  </td>
+  <td>
+    <% if recurring_task.job_class_name.present? %>
+      <%= recurring_task.job_class_name %>
+
+      <% if recurring_task.arguments.present? %>
+        <div class="is-family-monospace"><%= recurring_task.arguments.join(",") %></div>
+      <% end %>
+    <% elsif recurring_task.command.present? %>
+      <div class="is-family-monospace"><%= recurring_task.command %></div>
+    <% end %>
+  </td>
+  <td> <%= recurring_task.schedule %> </td>
+  <td><div class="has-text-grey"><%= recurring_task.last_enqueued_at ? bidirectional_time_distance_in_words_with_title(recurring_task.last_enqueued_at) : "Never" %></div></td>
+  <td class="next_time"><div class="has-text-grey"><%= bidirectional_time_distance_in_words_with_title(recurring_task.next_time) %></div></td>
+  <td class="pr-0">
+    <%= render "flight_control/recurring_tasks/actions", recurring_task: recurring_task %>
+  </td>
+</tr>

data/app/views/flight_control/recurring_tasks/_title.html.erb

@@ -0,0 +1,10 @@
+<h1 class="title">
+  <div class="level">
+    <div class="level-left">
+      <%= recurring_task.id %>
+    </div>
+    <div class="level-right">
+      <%= render "flight_control/recurring_tasks/actions", recurring_task: recurring_task %>
+    </div>
+  </div>
+</h1>

data/app/views/flight_control/recurring_tasks/index.html.erb

@@ -0,0 +1,18 @@
+<% navigation(title: "Recurring tasks", section: :recurring_tasks)  %>
+
+<table class="recurring-tasks table jobs is-hoverable is-fullwidth">
+  <tbody>
+  <thead>
+  <tr>
+    <th></th>
+    <th>Job</th>
+    <th>Schedule</th>
+    <th>Last enqueued</th>
+    <th>Next</th>
+    <th></th>
+  </tr>
+  </thead>
+
+  <%= render partial: "flight_control/recurring_tasks/recurring_task", collection: @recurring_tasks %>
+  </tbody>
+</table>

data/app/views/flight_control/recurring_tasks/show.html.erb

@@ -0,0 +1,14 @@
+<% navigation(title: @recurring_task.id, section: :recurring_tasks) %>
+
+<%= render "flight_control/recurring_tasks/title", recurring_task: @recurring_task %>
+<%= render "flight_control/recurring_tasks/general_information", recurring_task: @recurring_task %>
+
+<% if @jobs_page.empty? %>
+  <%= blank_status_notice "No jobs found for this recurring task" %>
+<% else %>
+  <h2 class="subtitle"><%= pluralize @recurring_task.jobs.count, "job" %></h2>
+
+  <%= render "flight_control/shared/jobs", jobs: @jobs_page.records %>
+
+  <%= render "flight_control/shared/pagination_toolbar", page: @jobs_page, filter_param: jobs_filter_param %>
+<% end %>

data/app/views/flight_control/shared/_job.html.erb

@@ -0,0 +1,27 @@
+<tr class="job">
+  <td>
+    <%= link_to application_job_path(@application, job.job_id, filter: { queue_name: job.queue }) do %>
+      <%= job_title(job) %>
+    <% end %>
+    <div class="has-text-grey">Enqueued <%= time_distance_in_words_with_title(job.enqueued_at.to_datetime) %> ago</div>
+  </td>
+  <td>
+    <% if job.serialized_arguments.present? %>
+      <span class="is-family-monospace">
+        <%= truncate(job_arguments(job), length: 300) %>
+      </span>
+    <% end %>
+  </td>
+
+  <td>
+    <div class="has-text-grey">
+      <% if job.started_at %>
+        Running for <%= time_distance_in_words_with_title(job.started_at) %>
+      <% elsif job.finished_at %>
+        Finished <%= time_distance_in_words_with_title(job.finished_at) %> ago
+      <% else %>
+        Pending
+      <% end %>
+    </div>
+  </td>
+</tr>

data/app/views/flight_control/shared/_jobs.html.erb

@@ -0,0 +1,14 @@
+<table class="jobs table is-hoverable is-fullwidth">
+  <tbody>
+  <thead>
+  <tr>
+    <th class="job-header">Job</th>
+    <th></th>
+    <th class="duration-header"></th>
+  </tr>
+  </thead>
+
+  <%= render partial: "flight_control/shared/job", collection: jobs %>
+
+  </tbody>
+</table>

data/app/views/flight_control/shared/_pagination_toolbar.html.erb

@@ -0,0 +1,7 @@
+<nav class="buttons is-right" role="navigation" aria-label="pagination">
+  <span class="mr-3"><%= page.index %> / <%= page.pages_count || "..." %></span>
+  <%= link_to "↞", url_for(page: 1, **filter_param), class: "pagination-previous", disabled: page.first? %>
+  <%= link_to "Previous page", url_for(page: page.previous_index, **filter_param), class: "pagination-previous", disabled: page.first? %>
+  <%= link_to "Next page", url_for(page: page.next_index, **filter_param), class: "pagination-next", disabled: page.last? %>
+  <%= link_to "↠", url_for(page: page.pages_count, **filter_param), class: "pagination-next", disabled: page.last? %>
+</nav>

data/app/views/flight_control/workers/_configuration.html.erb

@@ -0,0 +1,6 @@
+<h2 class="subtitle mt-2">Configuration</h2>
+<pre>
+<%= JSON.pretty_generate(worker.configuration) %>
+</pre>
+
+<hr />

data/app/views/flight_control/workers/_raw_data.html.erb

@@ -0,0 +1,6 @@
+<hr />
+
+<h2 class="subtitle">Raw data</h2>
+<pre>
+  <%= JSON.pretty_generate(worker.raw_data) %>
+</pre>

data/app/views/flight_control/workers/_title.html.erb

@@ -0,0 +1,11 @@
+<h1 class="title">
+  <div class="level">
+    <div class="level-left">
+      <%= "Worker #{worker.id} — #{worker.name}" %>
+    </div>
+
+    <div class="level-right is-family-monospace">
+      <%= worker.hostname %>
+    </div>
+  </div>
+</h1>

data/app/views/flight_control/workers/_worker.html.erb

@@ -0,0 +1,21 @@
+<tr class="worker">
+  <td>
+    <%= link_to "worker #{worker.id}", application_worker_path(@application, worker.id) %>
+    <br />
+    <%= worker.name %>
+  </td>
+  <td><%= worker.hostname %></td>
+  <td>
+    <% worker.jobs.each do |job| %>
+      <div>
+        <%= link_to job_title(job), application_job_path(@application, job.job_id) %>
+
+        <% if job.serialized_arguments.present? %>
+          <div class="is-family-monospace is-size-7"><%= truncate(job_arguments(job), length: 300) %></div>
+        <% end %>
+      </div>
+    <% end %>
+  </td>
+
+  <td><div class="has-text-grey"><%= time_distance_in_words_with_title(worker.last_heartbeat_at) %> ago</div></td>
+</tr>

data/app/views/flight_control/workers/_workers_page.html.erb

@@ -0,0 +1,15 @@
+<table class="workers table jobs is-hoverable is-fullwidth">
+  <tbody>
+  <thead>
+  <tr>
+    <th>Worker</th>
+    <th>Hostname</th>
+    <th class="job-header">Jobs</th>
+    <th>Last heartbeat</th>
+  </tr>
+  </thead>
+
+  <%= render partial: "flight_control/workers/worker", collection: workers_page.records %>
+
+  </tbody>
+</table>

data/app/views/flight_control/workers/index.html.erb

@@ -0,0 +1,6 @@
+<% navigation(title: "Workers", section: :workers)  %>
+
+<%= render "flight_control/workers/workers_page", workers_page: @workers_page %>
+
+<%= render "flight_control/shared/pagination_toolbar", page: @workers_page, filter_param: {} %>
+

data/app/views/flight_control/workers/show.html.erb

@@ -0,0 +1,14 @@
+<% navigation(title: "Worker #{@worker.id}", section: :workers) %>
+
+<%= render "flight_control/workers/title", worker: @worker %>
+<%= render "flight_control/workers/configuration", worker: @worker %>
+
+<% if @worker.jobs.empty? %>
+  <%= blank_status_notice "This worker is idle" %>
+<% else %>
+  <h2 class="subtitle">Running <%= pluralize @worker.jobs.size, "job" %></h2>
+
+  <%= render "flight_control/shared/jobs", jobs: @worker.jobs %>
+<% end %>
+
+<%= render "flight_control/workers/raw_data", worker: @worker %>

data/app/views/layouts/flight_control/_application_selection.html.erb

@@ -0,0 +1,14 @@
+<nav class="navbar" role="navigation" aria-label="main navigation">
+  <div class="navbar-menu is-active mb-4">
+    <div class="navbar-start">
+      <% if (path = back_to_main_app_path) %>
+        <%= link_to "Back to main app", path %>
+      <% end %>
+    </div>
+
+    <div class="navbar-end">
+      <%= render "layouts/flight_control/application_selection/servers", application: @application %>
+      <%= render "layouts/flight_control/application_selection/applications" if selectable_applications.any? %>
+    </div>
+  </div>
+</nav>

data/app/views/layouts/flight_control/_flash.html.erb

@@ -0,0 +1,9 @@
+<% flash.each do |name, message| -%>
+  <% message_class = { notice: "is-success", alert: "is-danger" }[name.to_sym] %>
+
+  <article class="message <%= message_class %>">
+    <div class="message-body">
+      <%= message %>
+    </div>
+  </article>
+<% end -%>

data/app/views/layouts/flight_control/_navigation.html.erb

@@ -0,0 +1,9 @@
+<div class="tabs is-boxed">
+  <ul>
+    <% navigation_sections.each do |key, (label, url)| %>
+      <li class="<%= "is-active" if key == current_section %>">
+        <%= link_to label, url %>
+      </li>
+    <% end %>
+  </ul>
+</div>

data/app/views/layouts/flight_control/application.html.erb

@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <title>Flight Control - <%= page_title %></title>
+  <%= csrf_meta_tags %>
+  <%= csp_meta_tag %>
+
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="turbo-cache-control" content="no-cache">
+  <meta name="turbo-prefetch" content="false">
+
+  <%= stylesheet_link_tag "flight_control/bulma.min" %>
+  <%= stylesheet_link_tag "flight_control/application", "flight_control/forms", "flight_control/jobs", "data-turbo-track": "reload" %>
+  <%= javascript_importmap_tags "application", importmap: FlightControl.importmap  %>
+</head>
+<body>
+
+<section class="section">
+  <div class="container">
+    <%= render "layouts/flight_control/application_selection" %>
+    <%= render "layouts/flight_control/flash" %>
+    <%= render "layouts/flight_control/navigation" %>
+    <%= yield %>
+  </div>
+</section>
+
+</body>
+</html>

data/app/views/layouts/flight_control/application_selection/_applications.html.erb

@@ -0,0 +1,13 @@
+<div class="application-selector navbar-item has-dropdown is-hoverable">
+  <a class="navbar-link">
+    <%= FlightControl::Current.application.name %>
+  </a>
+
+  <div class="navbar-dropdown">
+    <% selectable_applications.each do |application| %>
+      <%= link_to application_queues_path(application, server_id: nil), class: "navbar-item" do %>
+        <span><%= application.name %></span>
+      <% end %>
+    <% end %>
+  </div>
+</div>

data/app/views/layouts/flight_control/application_selection/_servers.html.erb

@@ -0,0 +1,15 @@
+<% if application.servers.many? %>
+  <div class="server-selector navbar-item">
+    <div class="tabs is-toggle is-toggle-rounded is-small">
+      <ul>
+        <% application.servers.each do |server| %>
+          <li class="<%= "is-active" if selected_server?(server) %>">
+            <%= link_to application_queues_path(application, server_id: server) do %>
+              <span><%= server.name %></span>
+            <% end %>
+          </li>
+        <% end %>
+      </ul>
+    </div>
+  </div>
+<% end %>

data/config/importmap.rb

@@ -0,0 +1,5 @@
+pin "application", to: "flight_control/application.js", preload: true
+pin "@hotwired/turbo-rails", to: "turbo.min.js", preload: true
+pin "@hotwired/stimulus", to: "stimulus.min.js", preload: true
+pin "@hotwired/stimulus-loading", to: "stimulus-loading.js", preload: true
+pin_all_from FlightControl::Engine.root.join("app/javascript/flight_control/controllers"), under: "controllers", to: "flight_control/controllers"