karafka-web 0.10.4 → 0.11.0.beta1

data/lib/karafka/web/pro/ui/views/explorer/{show.erb → explorer/show.erb}

@@ -1,24 +1,23 @@
+<%# This code is part of Karafka Pro, a commercial component not licensed under LGPL. %>
+<%# See LICENSE for details. %>
+
 <% view_title "Message with offset #{@message.offset} from partition #{@message.partition}" %>
 
 <%
-  republish_path = root_path('messages', @message.topic, @message.partition, @message.offset, 'republish')
-  surrounding_path = explorer_path(@message.topic, @message.partition, @message.offset, 'surrounding')
+  republish_path = explorer_messages_path(@message.topic, @message.partition, @message.offset, 'republish')
+  surrounding_path = explorer_topics_path(@message.topic, @message.partition, @message.offset, 'surrounding')
 %>
 
 <div class="col-span-12">
   <section class="actions">
     <% if @visibility_filter.republish?(@message) %>
-      <form action="<%= republish_path %>" method="post" class="confirm-action float-end">
-        <%== csrf_tag(republish_path) %>
-        <button
-          type="submit"
-          class="btn-action"
-          title="Republish this message to the same topic partition"
-          data-turbo="false"
-        >
-          <%== icon(:arrow_path_rounded) %>
-        </button>
-      </form>
+      <a
+        href="<%= explorer_messages_path(@message.topic, @message.partition, @message.offset, 'forward') %>"
+        class="btn-action"
+        title="Republish this message"
+      >
+        <%== icon(:arrow_uturn_right) %>
+      </a>
     <% end %>
 
     <a
@@ -29,10 +28,9 @@
       <%== icon(:arrows_right_left) %>
     </a>
 
-
     <% if @visibility_filter.download?(@message) %>
       <a
-        href="<%= root_path('messages', @message.topic, @message.partition, @message.offset, 'download') %>"
+        href="<%= explorer_messages_path(@message.topic, @message.partition, @message.offset, 'download') %>"
         class="btn-action"
         title="Download raw payload"
         data-turbo="false"
@@ -43,7 +41,7 @@
 
     <% if @visibility_filter.export?(@message) && @safe_payload.success? %>
       <a
-        href="<%= root_path('messages', @message.topic, @message.partition, @message.offset, 'export') %>"
+        href="<%= explorer_messages_path(@message.topic, @message.partition, @message.offset, 'export') %>"
         class="btn-action"
         title="Export as JSON"
         data-turbo="false"
@@ -78,7 +76,7 @@
       Utilization
     </h2>
 
-    <%== partial 'explorer/message/resources_utilization' %>
+    <%== partial 'explorer/explorer/message/resources_utilization' %>
   </div>
 
   <div id="metadata-details">
@@ -86,12 +84,12 @@
       Metadata
     </h2>
 
-    <%== partial 'explorer/message/metadata' %>
+    <%== partial 'explorer/explorer/message/metadata' %>
   </div>
 
   <h2 class="h2">
     Payload
   </h2>
 
-  <%== partial 'explorer/message/payload' %>
+  <%== partial 'explorer/explorer/message/payload' %>
 </div>

data/lib/karafka/web/pro/ui/views/explorer/{topic → explorer/topic}/_actions.erb

@@ -1,8 +1,11 @@
+<%# This code is part of Karafka Pro, a commercial component not licensed under LGPL. %>
+<%# See LICENSE for details. %>
+
 <div class="col-span-4">
   <section class="actions">
     <% if @messages && !@messages.empty? %>
       <a
-        href="<%= explorer_path(@topic_id, 'recent') %>"
+        href="<%= explorer_topics_path(@topic_id, 'recent') %>"
         class="btn-action"
         title="Display the most recent message for this topic with auto-refresh"
       >
@@ -22,6 +25,6 @@
 
 <div class="col-span-8 mb-3">
   <section class="actions">
-    <%== partial 'explorer/selector' %>
+    <%== partial 'explorer/explorer/selector' %>
   </section>
 </div>

data/lib/karafka/web/pro/ui/views/explorer/explorer/topic/_empty.erb

@@ -0,0 +1,6 @@
+<%# This code is part of Karafka Pro, a commercial component not licensed under LGPL. %>
+<%# See LICENSE for details. %>
+
+<%==
+  alert_info('This topic is empty and does not contain any data in any of the partitions.')
+%>

data/lib/karafka/web/pro/ui/views/explorer/{topic → explorer/topic}/_limited.erb

@@ -1,3 +1,6 @@
+<%# This code is part of Karafka Pro, a commercial component not licensed under LGPL. %>
+<%# See LICENSE for details. %>
+
 <%==
   alert_info(
     '

data/lib/karafka/web/pro/ui/views/explorer/{topic.erb → explorer/topic.erb}

@@ -1,16 +1,19 @@
+<%# This code is part of Karafka Pro, a commercial component not licensed under LGPL. %>
+<%# See LICENSE for details. %>
+
 <% view_title @topic_id %>
 
-<%== partial 'explorer/topic/actions' %>
+<%== partial 'explorer/explorer/topic/actions' %>
 
 <div class="col-span-12">
   <% if @limited %>
     <div class="mb-6">
-      <%== partial('explorer/topic/limited') %>
+      <%== partial('explorer/explorer/topic/limited') %>
     </div>
   <% end %>
 
   <% if @messages.empty? && params.current_page == 1 %>
-    <%== partial 'explorer/topic/empty' %>
+    <%== partial 'explorer/explorer/topic/empty' %>
   <% elsif @messages.empty? %>
     <%== partial 'shared/no_paginated_data' %>
   <% else %>
@@ -26,6 +29,6 @@
       </p>
     <% end %>
 
-    <%== partial('explorer/partition/messages') %>
+    <%== partial('explorer/explorer/partition/messages') %>
   <% end %>
 </div>

data/lib/karafka/web/pro/ui/views/explorer/messages/_breadcrumbs.erb

@@ -0,0 +1,32 @@
+<%# This code is part of Karafka Pro, a commercial component not licensed under LGPL. %>
+<%# See LICENSE for details. %>
+
+<li>
+  <a href="<%= explorer_path %>">
+    Explorer
+  </a>
+</li>
+
+<li>
+  <a href="<%= explorer_topics_path(@topic_id) %>">
+    <%= @topic_id %>
+  </a>
+</li>
+
+<li>
+  <a href="<%= explorer_topics_path(@topic_id, @partition_id) %>">
+    Partition <%= @partition_id %>
+  </a>
+</li>
+
+<li>
+  <a href="<%= explorer_topics_path(@topic_id, @partition_id, @offset) %>">
+    <%= @offset %>
+  </a>
+</li>
+
+<li>
+  <a href="<%= explorer_messages_path(@topic_id, @partition_id, @offset, 'forward') %>">
+    Forward
+  </a>
+</li>

data/lib/karafka/web/pro/ui/views/explorer/messages/forward.erb

@@ -0,0 +1,143 @@
+<%# This code is part of Karafka Pro, a commercial component not licensed under LGPL. %>
+<%# See LICENSE for details. %>
+
+<% view_title "Republishing of message with offset #{@message.offset} from partition #{@message.partition}" %>
+
+<% alert_box_info('Message Republishing Operation') do  %>
+  <p>
+    You are about to republish a copy of this message to another topic. This operation:
+  </p>
+
+  <ul class="list-disc ml-6 mt-2">
+    <li>Creates a new message on the target topic</li>
+    <li>Does not remove the original message</li>
+    <li>Preserves the original payload</li>
+    <li>Can include source tracking headers</li>
+    <li>Cannot be undone</li>
+  </ul>
+<% end %>
+
+<%
+  republish_path = root_path(
+    'explorer',
+    'messages',
+    @message.topic,
+    @message.partition,
+    @message.offset,
+    'republish'
+  )
+%>
+
+<div class="card bg-base-100 mt-4">
+  <div class="card-body">
+    <form class="space-y-4 w-full mt-6" method="post" action="<%= republish_path %>" id="message-republish-form">
+      <%== csrf_tag(republish_path) %>
+
+      <div class="flex items-center w-full mb-4">
+        <label class="w-1/4 text-gray-700">Source Topic:</label>
+        <div class="w-3/4">
+          <code class="bg-base-200 px-2 py-1 rounded-sm">
+            <%= @message.topic %>
+          </code>
+        </div>
+      </div>
+
+      <div class="flex items-center w-full mb-4">
+        <label class="w-1/4 text-gray-700">Source Partition:</label>
+        <div class="w-3/4">
+          <code class="bg-base-200 px-2 py-1 rounded-sm">
+            <%= @message.partition %>
+          </code>
+        </div>
+      </div>
+
+      <div class="flex items-center w-full mb-6">
+        <label class="w-1/4 text-gray-700">Source Offset:</label>
+        <div class="w-3/4">
+          <code class="bg-base-200 px-2 py-1 rounded-sm"><%= @message.offset %></code>
+        </div>
+      </div>
+
+      <div class="flex items-center w-full mb-6">
+        <label class="w-1/4 text-gray-700">Source Raw Key:</label>
+        <div class="w-3/4">
+          <% if @message.raw_key %>
+            <code class="bg-base-200 px-2 py-1 rounded-sm"><%= @message.raw_key %></code>
+          <% else %>
+            None
+          <% end %>
+        </div>
+      </div>
+
+      <div class="flex items-center w-full mb-6">
+        <label class="w-1/4 text-gray-700">Target Topic:</label>
+        <div class="w-3/4">
+          <select name="target_topic" class="select select-bordered w-full" required>
+            <option value="" data-partitions="1">Select Target Topic</option>
+            <% @topics.each do |topic| %>
+              <option
+                value="<%= topic.topic_name %>"
+                data-partitions="<%= topic.partition_count %>"
+                <%= topic.topic_name == @target_topic ? 'selected' : '' %>
+              >
+                <%= topic.topic_name %> (<%= topic.partition_count %>)
+              </option>
+            <% end %>
+          </select>
+          <div class="text-sm text-gray-500 mt-1">
+            Topic to which the message will be forwarded
+          </div>
+        </div>
+      </div>
+
+      <div class="flex items-center w-full mb-8">
+        <label class="w-1/4 text-gray-700">Target Partition:</label>
+        <div class="w-3/4">
+          <input
+            type="number"
+            name="target_partition"
+            class="block input input-bordered w-full"
+            placeholder="Leave empty for automatic partition assignment"
+            min="0"
+            max="10000"
+            id="target_partition"
+            value="<%= @target_partition %>"
+          />
+          <div class="text-sm text-gray-500 mt-1">
+            Optional. If left empty, partition will be assigned based on key or round-robin strategy
+          </div>
+        </div>
+      </div>
+
+      <div class="flex items-center w-full">
+        <label class="w-1/4 text-gray-700">Delivery Options:</label>
+        <div class="w-3/4">
+          <label class="flex items-center gap-4 cursor-pointer">
+            <input type="hidden" name="include_source_headers" value="off">
+            <input type="checkbox" name="include_source_headers" class="checkbox checkbox-primary" checked />
+            <div class="space-y-1">
+              <div class="flex items-center gap-2">
+                Include source message headers
+              </div>
+              <div class="text-sm text-gray-500">
+                Add origin headers with source topic, partition, and offset information for traceability
+              </div>
+            </div>
+          </label>
+        </div>
+      </div>
+
+      <div class="fieldset text-center mt-8">
+        <div class="flex gap-4 justify-end">
+          <a href="<%= explorer_topics_path(@message.topic, @message.partition, @message.offset) %>" class="btn btn-ghost">
+            Cancel
+          </a>
+          <button type="submit" class="btn btn-primary gap-2 btn-lockable">
+            <%== icon(:arrow_uturn_right) %>
+            Forward Message
+          </button>
+        </div>
+      </div>
+    </form>
+  </div>
+</div>

data/lib/karafka/web/pro/ui/views/explorer/search/_breadcrumbs.erb

@@ -0,0 +1,4 @@
+<%# This code is part of Karafka Pro, a commercial component not licensed under LGPL. %>
+<%# See LICENSE for details. %>
+
+<%== partial 'explorer/explorer/breadcrumbs' %>

data/lib/karafka/web/pro/ui/views/explorer/search/_fix_errors.erb

@@ -0,0 +1,6 @@
+<%# This code is part of Karafka Pro, a commercial component not licensed under LGPL. %>
+<%# See LICENSE for details. %>
+
+<%==
+  alert_error('Search criteria are not correct. Please fix them.')
+%>

data/lib/karafka/web/pro/ui/views/{search → explorer/search}/_metadata.erb

@@ -1,3 +1,6 @@
+<%# This code is part of Karafka Pro, a commercial component not licensed under LGPL. %>
+<%# See LICENSE for details. %>
+
 <div id="search-metadata-details" class="hidden">
   <div class="data-table-wrapper">
     <table class="data-table">

data/lib/karafka/web/pro/ui/views/explorer/search/_no_results.erb

@@ -0,0 +1,6 @@
+<%# This code is part of Karafka Pro, a commercial component not licensed under LGPL. %>
+<%# See LICENSE for details. %>
+
+<%==
+  alert_info('No results found. Try aligning your search criteria.')
+%>

data/lib/karafka/web/pro/ui/views/{search → explorer/search}/_no_search_criteria.erb

@@ -1,3 +1,6 @@
+<%# This code is part of Karafka Pro, a commercial component not licensed under LGPL. %>
+<%# See LICENSE for details. %>
+
 <div id="no-search-criteria">
   <%==
     alert_info('No search criteria provided. Press the Edit button to perform a search.')

data/lib/karafka/web/pro/ui/views/{search → explorer/search}/_search_criteria.erb

@@ -1,3 +1,6 @@
+<%# This code is part of Karafka Pro, a commercial component not licensed under LGPL. %>
+<%# See LICENSE for details. %>
+
 <div class="col-span-4">
   <section class="actions">
     <button class="btn-action" id="show-search-modal">

data/lib/karafka/web/pro/ui/views/{search → explorer/search}/_search_modal.erb

@@ -1,3 +1,6 @@
+<%# This code is part of Karafka Pro, a commercial component not licensed under LGPL. %>
+<%# See LICENSE for details. %>
+
 <%
   # We do not want to use any additional gems. That's why this is done that way
   phrase = @current_search[:phrase]
@@ -76,7 +79,7 @@
         <label for="input-field" class="w-1/3 text-gray-700">Partitions:</label>
 
         <select
-          class="w-2/3 block select select-bordered p-4"
+          class="w-2/3 h-auto min-h-fit block bordered input p-4"
           id="partitions"
           name="search[partitions][]"
           multiple
@@ -128,7 +131,7 @@
         </select>
       </div>
 
-      <div class="form-control text-center">
+      <div class="fieldset text-center">
         <button type="submit" class="btn btn-primary">
           <%== icon(:magnifying_glass) %>
           Search

data/lib/karafka/web/pro/ui/views/explorer/search/_timeout.erb

@@ -0,0 +1,6 @@
+<%# This code is part of Karafka Pro, a commercial component not licensed under LGPL. %>
+<%# See LICENSE for details. %>
+
+<%==
+  alert_warning('Search results may be incomplete due to reaching the search timeout limit.')
+%>

data/lib/karafka/web/pro/ui/views/explorer/search/index.erb

@@ -0,0 +1,32 @@
+<%# This code is part of Karafka Pro, a commercial component not licensed under LGPL. %>
+<%# See LICENSE for details. %>
+
+<% view_title @search_criteria ? "Search Results from #{@topic_id}" : @topic_id %>
+
+<%== partial 'explorer/search/search_criteria' %>
+
+<div class="col-span-12">
+  <% unless @search_criteria %>
+    <%== partial 'explorer/search/no_search_criteria' %>
+  <% end %>
+
+  <% if @messages && @search_details[:stop_reason] == :timeout %>
+    <%== partial 'explorer/search/timeout' %>
+  <% end %>
+
+  <% if @errors.any? %>
+    <%== partial 'explorer/search/fix_errors' %>
+  <% elsif @messages %>
+    <%== partial 'explorer/search/metadata' %>
+
+    <% if @messages.empty? && params.current_page == 1 %>
+      <%== partial 'explorer/search/no_results' %>
+    <% elsif @messages.empty? %>
+      <%== partial 'shared/no_paginated_data' %>
+    <% else %>
+      <%== partial('explorer/explorer/partition/messages') %>
+    <% end %>
+  <% end %>
+</div>
+
+<%== partial 'explorer/search/search_modal' %>

data/lib/karafka/web/pro/ui/views/health/_breadcrumbs.erb

@@ -1,3 +1,6 @@
+<%# This code is part of Karafka Pro, a commercial component not licensed under LGPL. %>
+<%# See LICENSE for details. %>
+
 <li>
   <a href="<%= root_path('health') %>">
     Consumers Groups Health

data/lib/karafka/web/pro/ui/views/health/_no_data.erb

@@ -1 +1,4 @@
+<%# This code is part of Karafka Pro, a commercial component not licensed under LGPL. %>
+<%# See LICENSE for details. %>
+
 <%== alert_info('No health data is available. It may mean no processes are running.') %>

data/lib/karafka/web/pro/ui/views/health/_partition.erb

@@ -1,3 +1,6 @@
+<%# This code is part of Karafka Pro, a commercial component not licensed under LGPL. %>
+<%# See LICENSE for details. %>
+
 <tr class="<%= lso_risk_state_bg(details) %> status-row-<%= details.process.status %>">
   <td>
     <%= partition_id %>
@@ -22,8 +25,20 @@
     </span>
   </td>
   <td>
-    <a href="<%= root_path('consumers', details.process.id, 'subscriptions') %>">
+    <a href="<%= consumer_path(details.process.id, 'subscriptions') %>">
       <%== truncate(details.process.id, strategy: :middle) %>
     </a>
   </td>
+  <td>
+    <%== partial(
+      'consumers/consumers/consumer/partition_edit_options',
+      locals: {
+        process: details.process,
+        subscription_group_id: details.subscription_group_id,
+        topic_name: topic_name,
+        partition: details
+      }
+    )
+    %>
+  </td>
 </tr>

data/lib/karafka/web/pro/ui/views/health/_partition_lags.erb

@@ -1,3 +1,6 @@
+<%# This code is part of Karafka Pro, a commercial component not licensed under LGPL. %>
+<%# See LICENSE for details. %>
+
 <tr class="<%= lso_risk_state_bg(details) %> status-row-<%= details.process.status %>">
   <td>
     <%= partition_id %>

data/lib/karafka/web/pro/ui/views/health/_partition_offset.erb

@@ -1,3 +1,6 @@
+<%# This code is part of Karafka Pro, a commercial component not licensed under LGPL. %>
+<%# See LICENSE for details. %>
+
 <tr class="<%= lso_risk_state_bg(details) %>">
   <td>
     <%= partition_id %>

data/lib/karafka/web/pro/ui/views/health/_partition_times.erb

@@ -1,3 +1,6 @@
+<%# This code is part of Karafka Pro, a commercial component not licensed under LGPL. %>
+<%# See LICENSE for details. %>
+
 <tr class="<%= lso_risk_state_bg(details) %> status-row-<%= details.process.status %>">
   <td>
     <%= partition_id %>

data/lib/karafka/web/pro/ui/views/health/_table_metadata.erb

@@ -1,7 +1,10 @@
+<%# This code is part of Karafka Pro, a commercial component not licensed under LGPL. %>
+<%# See LICENSE for details. %>
+
 <p class="table_metadata">
   Last rebalance:
   <%==
-    badge_secondary(
+    badge(
       relative_time(details[:rebalanced_at])
     )
   %>

data/lib/karafka/web/pro/ui/views/health/_tabs.erb

@@ -1,3 +1,6 @@
+<%# This code is part of Karafka Pro, a commercial component not licensed under LGPL. %>
+<%# See LICENSE for details. %>
+
 <div class="col-span-12 mb-9">
   <div class="tab-container">
     <a

data/lib/karafka/web/pro/ui/views/health/changes.erb

@@ -1,3 +1,6 @@
+<%# This code is part of Karafka Pro, a commercial component not licensed under LGPL. %>
+<%# See LICENSE for details. %>
+
 <% view_title 'Consumers Groups Changes Details' %>
 
 <%== partial 'health/tabs' %>
@@ -22,7 +25,7 @@
             </tr>
             <tr>
               <th rowspan="2"><%== sort_link('Partition', :id) %></th>
-              <th colspan="4" class="text-center">Offsets changes</th>
+              <th colspan="4">Offsets changes</th>
               <th rowspan="2">
                 <%== sort_link('Pause state change', :poll_state_ch) %>
               </th>

data/lib/karafka/web/pro/ui/views/health/cluster_lags.erb

@@ -1,3 +1,6 @@
+<%# This code is part of Karafka Pro, a commercial component not licensed under LGPL. %>
+<%# See LICENSE for details. %>
+
 <% view_title 'Consumers Groups Cluster Lags Details' %>
 
 <%== partial 'health/tabs' %>

data/lib/karafka/web/pro/ui/views/health/lags.erb

@@ -1,3 +1,6 @@
+<%# This code is part of Karafka Pro, a commercial component not licensed under LGPL. %>
+<%# See LICENSE for details. %>
+
 <% view_title 'Consumers Groups Lags Details' %>
 
 <%== partial 'health/tabs' %>
@@ -22,8 +25,8 @@
             </tr>
             <tr>
               <th rowspan="2"><%== sort_link('Partition', :id) %></th>
-              <th colspan="2" class="text-center">Lags</th>
-              <th colspan="2" class="text-center">Trends</th>
+              <th colspan="2">Lags</th>
+              <th colspan="2">Trends</th>
               <th colspan="12" rowspan="2">
                 <%== sort_link(:poll_state) %>
               </th>

data/lib/karafka/web/pro/ui/views/health/offsets.erb

@@ -1,3 +1,6 @@
+<%# This code is part of Karafka Pro, a commercial component not licensed under LGPL. %>
+<%# See LICENSE for details. %>
+
 <% view_title 'Consumers Groups Offsets Details' %>
 
 <%== partial 'health/tabs' %>
@@ -23,7 +26,7 @@
             <tr>
               <th rowspan="2"><%== sort_link('Partition', :id) %></th>
               <th rowspan="2"><%== sort_link(:lag_hybrid) %></th>
-              <th colspan="10" class="text-center">Offsets</th>
+              <th colspan="10">Offsets</th>
             </tr>
             <tr>
               <th><%== sort_link(:committed_offset) %></th>

data/lib/karafka/web/pro/ui/views/health/overview.erb

@@ -1,3 +1,6 @@
+<%# This code is part of Karafka Pro, a commercial component not licensed under LGPL. %>
+<%# See LICENSE for details. %>
+
 <% view_title 'Consumers Groups Overview' %>
 
 <%== partial 'health/tabs' %>
@@ -30,12 +33,14 @@
               <th colspan="1" rowspan="2">
                 <%== sort_link(:stored_offset) %>
               </th>
-              <th colspan="3" rowspan="1" class="text-center">
+              <th colspan="3" rowspan="1">
                 States
               </th>
-
               <th colspan="1" rowspan="2">
-               <%== sort_link(:id) %>
+               <%== sort_link('Process ID', :id) %>
+              </th>
+              <th colspan="1" rowspan="2">
+                Options
               </th>
             </tr>
             <tr>