karafka-web 1.0.0 → 1.0.1

data/lib/karafka/web/pro/ui/views/cluster/index.erb

@@ -22,24 +22,16 @@
 
 <%== partial 'cluster/tabs' %>
 
-<div class="col-span-12 mb-3">
-  <div class="data-table-wrapper">
-    <table class="data-table">
-      <thead>
-        <tr>
-          <th><%== sort_link('Node ID', :id) %></th>
-          <th><%== sort_link(:name) %></th>
-          <th><%== sort_link(:port) %></th>
-        </tr>
-      </thead>
-      <tbody>
-        <%==
-          each_partial(
-            @brokers,
-            'cluster/broker'
-          )
-        %>
-      </tbody>
-    </table>
+<% if filtering? || !@brokers.empty? %>
+  <div class="col-span-12 mb-3">
+    <%== filter_box(labels: { id: 'Node ID' }) %>
   </div>
-</div>
+<% end %>
+
+<% if @brokers.empty? && filtering? %>
+  <div class="col-span-12">
+    <%== partial 'shared/no_filter_results' %>
+  </div>
+<% else %>
+  <%== partial 'cluster/brokers_table' %>
+<% end %>

data/lib/karafka/web/pro/ui/views/cluster/replication.erb

@@ -0,0 +1,39 @@
+<%# Karafka Pro - Source Available Commercial Software %>
+<%# Copyright (c) 2017-present Maciej Mensfeld. All rights reserved. %>
+<%# This software is NOT open source. It is source-available commercial software %>
+<%# requiring a paid license for use. It is NOT covered by LGPL. %>
+<%# The author retains all right, title, and interest in this software, %>
+<%# including all copyrights, patents, and other intellectual property rights. %>
+<%# No patent rights are granted under this license. %>
+<%# PROHIBITED: Use without a valid commercial license %>
+<%# PROHIBITED: Redistribution, modification, or derivative works without authorization %>
+<%# PROHIBITED: Reverse engineering, decompilation, or disassembly of this software %>
+<%# PROHIBITED: Use as training data for AI/ML models or inclusion in datasets %>
+<%# PROHIBITED: Scraping, crawling, or automated collection for any purpose %>
+<%# PERMITTED: Reading, referencing, and linking for personal or commercial use %>
+<%# PERMITTED: Runtime retrieval by AI assistants, coding agents, and RAG systems %>
+<%# PERMITTED: for the purpose of providing contextual help to Karafka users %>
+<%# Receipt, viewing, or possession of this software does not convey or %>
+<%# imply any license or right beyond those expressly stated above. %>
+<%# License: https://karafka.io/docs/Pro-License-Comm/ %>
+<%# Contact: contact@karafka.io %>
+
+<%== partial 'cluster/tabs' %>
+
+<% if filtering? || !@partitions.empty? %>
+  <div class="col-span-12 mb-3">
+    <%== filter_box %>
+  </div>
+<% end %>
+
+<div class="col-span-12 mb-3">
+  <% if @partitions.empty? && !filtering? && params.current_page <= 1 %>
+    <%== partial 'cluster/no_partitions' %>
+  <% elsif @partitions.empty? && filtering? %>
+    <%== partial 'shared/no_filter_results' %>
+  <% elsif @partitions.empty? %>
+    <%== partial 'shared/no_paginated_data' %>
+  <% else %>
+    <%== partial 'cluster/partitions_table' %>
+  <% end %>
+</div>

data/lib/karafka/web/pro/ui/views/cluster/show.erb

@@ -20,24 +20,16 @@
 
 <% view_title @broker.full_name %>
 
-<div class="data-table-wrapper">
-  <table class="data-table">
-    <thead>
-      <tr>
-        <th><%== sort_link(:name) %></th>
-        <th><%== sort_link(:value) %></th>
-        <th><%== sort_link(:default?) %></th>
-        <th><%== sort_link(:sensitive?) %></th>
-        <th><%== sort_link(:read_only?) %></th>
-      </tr>
-    </thead>
-    <tbody>
-      <%==
-        each_partial(
-          @configs,
-          'cluster/config'
-        )
-      %>
-    </tbody>
-  </table>
-</div>
+<% if filtering? || !@configs.empty? %>
+  <div class="col-span-12 mb-3">
+    <%== filter_box %>
+  </div>
+<% end %>
+
+<% if filtering? && @configs.empty? %>
+  <div class="col-span-12">
+    <%== partial 'shared/no_filter_results' %>
+  </div>
+<% else %>
+  <%== partial 'cluster/configs_table' %>
+<% end %>

data/lib/karafka/web/pro/ui/views/consumers/consumers/_consumer_performances_table.erb

@@ -0,0 +1,56 @@
+<%# Karafka Pro - Source Available Commercial Software %>
+<%# Copyright (c) 2017-present Maciej Mensfeld. All rights reserved. %>
+<%# This software is NOT open source. It is source-available commercial software %>
+<%# requiring a paid license for use. It is NOT covered by LGPL. %>
+<%# The author retains all right, title, and interest in this software, %>
+<%# including all copyrights, patents, and other intellectual property rights. %>
+<%# No patent rights are granted under this license. %>
+<%# PROHIBITED: Use without a valid commercial license %>
+<%# PROHIBITED: Redistribution, modification, or derivative works without authorization %>
+<%# PROHIBITED: Reverse engineering, decompilation, or disassembly of this software %>
+<%# PROHIBITED: Use as training data for AI/ML models or inclusion in datasets %>
+<%# PROHIBITED: Scraping, crawling, or automated collection for any purpose %>
+<%# PERMITTED: Reading, referencing, and linking for personal or commercial use %>
+<%# PERMITTED: Runtime retrieval by AI assistants, coding agents, and RAG systems %>
+<%# PERMITTED: for the purpose of providing contextual help to Karafka users %>
+<%# Receipt, viewing, or possession of this software does not convey or %>
+<%# imply any license or right beyond those expressly stated above. %>
+<%# License: https://karafka.io/docs/Pro-License-Comm/ %>
+<%# Contact: contact@karafka.io %>
+
+<div class="data-table-wrapper">
+  <table class="data-table">
+    <thead>
+      <tr>
+        <th colspan="1" rowspan="2"><%== sort_link('Process ID', :id) %></th>
+        <th colspan="1" rowspan="2"><%== sort_link(:memory_usage) %></th>
+        <th colspan="1" rowspan="2"><%== sort_link(:utilization) %></th>
+        <th colspan="1" rowspan="2"><%== sort_link(:threads) %></th>
+        <th colspan="3" rowspan="1" class="text-center">Load</th>
+        <th colspan="2" class="text-center">Workers</th>
+        <th colspan="2" class="text-center">Listeners</th>
+        <th colspan="2" class="text-center">Jobs</th>
+      </tr>
+      <tr>
+        <th>1m</th>
+        <th>5m</th>
+        <th>15m</th>
+        <th><%== sort_link('Total', :workers) %></th>
+        <th><%== sort_link(:busy) %></th>
+        <th><%== sort_link(:active) %></th>
+        <th><%== sort_link(:standby) %></th>
+        <th><%== sort_link('Running', :running_jobs_count) %></th>
+        <th><%== sort_link('Pending', :pending_jobs_count) %></th>
+      </tr>
+    </thead>
+    <tbody>
+      <%==
+        render_each(
+          @processes,
+          'consumers/consumers/_consumer_performance',
+          local: :process
+        )
+      %>
+    </tbody>
+  </table>
+</div>

data/lib/karafka/web/pro/ui/views/consumers/consumers/_consumers_table.erb

@@ -0,0 +1,43 @@
+<%# Karafka Pro - Source Available Commercial Software %>
+<%# Copyright (c) 2017-present Maciej Mensfeld. All rights reserved. %>
+<%# This software is NOT open source. It is source-available commercial software %>
+<%# requiring a paid license for use. It is NOT covered by LGPL. %>
+<%# The author retains all right, title, and interest in this software, %>
+<%# including all copyrights, patents, and other intellectual property rights. %>
+<%# No patent rights are granted under this license. %>
+<%# PROHIBITED: Use without a valid commercial license %>
+<%# PROHIBITED: Redistribution, modification, or derivative works without authorization %>
+<%# PROHIBITED: Reverse engineering, decompilation, or disassembly of this software %>
+<%# PROHIBITED: Use as training data for AI/ML models or inclusion in datasets %>
+<%# PROHIBITED: Scraping, crawling, or automated collection for any purpose %>
+<%# PERMITTED: Reading, referencing, and linking for personal or commercial use %>
+<%# PERMITTED: Runtime retrieval by AI assistants, coding agents, and RAG systems %>
+<%# PERMITTED: for the purpose of providing contextual help to Karafka users %>
+<%# Receipt, viewing, or possession of this software does not convey or %>
+<%# imply any license or right beyond those expressly stated above. %>
+<%# License: https://karafka.io/docs/Pro-License-Comm/ %>
+<%# Contact: contact@karafka.io %>
+
+<div class="data-table-wrapper">
+  <table class="data-table">
+    <thead>
+      <tr>
+        <th><%== sort_link('Process ID', :id) %></th>
+        <th><%== sort_link(:started_at, rev: true) %></th>
+        <th>Memory</th>
+        <th>Performance</th>
+        <th>Load</th>
+        <th><%== sort_link(:lag_hybrid) %></th>
+      </tr>
+    </thead>
+    <tbody>
+      <%==
+        render_each(
+          @processes,
+          'consumers/consumers/_consumer',
+          local: :process
+        )
+      %>
+    </tbody>
+  </table>
+</div>

data/lib/karafka/web/pro/ui/views/consumers/consumers/consumer/_subscription_group.erb

@@ -18,6 +18,13 @@
 <%# License: https://karafka.io/docs/Pro-License-Comm/ %>
 <%# Contact: contact@karafka.io %>
 
+<%
+  # Non-destructively narrow the topics to the current filtering keyword. A subscription group is
+  # kept when the keyword matches its consumer/subscription group name or any of its topics.
+  topics = visible_topics(subscription_group.topics, consumer_group: consumer_group.id, subscription_group: subscription_group.id)
+%>
+
+<% unless filtering? && topics.empty? %>
 <h2 class="h2 mb-3" id="<%= subscription_group.id %>">
   <span class="tooltip" data-tip="Consumer Group">
     <%= consumer_group.id %>
@@ -115,12 +122,12 @@
 </div>
 
 
-<% if subscription_group.topics.empty? %>
+<% if topics.empty? %>
   <div class="mb-6">
     <% empty_state('This process does not consume any messages from any topics of this subscription group.', icon: 'folder') %>
   </div>
 <% else %>
-  <% subscription_group.topics.each do |topic| %>
+  <% topics.each do |topic| %>
     <div class="data-table-wrapper">
       <table class="data-table">
         <thead>
@@ -165,3 +172,4 @@
     </div>
   <% end %>
 <% end %>
+<% end %>

data/lib/karafka/web/pro/ui/views/consumers/consumers/index.erb

@@ -24,33 +24,17 @@
 <%== partial 'consumers/consumers/tabs' %>
 
 <div class="col-span-12">
-  <% if @processes.empty? && params.current_page <= 1 %>
+  <% if !@processes.empty? || filtering? %>
+    <%== filter_box %>
+  <% end %>
+
+  <% if @processes.empty? && !filtering? && params.current_page <= 1 %>
     <%== partial 'consumers/no_consumers' %>
+  <% elsif @processes.empty? && filtering? %>
+    <%== partial 'shared/no_filter_results' %>
   <% elsif @processes.empty? %>
     <%== partial 'shared/no_paginated_data' %>
   <% else %>
-    <div class="data-table-wrapper">
-      <table class="data-table">
-        <thead>
-          <tr>
-            <th><%== sort_link('Process ID', :id) %></th>
-            <th><%== sort_link(:started_at, rev: true) %></th>
-            <th>Memory</th>
-            <th>Performance</th>
-            <th>Load</th>
-            <th><%== sort_link(:lag_hybrid) %></th>
-          </tr>
-        </thead>
-        <tbody>
-          <%==
-            render_each(
-              @processes,
-              'consumers/consumers/_consumer',
-              local: :process
-            )
-          %>
-        </tbody>
-      </table>
-    </div>
+    <%== partial 'consumers/consumers/consumers_table' %>
   <% end %>
 </div>

data/lib/karafka/web/pro/ui/views/consumers/consumers/performance.erb

@@ -23,46 +23,17 @@
 <%== partial 'consumers/consumers/tabs' %>
 
 <div class="col-span-12">
-  <% if @processes.empty? && params.current_page <= 1 %>
+  <% if !@processes.empty? || filtering? %>
+    <%== filter_box %>
+  <% end %>
+
+  <% if @processes.empty? && !filtering? && params.current_page <= 1 %>
     <%== partial 'consumers/no_consumers' %>
+  <% elsif @processes.empty? && filtering? %>
+    <%== partial 'shared/no_filter_results' %>
   <% elsif @processes.empty? %>
     <%== partial 'shared/no_paginated_data' %>
   <% else %>
-    <div class="data-table-wrapper">
-      <table class="data-table">
-        <thead>
-          <tr>
-            <th colspan="1" rowspan="2"><%== sort_link('Process ID', :id) %></th>
-            <th colspan="1" rowspan="2"><%== sort_link(:memory_usage) %></th>
-            <th colspan="1" rowspan="2"><%== sort_link(:utilization) %></th>
-            <th colspan="1" rowspan="2"><%== sort_link(:threads) %></th>
-            <th colspan="3" rowspan="1" class="text-center">Load</th>
-            <th colspan="2" class="text-center">Workers</th>
-            <th colspan="2" class="text-center">Listeners</th>
-            <th colspan="2" class="text-center">Jobs</th>
-          </tr>
-          <tr>
-            <th>1m</th>
-            <th>5m</th>
-            <th>15m</th>
-            <th><%== sort_link('Total', :workers) %></th>
-            <th><%== sort_link(:busy) %></th>
-            <th><%== sort_link(:active) %></th>
-            <th><%== sort_link(:standby) %></th>
-            <th><%== sort_link('Running', :running_jobs_count) %></th>
-            <th><%== sort_link('Pending', :pending_jobs_count) %></th>
-          </tr>
-        </thead>
-        <tbody>
-          <%==
-            render_each(
-              @processes,
-              'consumers/consumers/_consumer_performance',
-              local: :process
-            )
-          %>
-        </tbody>
-      </table>
-    </div>
+    <%== partial 'consumers/consumers/consumer_performances_table' %>
   <% end %>
 </div>

data/lib/karafka/web/pro/ui/views/consumers/consumers/subscriptions.erb

@@ -28,13 +28,27 @@
   <%== partial 'consumers/consumers/consumer/tabs' %>
 
   <% if @process.subscribed? %>
-    <%==
-      render_each(
-        @process.consumer_groups,
-        'consumers/consumers/consumer/_consumer_group',
-        local: :consumer_group
-      )
+    <%== filter_box %>
+
+    <%
+      any_visible = @process.consumer_groups.any? do |cg|
+        cg.subscription_groups.any? do |sg|
+          visible_topics(sg.topics, consumer_group: cg.id, subscription_group: sg.id).any?
+        end
+      end
     %>
+
+    <% if filtering? && !any_visible %>
+      <%== partial 'shared/no_filter_results' %>
+    <% else %>
+      <%==
+        render_each(
+          @process.consumer_groups,
+          'consumers/consumers/consumer/_consumer_group',
+          local: :consumer_group
+        )
+      %>
+    <% end %>
   <% else %>
     <%== partial 'consumers/consumers/consumer/no_subscriptions' %>
   <% end %>

data/lib/karafka/web/pro/ui/views/consumers/controls/_processes_table.erb

@@ -0,0 +1,45 @@
+<%# Karafka Pro - Source Available Commercial Software %>
+<%# Copyright (c) 2017-present Maciej Mensfeld. All rights reserved. %>
+<%# This software is NOT open source. It is source-available commercial software %>
+<%# requiring a paid license for use. It is NOT covered by LGPL. %>
+<%# The author retains all right, title, and interest in this software, %>
+<%# including all copyrights, patents, and other intellectual property rights. %>
+<%# No patent rights are granted under this license. %>
+<%# PROHIBITED: Use without a valid commercial license %>
+<%# PROHIBITED: Redistribution, modification, or derivative works without authorization %>
+<%# PROHIBITED: Reverse engineering, decompilation, or disassembly of this software %>
+<%# PROHIBITED: Use as training data for AI/ML models or inclusion in datasets %>
+<%# PROHIBITED: Scraping, crawling, or automated collection for any purpose %>
+<%# PERMITTED: Reading, referencing, and linking for personal or commercial use %>
+<%# PERMITTED: Runtime retrieval by AI assistants, coding agents, and RAG systems %>
+<%# PERMITTED: for the purpose of providing contextual help to Karafka users %>
+<%# Receipt, viewing, or possession of this software does not convey or %>
+<%# imply any license or right beyond those expressly stated above. %>
+<%# License: https://karafka.io/docs/Pro-License-Comm/ %>
+<%# Contact: contact@karafka.io %>
+
+<div class="data-table-wrapper">
+  <table class="data-table">
+    <thead>
+      <tr>
+        <th><%== sort_link('Process ID', :id) %></th>
+        <th><%== sort_link(:status) %></th>
+        <th>Subscriptions</th>
+        <th><%== sort_link(:started_at, rev: true) %></th>
+        <th><%== sort_link(:memory_usage) %></th>
+        <th>Performance</th>
+        <th><%== sort_link(:lag_hybrid) %></th>
+        <th class="options">Options</th>
+      </tr>
+    </thead>
+    <tbody>
+      <%==
+        render_each(
+          @processes,
+          'consumers/controls/_controls',
+          local: :process
+        )
+      %>
+    </tbody>
+  </table>
+</div>

data/lib/karafka/web/pro/ui/views/consumers/controls/index.erb

@@ -23,7 +23,12 @@
 <%== partial 'consumers/consumers/tabs' %>
 
 <% unless @processes.empty? %>
-  <div class="col-span-12 flex justify-end space-x-2 mb-6">
+  <div class="col-span-12 flex justify-end items-center space-x-2 mb-6">
+    <% if filtering? %>
+      <span class="text-muted text-sm">
+        These actions apply to all processes, not just the filtered ones
+      </span>
+    <% end %>
     <%
       quiet_all_path = consumers_path('commanding', 'quiet_all')
       has_standalone = @processes.any? { |p| p.execution_mode == 'standalone' }
@@ -64,35 +69,17 @@
 <% end %>
 
 <div class="col-span-12">
-  <% if @processes.empty? && params.current_page <= 1 %>
+  <% if !@processes.empty? || filtering? %>
+    <%== filter_box %>
+  <% end %>
+
+  <% if @processes.empty? && !filtering? && params.current_page <= 1 %>
     <%== partial 'consumers/no_consumers' %>
+  <% elsif @processes.empty? && filtering? %>
+    <%== partial 'shared/no_filter_results' %>
   <% elsif @processes.empty? %>
     <%== partial 'shared/no_paginated_data' %>
   <% else %>
-    <div class="data-table-wrapper">
-      <table class="data-table">
-        <thead>
-          <tr>
-            <th><%== sort_link('Process ID', :id) %></th>
-            <th><%== sort_link(:status) %></th>
-            <th>Subscriptions</th>
-            <th><%== sort_link(:started_at, rev: true) %></th>
-            <th><%== sort_link(:memory_usage) %></th>
-            <th>Performance</th>
-            <th><%== sort_link(:lag_hybrid) %></th>
-            <th class="options">Options</th>
-          </tr>
-        </thead>
-        <tbody>
-          <%==
-            render_each(
-              @processes,
-              'consumers/controls/_controls',
-              local: :process
-            )
-          %>
-        </tbody>
-      </table>
-    </div>
+    <%== partial 'consumers/controls/processes_table' %>
   <% end %>
 </div>

data/lib/karafka/web/pro/ui/views/consumers/jobs/_jobs_table.erb

@@ -0,0 +1,48 @@
+<%# Karafka Pro - Source Available Commercial Software %>
+<%# Copyright (c) 2017-present Maciej Mensfeld. All rights reserved. %>
+<%# This software is NOT open source. It is source-available commercial software %>
+<%# requiring a paid license for use. It is NOT covered by LGPL. %>
+<%# The author retains all right, title, and interest in this software, %>
+<%# including all copyrights, patents, and other intellectual property rights. %>
+<%# No patent rights are granted under this license. %>
+<%# PROHIBITED: Use without a valid commercial license %>
+<%# PROHIBITED: Redistribution, modification, or derivative works without authorization %>
+<%# PROHIBITED: Reverse engineering, decompilation, or disassembly of this software %>
+<%# PROHIBITED: Use as training data for AI/ML models or inclusion in datasets %>
+<%# PROHIBITED: Scraping, crawling, or automated collection for any purpose %>
+<%# PERMITTED: Reading, referencing, and linking for personal or commercial use %>
+<%# PERMITTED: Runtime retrieval by AI assistants, coding agents, and RAG systems %>
+<%# PERMITTED: for the purpose of providing contextual help to Karafka users %>
+<%# Receipt, viewing, or possession of this software does not convey or %>
+<%# imply any license or right beyond those expressly stated above. %>
+<%# License: https://karafka.io/docs/Pro-License-Comm/ %>
+<%# Contact: contact@karafka.io %>
+
+<div class="data-table-wrapper">
+  <table class="data-table">
+    <thead>
+      <tr>
+        <th rowspan="2"><%== sort_link(:topic) %></th>
+        <th rowspan="2"><%== sort_link(:consumer) %></th>
+        <th rowspan="2"><%== sort_link(:type) %></th>
+        <th rowspan="2"><%== sort_link(:messages) %></th>
+        <th colspan="3" class="text-center">Offsets</th>
+        <th rowspan="2"><%== sort_link('Started', :updated_at, rev: true) %></th>
+      </tr>
+      <tr>
+        <th><%== sort_link(:first_offset) %></th>
+        <th><%== sort_link(:last_offset) %></th>
+        <th><%== sort_link(:committed_offset) %></th>
+      </tr>
+    </thead>
+    <tbody>
+      <%==
+        render_each(
+          jobs,
+          'consumers/jobs/_job',
+          local: :job
+        )
+      %>
+    </tbody>
+  </table>
+</div>

data/lib/karafka/web/pro/ui/views/consumers/jobs/pending.erb

@@ -27,36 +27,15 @@
 
   <%== partial 'consumers/consumers/consumer/tabs' %>
 
-  <% if @pending_jobs.empty? %>
+  <% if filtering? || !@pending_jobs.empty? %>
+    <%== filter_box %>
+  <% end %>
+
+  <% if @pending_jobs.empty? && filtering? %>
+    <%== partial 'shared/no_filter_results' %>
+  <% elsif @pending_jobs.empty? %>
     <%== partial 'consumers/jobs/no_jobs', locals: { type: 'pending' } %>
   <% else %>
-    <div class="data-table-wrapper">
-      <table class="data-table">
-        <thead>
-          <tr>
-            <th rowspan="2"><%== sort_link(:topic) %></th>
-            <th rowspan="2"><%== sort_link(:consumer) %></th>
-            <th rowspan="2"><%== sort_link(:type) %></th>
-            <th rowspan="2"><%== sort_link(:messages) %></th>
-            <th colspan="3" class="text-center">Offsets</th>
-            <th rowspan="2"><%== sort_link('Started', :updated_at, rev: true) %></th>
-          </tr>
-          <tr>
-            <th><%== sort_link(:first_offset) %></th>
-            <th><%== sort_link(:last_offset) %></th>
-            <th><%== sort_link(:committed_offset) %></th>
-          </tr>
-        </thead>
-        <tbody>
-          <%==
-            render_each(
-              @pending_jobs,
-              'consumers/jobs/_job',
-              local: :job
-            )
-          %>
-        </tbody>
-      </table>
-    </div>
+    <%== partial 'consumers/jobs/jobs_table', locals: { jobs: @pending_jobs } %>
   <% end %>
 </div>

data/lib/karafka/web/pro/ui/views/consumers/jobs/running.erb

@@ -27,36 +27,15 @@
 
   <%== partial 'consumers/consumers/consumer/tabs' %>
 
-  <% if @running_jobs.empty? %>
+  <% if filtering? || !@running_jobs.empty? %>
+    <%== filter_box %>
+  <% end %>
+
+  <% if @running_jobs.empty? && filtering? %>
+    <%== partial 'shared/no_filter_results' %>
+  <% elsif @running_jobs.empty? %>
     <%== partial 'consumers/jobs/no_jobs', locals: { type: 'running' } %>
   <% else %>
-    <div class="data-table-wrapper">
-      <table class="data-table">
-        <thead>
-          <tr>
-            <th rowspan="2"><%== sort_link(:topic) %></th>
-            <th rowspan="2"><%== sort_link(:consumer) %></th>
-            <th rowspan="2"><%== sort_link(:type) %></th>
-            <th rowspan="2"><%== sort_link(:messages) %></th>
-            <th colspan="3" class="text-center">Offsets</th>
-            <th rowspan="2"><%== sort_link('Started', :updated_at, rev: true) %></th>
-          </tr>
-          <tr>
-            <th><%== sort_link(:first_offset) %></th>
-            <th><%== sort_link(:last_offset) %></th>
-            <th><%== sort_link(:committed_offset) %></th>
-          </tr>
-        </thead>
-        <tbody>
-          <%==
-            render_each(
-              @running_jobs,
-              'consumers/jobs/_job',
-              local: :job
-            )
-          %>
-        </tbody>
-      </table>
-    </div>
+    <%== partial 'consumers/jobs/jobs_table', locals: { jobs: @running_jobs } %>
   <% end %>
 </div>

data/lib/karafka/web/pro/ui/views/dlq/index.erb

@@ -20,8 +20,16 @@
 
 <% view_title 'Dead Letter Queue Topics' %>
 
-<% if @dlq_topics.empty? %>
+<% if filtering? || !@dlq_topics.empty? %>
+  <div class="col-span-12 mb-3">
+    <%== filter_box %>
+  </div>
+<% end %>
+
+<% if @dlq_topics.empty? && !filtering? %>
   <%== partial 'dlq/no_topics' %>
+<% elsif @dlq_topics.empty? %>
+  <%== partial 'shared/no_filter_results' %>
 <% else %>
   <div class="topic-tiles">
     <%==