karafka-web 0.10.4 → 0.11.0.beta2

data/lib/karafka/web/pro/ui/views/scheduled_messages/explorer/_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('scheduled_messages') %>">
     Scheduled Messages
@@ -6,7 +9,7 @@
 
 <% if current_path.include?('/explorer') %>
   <li>
-    <a href="<%= root_path("scheduled_messages/explorer/#{@topic_id}") %>">
+    <a href="<%= root_path("scheduled_messages/explorer/topics/#{@topic_id}") %>">
       Messages
     </a>
   </li>
@@ -14,7 +17,7 @@
 
 <% if @topic_id %>
   <li>
-    <a href="<%= root_path("scheduled_messages/explorer/#{@topic_id}") %>">
+    <a href="<%= root_path("scheduled_messages/explorer/topics/#{@topic_id}") %>">
       <%= @topic_id %>
     </a>
   </li>
@@ -22,7 +25,7 @@
 
 <% if @partition_id %>
   <li>
-    <a href="<%= root_path("scheduled_messages/explorer/#{@topic_id}/#{@partition_id}") %>">
+    <a href="<%= root_path("scheduled_messages/explorer/topics/#{@topic_id}/#{@partition_id}") %>">
       Partition
       <%= @partition_id %>
     </a>

data/lib/karafka/web/pro/ui/views/scheduled_messages/explorer/_key.erb

@@ -1,3 +1,6 @@
+<%# This code is part of Karafka Pro, a commercial component not licensed under LGPL. %>
+<%# See LICENSE for details. %>
+
 <% if @visibility_filter.key?(message) %>
   <% if safe_key.success? %>
     <%= safe_key.result %>

data/lib/karafka/web/pro/ui/views/scheduled_messages/explorer/_message.erb

@@ -1,3 +1,6 @@
+<%# This code is part of Karafka Pro, a commercial component not licensed under LGPL. %>
+<%# See LICENSE for details. %>
+
 <% safe_key = ::Karafka::Web::Pro::Ui::Lib::SafeRunner.new { message.key } %>
 
 <% if message.is_a?(Array) %>
@@ -113,7 +116,7 @@
       <%==
         link_button_primary_sm(
           icon(:info_circle),
-          explorer_path(message.topic, message.partition, message.offset),
+          explorer_topics_path(message.topic, message.partition, message.offset),
           title: 'Display details of this message'
         )
       %>

data/lib/karafka/web/pro/ui/views/scheduled_messages/explorer/_messages.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="data-table-wrapper">
   <table class="data-table">
     <thead>

data/lib/karafka/web/pro/ui/views/scheduled_messages/explorer/partition.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 "#{@topic_id} partition #{@partition_id}" %>
 
 <% @selector_path_method = :scheduled_messages_explorer_path %>
@@ -6,7 +9,7 @@
   <section class="actions">
     <% if @messages && !@messages.empty? %>
       <a
-        href="<%= explorer_path(@topic_id, @partition_id, 'recent') %>"
+        href="<%= explorer_topics_path(@topic_id, @partition_id, 'recent') %>"
         class="btn-action"
         title="Display the most recent message for this partition with auto-refresh"
       >
@@ -21,36 +24,40 @@
         <%== icon(:magnifying_glass) %>
       </a>
 
-      <% closest_path = scheduled_messages_explorer_path(@topic_id, @partition_id) %>
-      <input
-        type="image"
-        src="<%= asset_path('images/calendar.svg') %>"
-        width="45"
-        height="32"
-        class="btn-action p-1 opacity-60"
-        id="offset-lookup-datepicker"
-        value=""
-        data-target="<%= closest_path %>"
-      />
+      <% closest_path = scheduled_messages_explorer_path(@topic_id, @partition_id, 'closest') %>
+
+      <%==
+        partial(
+          'explorer/explorer/partition/time_selector',
+          locals: { target: closest_path }
+        )
+      %>
+
+      <%==
+        partial(
+          'explorer/explorer/partition/timestamp_selector',
+          locals: { target: closest_path }
+        )
+      %>
     <% end %>
   </section>
 </div>
 
 <div class="col-span-8 mb-3">
   <section class="actions">
-    <%== partial 'explorer/selector' %>
+    <%== partial 'explorer/explorer/selector' %>
   </section>
 </div>
 
 <div class="col-span-12">
   <% if @limited %>
-    <%== partial('explorer/topic/limited') %>
+    <%== partial('explorer/explorer/topic/limited') %>
   <% end %>
 
   <% if @watermark_offsets.empty? && params.current_page == 1 %>
-    <%== partial 'explorer/partition/empty' %>
+    <%== partial 'explorer/explorer/partition/empty' %>
   <% elsif @watermark_offsets.cleaned? && params.current_page == 1 %>
-    <%== partial 'explorer/partition/cleaned' %>
+    <%== partial 'explorer/explorer/partition/cleaned' %>
   <% elsif @messages.empty? %>
     <%== partial 'shared/no_paginated_data' %>
   <% else %>

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

@@ -1,18 +1,21 @@
+<%# This code is part of Karafka Pro, a commercial component not licensed under LGPL. %>
+<%# See LICENSE for details. %>
+
 <% view_title @topic_id %>
 
 <% @selector_path_method = :scheduled_messages_explorer_path %>
 
-<%== 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 %>

data/lib/karafka/web/pro/ui/views/scheduled_messages/schedules/_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('scheduled_messages') %>">
     Scheduled Messages

data/lib/karafka/web/pro/ui/views/scheduled_messages/schedules/_no_groups.erb

@@ -1,3 +1,6 @@
+<%# This code is part of Karafka Pro, a commercial component not licensed under LGPL. %>
+<%# See LICENSE for details. %>
+
 <% alert_box_info 'Scheduled Messages Data Not Available' do %>
   <p class="mb-2">
     We are unable to display data related to scheduled messages. Please ensure that:

data/lib/karafka/web/pro/ui/views/scheduled_messages/schedules/index.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 'Schedules' %>
 
 <div class="col-span-12">
@@ -25,7 +28,7 @@
             </a>
 
             <a
-              href="<%= root_path("scheduled_messages/explorer/#{topic.topic_name}") %>"
+              href="<%= root_path("scheduled_messages/explorer/topics/#{topic.topic_name}") %>"
               class="btn btn-primary btn-sm flex-1"
             >
               Messages

data/lib/karafka/web/pro/ui/views/scheduled_messages/schedules/show.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 @schedule_name %>
 
 <% @states.each do |partition, details| %>

data/lib/karafka/web/pro/ui/views/shared/_navigation.erb

@@ -1,11 +1,14 @@
+<%# This code is part of Karafka Pro, a commercial component not licensed under LGPL. %>
+<%# See LICENSE for details. %>
+
 <nav class="sidebar-nav">
   <%== partial 'shared/brand' %>
   <%== partial 'shared/branding/label' %>
 
-  <ul class="menu grow">
+  <ul class="menu menu-md grow w-auto">
     <li>
       <a
-        class="sidebar-nav-item <%= nav_class(start_with: '/dashboard') %>"
+        class="sidebar-nav-item menu-<%= nav_class(start_with: '/dashboard') %>"
         href="<%= root_path('dashboard') %>"
       >
         <%== icon(:home) %>
@@ -15,7 +18,7 @@
 
     <li>
       <a
-        class="sidebar-nav-item <%= nav_class(match: /\A\/(consumers|commands)/) %>"
+        class="sidebar-nav-item menu-<%= nav_class(match: /\A\/(consumers|commands)/) %>"
         href="<%= root_path('consumers') %>"
       >
         <%== icon(:cpu) %>
@@ -25,7 +28,7 @@
 
     <li>
       <a
-        class="sidebar-nav-item <%= nav_class(start_with: '/jobs') %>"
+        class="sidebar-nav-item menu-<%= nav_class(start_with: '/jobs') %>"
         href="<%= root_path('jobs/running') %>"
       >
         <%== icon(:arrow_on_squares) %>
@@ -35,7 +38,7 @@
 
     <li>
       <a
-        class="sidebar-nav-item <%= nav_class(start_with: '/health') %>"
+        class="sidebar-nav-item menu-<%= nav_class(start_with: '/health') %>"
         href="<%= root_path('health/overview') %>"
       >
         <%== icon(:heart) %>
@@ -45,7 +48,7 @@
 
     <li>
       <a
-        class="sidebar-nav-item <%= nav_class(start_with: '/routing') %>"
+        class="sidebar-nav-item menu-<%= nav_class(start_with: '/routing') %>"
         href="<%= root_path('routing') %>"
       >
         <%== icon(:queue_list) %>
@@ -55,8 +58,8 @@
 
     <li>
       <a
-        class="sidebar-nav-item <%= nav_class(start_with: '/explorer') %>"
-        href="<%= root_path('explorer') %>"
+        class="sidebar-nav-item menu-<%= nav_class(start_with: '/explorer') %>"
+        href="<%= explorer_path %>"
       >
         <%== icon(:document_glass) %>
         <span class="sidebar-nav-item-label">Explorer</span>
@@ -65,7 +68,7 @@
 
     <li>
       <a
-        class="sidebar-nav-item <%= nav_class(start_with: '/recurring_tasks') %>"
+        class="sidebar-nav-item menu-<%= nav_class(start_with: '/recurring_tasks') %>"
         href="<%= root_path('recurring_tasks') %>"
       >
         <%== icon(:arrow_path_rounded) %>
@@ -75,7 +78,7 @@
 
     <li>
       <a
-        class="sidebar-nav-item <%= nav_class(start_with: '/scheduled_messages') %>"
+        class="sidebar-nav-item menu-<%= nav_class(start_with: '/scheduled_messages') %>"
         href="<%= root_path('scheduled_messages') %>"
       >
         <%== icon(:calendar) %>
@@ -85,7 +88,7 @@
 
     <li>
       <a
-        class="sidebar-nav-item <%= nav_class(start_with: '/errors') %>"
+        class="sidebar-nav-item menu-<%= nav_class(start_with: '/errors') %>"
         href="<%= root_path('errors') %>"
       >
         <%== icon(:bug) %>
@@ -95,7 +98,7 @@
 
     <li>
       <a
-        class="sidebar-nav-item <%= nav_class(start_with: '/dlq') %>"
+        class="sidebar-nav-item menu-<%= nav_class(start_with: '/dlq') %>"
         href="<%= root_path('dlq') %>"
       >
         <%== icon(:x_circle) %>
@@ -105,7 +108,7 @@
 
     <li>
       <a
-        class="sidebar-nav-item <%= nav_class(start_with: '/cluster') %>"
+        class="sidebar-nav-item menu-<%= nav_class(start_with: '/cluster') %>"
         href="<%= root_path('cluster') %>"
       >
         <%== icon(:blocks) %>
@@ -115,7 +118,7 @@
 
     <li>
       <a
-        class="sidebar-nav-item <%= nav_class(start_with: '/topics') %>"
+        class="sidebar-nav-item menu-<%= nav_class(start_with: '/topics') %>"
         href="<%= root_path('topics') %>"
       >
         <%== icon(:list_bullets) %>
@@ -125,7 +128,7 @@
 
     <li>
       <a
-        class="sidebar-nav-item <%= nav_class(start_with: '/status') %>"
+        class="sidebar-nav-item menu-<%= nav_class(start_with: '/status') %>"
         href="<%= root_path('status') %>"
       >
         <%== icon(:check_badge) %>
@@ -135,16 +138,21 @@
 
     <li>
       <a
-        class="sidebar-nav-item <%= nav_class(start_with: '/support') %>"
+        class="sidebar-nav-item menu-<%= nav_class(start_with: '/support') %>"
         href="<%= root_path('support') %>"
       >
         <%== icon(:lifebuoy) %>
         <span class="sidebar-nav-item-label">Support</span>
       </a>
     </li>
+
+    <%== partial 'shared/custom_nav' %>
   </ul>
 
-  <button type="button" class="btn-toggle-nav-collapsed grid gap-2 grid-flow-col items-center justify-start ml-6 text-sm invisible lg:visible" data-toggle-target="drawer-side">
+  <button
+    type="button"
+    class="cursor-pointer btn-toggle-nav-collapsed grid gap-2 grid-flow-col items-center justify-start ml-6 text-sm invisible lg:visible" data-toggle-target="drawer-side"
+  >
     <%== icon(:chevron) %>
   </button>
 </nav>

data/lib/karafka/web/pro/ui/views/shared/_rdkafka_form_error_alert_box.erb

@@ -0,0 +1,16 @@
+<%# This code is part of Karafka Pro, a commercial component not licensed under LGPL. %>
+<%# See LICENSE for details. %>
+
+<div class="mb-6">
+  <% alert_box_error('Please Correct the Following Errors Before Continuing') do %>
+    <ul class="list-disc m-5 mb-0 mt-0">
+      <% unless @form_error.message.to_s.empty? %>
+        <li><%= @form_error.message %></li>
+      <% end %>
+
+      <% if @form_error.respond_to?(:broker_message) && !@form_error.broker_message.to_s.empty? %>
+        <li><%= @form_error.broker_message %></li>
+      <% end %>
+    </ul>
+  <% end %>
+</div>

data/lib/karafka/web/pro/ui/views/shared/branding/_label.erb

@@ -1,3 +1,6 @@
+<%# This code is part of Karafka Pro, a commercial component not licensed under LGPL. %>
+<%# See LICENSE for details. %>
+
 <% branding_cfg = Karafka::Web.config.ui.branding %>
 <% if branding_cfg.label %>
   <div class="branding-label text-left mt-4 ml-6">

data/lib/karafka/web/pro/ui/views/shared/branding/_notice.erb

@@ -1,3 +1,6 @@
+<%# This code is part of Karafka Pro, a commercial component not licensed under LGPL. %>
+<%# See LICENSE for details. %>
+
 <% branding_cfg = Karafka::Web.config.ui.branding %>
 <% if branding_cfg.notice %>
   <div id="branding" class="col-span-12">

data/lib/karafka/web/pro/ui/views/topics/configs/_breadcrumbs.erb

@@ -0,0 +1,34 @@
+<%# This code is part of Karafka Pro, a commercial component not licensed under LGPL. %>
+<%# See LICENSE for details. %>
+
+<li>
+  <a href="<%= topics_path %>">
+    Topics
+  </a>
+</li>
+
+<li>
+  <a href="<%= topics_path(@topic.topic_name, 'config') %>">
+    <%= @topic.topic_name %>
+  </a>
+</li>
+
+<li>
+  <a href="<%= topics_path(@topic.topic_name, 'config') %>">
+    Configuration
+  </a>
+</li>
+
+<% if action?(:edit, :update) %>
+  <li>
+    <a href="<%= topics_path(@topic.topic_name, 'config', @property.name, 'edit') %>">
+      <%= @property.name %>
+    </a>
+  </li>
+
+  <li>
+    <a href="<%= topics_path(@topic.topic_name, 'config', @property.name, 'edit') %>">
+      Edit
+    </a>
+  </li>
+<% end %>

data/lib/karafka/web/pro/ui/views/topics/configs/_config.erb

@@ -0,0 +1,26 @@
+<%# This code is part of Karafka Pro, a commercial component not licensed under LGPL. %>
+<%# See LICENSE for details. %>
+
+<tr>
+  <td class="wrap-text">
+    <% all_names = ([config.name] + config.synonyms.map(&:name)).uniq %>
+    <% all_names.each do |name| %>
+      <%= name %>
+      <br/>
+    <% end %>
+  </td>
+  <td class="wrap-text"><%= config.value %></td>
+  <td><%== config.default? ? badge_success(true) : badge_secondary(false) %></td>
+  <td><%== config.sensitive? ? badge_success(true) : badge_secondary(false) %></td>
+  <td><%== config.read_only? ? badge_success(true) : badge_secondary(false) %></td>
+  <td>
+    <% link_class = config.read_only? ? 'btn-disabled' : '' %>
+    <a
+      href="<%= topics_path(@topic.topic_name, 'config', config.name, 'edit') %>"
+      class="btn btn-info btn-sm <%= link_class %>"
+      title="Edit this property value"
+    >
+      <%== icon(:pencil_square) %>
+    </a>
+  </td>
+</tr>

data/lib/karafka/web/pro/ui/views/topics/configs/_delete_button.erb

@@ -0,0 +1,13 @@
+<%# This code is part of Karafka Pro, a commercial component not licensed under LGPL. %>
+<%# See LICENSE for details. %>
+
+<div class="col-span-12 flex justify-end space-x-2 mt-6">
+  <a
+    class="btn btn-error btn-sm <%= 'btn-disabled' unless features.topics_management? %>"
+    href="<%= topics_path(@topic.topic_name, 'delete') %>"
+    title="Delete this topic"
+  >
+    <%== icon(:trash) %>
+    Delete Topic
+  </a>
+</div>

data/lib/karafka/web/pro/ui/views/topics/configs/_edit_form.erb

@@ -0,0 +1,50 @@
+<%# This code is part of Karafka Pro, a commercial component not licensed under LGPL. %>
+<%# See LICENSE for details. %>
+
+<div class="card bg-base-100">
+  <div class="card-body">
+    <% form_path = topics_path(@topic.topic_name, 'config', @property.name) %>
+    <form method="post" action="<%= form_path %>" data-turbo="false">
+      <%== csrf_tag(form_path, 'PUT') %>
+      <input type="hidden" name="_method" value="put">
+
+      <div class="flex items-center w-full mb-4">
+        <label class="w-1/4 text-gray-700">Property:</label>
+        <div class="w-3/4">
+          <code class="bg-base-200 px-2 py-1 rounded-sm"><%= @property.name %></code>
+        </div>
+      </div>
+
+      <div class="flex items-center w-full mb-4">
+        <label class="w-1/4 text-gray-700">Current Value:</label>
+        <div class="w-3/4">
+          <code class="bg-base-200 px-2 py-1 rounded-sm"><%= @property.value %></code>
+        </div>
+      </div>
+
+      <div class="flex items-center w-full mb-8">
+        <label class="w-1/4 text-gray-700">New Value:</label>
+        <div class="w-3/4">
+          <input
+            type="<%= @property.sensitive? ? 'password' : 'text' %>"
+            name="property_value"
+            class="block input input-bordered w-full"
+            placeholder="Enter new value for <%= @property.name %>"
+            value="<%= params.fetch(:property_value, @property.value) %>"
+          />
+        </div>
+      </div>
+
+      <div class="flex justify-end gap-4 mt-4">
+        <a href="<%= topics_path(@topic.topic_name, 'config') %>" class="btn btn-ghost">
+          Cancel
+        </a>
+
+        <button type="submit" class="btn btn-primary gap-2 btn-lockable">
+          <%== icon(:pencil_square) %>
+          Update Property
+        </button>
+      </div>
+    </form>
+  </div>
+</div>

data/lib/karafka/web/pro/ui/views/topics/configs/_edit_plan.erb

@@ -0,0 +1,16 @@
+<%# This code is part of Karafka Pro, a commercial component not licensed under LGPL. %>
+<%# See LICENSE for details. %>
+
+<div class="alert">
+  <div class="space-y-2">
+    <p>Before updating this configuration:</p>
+    <ul class="list-disc ml-6">
+      <li>Ensure you understand the impact of changing this value</li>
+      <li>Consider testing the change in a non-production environment first</li>
+      <li>Monitor the topic after the change to ensure expected behavior</li>
+      <% if @property.sensitive? %>
+        <li>Keep this value secure and only share with authorized team members</li>
+      <% end %>
+    </ul>
+  </div>
+</div>

data/lib/karafka/web/pro/ui/views/topics/configs/_edit_warning.erb

@@ -0,0 +1,12 @@
+<%# This code is part of Karafka Pro, a commercial component not licensed under LGPL. %>
+<%# See LICENSE for details. %>
+
+<% alert_box_warning('Configuration Update Warning') do %>
+  <div class="space-y-4">
+    <ul class="list-disc ml-6">
+      <li>Changing topic configurations may affect topic behavior and performance</li>
+      <li>Some changes may take time to propagate across the cluster</li>
+      <li>Applications consuming from this topic may be impacted</li>
+    </ul>
+  </div>
+<% end %>

data/lib/karafka/web/pro/ui/views/topics/configs/edit.erb

@@ -0,0 +1,16 @@
+<%# This code is part of Karafka Pro, a commercial component not licensed under LGPL. %>
+<%# See LICENSE for details. %>
+
+<% view_title "Topic #{@topic.topic_name} - Edit #{@property.name}" %>
+
+<div class="space-y-4">
+
+<%== partial('topics/configs/edit_warning') %>
+
+<% if @form_error %>
+  <%== partial 'shared/rdkafka_form_error_alert_box' %>
+<% else %>
+  <%== partial 'topics/configs/edit_plan' %>
+<% end %>
+
+<%== partial 'topics/configs/edit_form' %>

data/lib/karafka/web/pro/ui/views/topics/{config.erb → configs/index.erb}

@@ -1,6 +1,9 @@
-<% view_title @topic.topic_name %>
+<%# This code is part of Karafka Pro, a commercial component not licensed under LGPL. %>
+<%# See LICENSE for details. %>
 
-<%== partial 'topics/tabs' %>
+<% view_title "#{@topic.topic_name} Configuraton" %>
+
+<%== partial 'topics/topics/tabs' %>
 
 <div class="data-table-wrapper">
   <table class="data-table">
@@ -11,15 +14,18 @@
         <th><%== sort_link(:default?) %></th>
         <th><%== sort_link(:sensitive?) %></th>
         <th><%== sort_link(:read_only?) %></th>
+        <th>Options</th>
       </tr>
     </thead>
     <tbody>
       <%==
         each_partial(
           @configs,
-          'cluster/config'
+          'topics/configs/config'
         )
       %>
     </tbody>
   </table>
 </div>
+
+<%== partial 'topics/configs/delete_button' %>

data/lib/karafka/web/pro/ui/views/topics/distributions/_add_partitions_button.erb

@@ -0,0 +1,13 @@
+<%# This code is part of Karafka Pro, a commercial component not licensed under LGPL. %>
+<%# See LICENSE for details. %>
+
+<div class="col-span-12 flex justify-end space-x-2 mb-6">
+  <a
+    class="btn btn-primary btn-sm <%= 'btn-disabled' unless features.topics_management? %>"
+    href="<%= topics_path(@topic.topic_name, 'distribution', 'edit') %>"
+    title="Add more partitions to this topic"
+  >
+    <%== icon(:plus) %>
+    Increase Partitions
+  </a>
+</div>

data/lib/karafka/web/pro/ui/views/topics/{distribution → distributions}/_badges.erb

@@ -1,3 +1,6 @@
+<%# This code is part of Karafka Pro, a commercial component not licensed under LGPL. %>
+<%# See LICENSE for details. %>
+
 <p class="text-end mb-5">
   <%==
     value = number_with_delimiter @aggregated.sum.round, ' '

data/lib/karafka/web/pro/ui/views/topics/distributions/_breadcrumbs.erb

@@ -0,0 +1,28 @@
+<%# This code is part of Karafka Pro, a commercial component not licensed under LGPL. %>
+<%# See LICENSE for details. %>
+
+<li>
+  <a href="<%= topics_path %>">
+    Topics
+  </a>
+</li>
+
+<li>
+  <a href="<%= topics_path(@topic.topic_name, 'config') %>">
+    <%= @topic.topic_name %>
+  </a>
+</li>
+
+<li>
+  <a href="<%= topics_path(@topic.topic_name, 'distribution') %>">
+    Distribution
+  </a>
+</li>
+
+<% if action?(:edit, :update) %>
+  <li>
+    <a href="<%= topics_path(@topic.topic_name, 'distribution', 'edit') %>">
+      Increasing Number of Partitions
+    </a>
+  </li>
+<% end %>

data/lib/karafka/web/pro/ui/views/topics/{distribution → distributions}/_chart.erb

@@ -1,3 +1,6 @@
+<%# This code is part of Karafka Pro, a commercial component not licensed under LGPL. %>
+<%# See LICENSE for details. %>
+
 <% data = { 'Estimated count': @distribution.map { [_1.partition_id, _1.count] } }.to_json %>
 <div class="mb-5">
   <%== partial 'shared/charts/bar', locals: { data: data, id: 'distribution' } %>