karafka-web 1.0.0.rc1 → 1.0.0.rc2

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 64a1fc3668da51d60226e170e3942d77e9da1dc440d85a16e5678d0bb54ca592
-  data.tar.gz: efa56ac32d1591a5a47fb220f295909796e2b891bb26ab26ced879f55f0c8484
+  metadata.gz: 40523f2ea1cc3692a28961e8bab7627b6ae2855c51354298312aca0f04b2a4ce
+  data.tar.gz: e633a829ba38a4f9d406b67246953736129beea35318472a08dda19a05b01215
 SHA512:
-  metadata.gz: aacdce1efe87f6d288f6167e980418def9d1f5c17c51fc255c2bdce025caf3bd80466d946b48972c5f33259a5e6aff3d38f1b529133688b0698e6e6f86b8f21c
-  data.tar.gz: db6a64d3fefd229472b6b67c96844328e7e926e9bc145602c8d72b8f40cbf2911bc7092e8401fab30dad6cdc39a09fb7e020ddc279d4c103d3425a58041db422
+  metadata.gz: 8a02a2163be4f9c267d53fe73505bfcce408acafc353c575de3f860138acaa84a52707040c771b8828b0a90bcad64a37930908d5fc6cec42ee675fb83a481a15
+  data.tar.gz: a70a15746249bfb9005903e75cdc35ba8bf63a66e4d9ab102ae9f17101c17fc47a1a0318dc0a7264e3018be32ddcc27d244539d80d0b7599cf4fcee022dbe2f2

data/CHANGELOG.md

@@ -1,8 +1,9 @@
 # Karafka Web Changelog
 
 ## 1.0.0 (Unreleased)
-- [Fix] Fix two precision bugs in `Aggregators::State`/`Aggregators::Metrics` process eviction and utilization, both caught by a Copilot PR review and confirmed on the merged pipeline refactor. `evict_expired_processes` computed the ttl window via integer division (`config.ttl / 1_000`), truncating any non-multiple-of-1000 millisecond ttl and evicting processes up to ~999ms earlier than configured; it now uses float division. `RefreshCurrentStats#call` computed average utilization via `utilization / (stats[:processes] + 0.0001)`, an epsilon guard against division by zero that also systematically underestimated utilization for any nonzero process count; it now divides exactly and returns `0.0` only when there are zero active processes.
-- [Fix] Fix the real cause of the intermittent, seemingly-unrelated CI-only Pro Explorer flakes finally surfaced by the `assert_ok` diagnostic below: not a Kafka broker/timing race, but Ruby's object-shape warning (a controller class crossing 8 distinct instance-variable shapes) being turned into a hard failure by the test suite's `Warning.process` hook. Controllers, like the Roda app classes already exempted, legitimately accumulate many shapes because they conditionally set a handful of instance variables depending on the specific request branch taken (e.g. Explorer's `#show` only sets `@safe_key`/`@safe_headers`/`@safe_payload` when the message isn't a compacted/system entry). Which controller happens to cross the threshold depends on minitest's random run order, which is why it surfaced as an unrelated-looking flake instead of a stable, reproducible failure. Widened the existing `Ui::App` shape-variation exception to cover controller classes too.
+- **[Breaking]** Namespace the commanding pause configuration under `config.commanding.pause`. The flat `config.commanding.pause_timeout` setting has been removed in favor of the nested `config.commanding.pause.timeout` namespace, mirroring the pause configuration namespacing introduced in Karafka.
+- [Enhancement] Link the topic, partition and offset in the Explorer's single-message metadata table to the Explorer, matching the linking on the Errors detail view. The offset points at the message currently being viewed but is kept linked so the whole topic/partition/offset coordinate is navigable (#1179).
+- [Enhancement] Link the topic, partition and offsets on the Errors detail view to the Explorer, so you can jump straight from an error to the corresponding topic/partition/message. The `topic` links to the topic in the Explorer, the `partition` links to the partition, and the producer dispatch-error `offset` is now linked as well (previously only `first_offset`/`last_offset`/`committed_offset` were, and only when valid). Also linked the partition and its scanned offset range shown in the Search results metadata to the Explorer (#1179).
 - [Enhancement] Make `assert_ok` surface the actual captured exception (class, message, backtrace) on a 500, not just the generic static error page body. Subscribes to the same `error.occurred` monitor event the production error handler already dispatches web UI errors through, capturing the last one per test. This has been the main blocker in diagnosing rare CI-only flakes in the Pro Explorer controller specs, where a failure only ever showed the generic HTML error page with no indication of what actually broke.
 - [Enhancement] Remove the OSS "support Karafka Pro" banner that was rendered on every Web UI page for non-Pro users. It's no longer needed at this stage since users are already aware of the Pro offering.
 - [Enhancement] Migrate the Web UI topic declarations to Karafka's new standalone `Karafka::App.declaratives.draw` API (Karafka `2.6.0.beta1`). The Web UI topics are declared as `active false` (Web UI manages their creation and runtime replication factor itself), replacing the deprecated routing-based `config(active: false)` bridge that was previously called on each routing topic.
@@ -14,7 +15,17 @@
 - [Enhancement] Track `poll_interval` (max.poll.interval.ms) per subscription group alongside `poll_age` to help users monitor how close they are to the polling timeout limit. Consumer schema version bumped to 1.7.0.
 - [Enhancement] Replace token-based CSRF protection (`route_csrf` plugin) with header-based protection using `Sec-Fetch-Site` header (`sec_fetch_site_csrf` plugin). This eliminates the need for CSRF tokens by leveraging browser-enforced headers that cannot be forged from cross-origin requests. Modern browsers automatically include this header, providing simpler and more robust CSRF protection.
 - [Enhancement] Include a short spec file hash in generated test topic names for traceability. Topic names now follow the `it-{hash}-{uuid}` format, making it easy to identify which test file created a given topic in Kafka logs.
+- [Enhancement] Add a standardized `empty_state` helper/component (icon, message, optional description, and optional call-to-action) and replace the ad hoc `alert_info`/`alert_box_info` "There are no X" messages across every empty-list view (Jobs, DLQ, Explorer, Health, Errors, Consumers, Recurring Tasks, Scheduled Messages, dashboard, and paginated tables) with it, for a consistent look across the Web UI. Demoed on the internal style-guide `/ux` page.
+- [Enhancement] Expand the internal `/ux` style-guide page to cover every UI component actually used across the app, so upgrades (daisyUI, Tailwind, etc.) can be visually spot-checked in one place: plain `.card`/`.card-body`, `.modal`/`dialog`, `.dropdown`, `.tooltip`, the `.btn-ghost`/`.btn-square`/`.btn-action`/`.btn-lockable`/`.confirm-action` button modifiers, the breadcrumbs component, and the `status_badge`/`lag_trend_badge`/`kafka_state_badge`/`lso_risk_state_badge`/`truncate`/`lag_with_label`/`offset_with_label` helper methods (previously only their raw CSS classes were demoed). Adds a small reusable `ModalOpener` JS component (`[data-modal-open]`) since the CSP disallows the inline `onclick` handler style used by the existing search modal trigger.
+- [Enhancement] Replace the bare `assert(response.ok?)` pattern with a new `assert_ok` test helper across the whole controller test suite (381 call sites). On failure it now prints the actual response status and a body excerpt instead of a generic "Expected false to be truthy", making intermittent CI-only non-200 failures actually diagnosable.
+- [Change] Require Karafka `>= 2.6.0.rc2` (was `>= 2.6.0.beta1`), which ships the nested `pause` routing DSL and the removal of the flat per-topic pause setters.
 - [Change] Require Roda `>= 3.100` (previously `~> 3.69`).
+- [Change] Switch to Karafka 2.6's new, group-type-agnostic `#group`/`group_id` accessors instead of `#consumer_group`/`consumer_group_id` when reading from Karafka's own routing and instrumentation APIs (`topic.group`, `subscription_group.group`, `event[:group_id]`), preparing for upcoming Kafka share group support (KIP-932). `consumer_group`/`consumer_group_id` remain as karafka-web's own internal naming (tracking payloads, commanding schema, UI labels) — only the calls into Karafka's own API surface changed. Closes #1022.
+- [Fix] The Explorer's time-based `#closest` lookup for a time beyond the last message now lands on the partition's default view (the latest page of results), which is the closest data to a future time. Adapts to Karafka `2.6`'s `Admin#read_topic` fix (a `Time` start offset past the high watermark now returns no messages instead of the newest).
+- [Fix] Declare the Web UI consumer topic pause strategy via the nested `pause(...)` routing DSL (Karafka Pro's Granular Backoffs) instead of the flat `pause_timeout`/`pause_max_timeout`/`pause_with_exponential_backoff` setters, which Karafka `2.6` removed. The custom backoff is now applied only when Karafka Pro is available; on OSS the Web UI topic falls back to the global pause defaults. Without this, enabling the Web UI on Karafka `2.6` raised an error during routing.
+- [Fix] Link the global Jobs view's committed offset to the Explorer. `jobs/_job.erb` linked the first and last offsets but the committed offset was accidentally rendered as plain text, unlike the consumer-scoped Jobs view which links all three (#1179).
+- [Fix] Fix two precision bugs in `Aggregators::State`/`Aggregators::Metrics` process eviction and utilization, both caught by a Copilot PR review and confirmed on the merged pipeline refactor. `evict_expired_processes` computed the ttl window via integer division (`config.ttl / 1_000`), truncating any non-multiple-of-1000 millisecond ttl and evicting processes up to ~999ms earlier than configured; it now uses float division. `RefreshCurrentStats#call` computed average utilization via `utilization / (stats[:processes] + 0.0001)`, an epsilon guard against division by zero that also systematically underestimated utilization for any nonzero process count; it now divides exactly and returns `0.0` only when there are zero active processes.
+- [Fix] Fix the real cause of the intermittent, seemingly-unrelated CI-only Pro Explorer flakes finally surfaced by the `assert_ok` diagnostic below: not a Kafka broker/timing race, but Ruby's object-shape warning (a controller class crossing 8 distinct instance-variable shapes) being turned into a hard failure by the test suite's `Warning.process` hook. Controllers, like the Roda app classes already exempted, legitimately accumulate many shapes because they conditionally set a handful of instance variables depending on the specific request branch taken (e.g. Explorer's `#show` only sets `@safe_key`/`@safe_headers`/`@safe_payload` when the message isn't a compacted/system entry). Which controller happens to cross the threshold depends on minitest's random run order, which is why it surfaced as an unrelated-looking flake instead of a stable, reproducible failure. Widened the existing `Ui::App` shape-variation exception to cover controller classes too.
 - [Fix] Harden the `wait_for_offset_visible` test helper (used after a transactional produce) to also exercise the Web UI's own message-read path, not just the admin watermark offset. The admin watermark advancing only proves the broker appended the control record; the Web UI reads with a much shorter `fetch.wait.max.ms` than the admin client and could still intermittently raise or return stale results on that exact offset (e.g. the flaky Pro Explorer `system entry` spec), even after the watermark-only wait introduced previously. The helper now also polls the same `Karafka::Web::Ui::Lib::Admin.read_topic` call the Web UI performs and requires it to complete without error before returning.
 - [Fix] Fix two more flaky Pro Explorer `#recent` specs (`when getting recent for the whole topic` / `when recent is on the first partition` and `when recent is on another partition`). Both produced a message to one partition, then a fixed `sleep(0.1)` before producing the message that should be "most recent" to another partition and immediately requesting the endpoint, racing broker propagation under CI load the same way the already-fixed single-partition `#recent` spec did. Replaced the fixed sleep with a `wait_for_message` poll on the second produce's own offset, matching the existing pattern used by the sibling spec right below it.
 - [Fix] Stop a long, unbreakable page title (e.g. a long topic name on the Pro Explorer topic page) and the breadcrumbs bar above it from overflowing the page. A grid/flex item's default `min-width: auto` let the title and breadcrumbs blow out past the viewport instead of shrinking, which pushed layout wide enough to force an unexpected page scrollbar. The title wrapper and `breadcrumbs-wrapper` now set `min-width: 0`, the title text wraps via `overflow-wrap: anywhere`, and the breadcrumbs list now wraps onto multiple lines instead of relying on an easy-to-miss horizontal scroll.
@@ -35,15 +46,11 @@
 - [Fix] Normalize a batch of styling inconsistencies found while auditing #906: a `data-table-wraper` typo left the Cluster replication table unstyled, `Cluster::_config` rendered raw `true`/`false` instead of badges (unlike the identical `Topics::Configs` table), a Recurring Tasks "Trigger" button's disabled state was computed but never applied to its class, several views carried dead pre-Tailwind Bootstrap classes (`col-sm-*`, `col-lg-*`, `row`, `container-wrapper`) with no effect, one Topics Configs action cell was missing the `options` column class, a handful of breadcrumb/title labels had grammar or casing inconsistencies ("Cluster informations", "Consumers Groups Health", "Dead Letter Queue topics"), the OSS Routing topic list hand-rolled a `badge-warning` for inactive topics instead of the `badge_secondary` used by the identical Pro table, the filtered-payload notice used unstyled Bootstrap-era markup instead of the shared `alert_box_warning` primitive, `status-row-stopping` was colored red (`border-l-error`) while `status_badge` treats "stopping" as the same warning tier as "quiet"/"quieting", three Pro Topics checklist notices (before deleting a topic, increasing partitions, or editing a config value) hand-rolled a bare `alert` div with no severity color or icon instead of the shared `alert_box_warning` primitive used by their sibling warning boxes on the same pages, `alert_box_primary`/`alert_box_secondary` displayed the success checkmark icon (copy-pasted from `alert_box_success`) instead of matching their non-box `info_circle`/`pause_circle` siblings, the internal style-guide page demoed the wrong pencil icon for edit actions, and a scheduled message's "Cancel dispatch" button used a passive error-status icon instead of the `trash` icon already used for every other removal action.
 - [Fix] Continue normalizing styling inconsistencies from the #906 audit: Health and Recurring Tasks tab bars hand-rolled `col-span-12 mb-9` instead of the shared `tab-container-wrapper` class, and the Scheduled Messages per-partition schedule heading used `h3`/`.h3` where the equivalent per-group heading on Health pages uses `h2`/`.h2`.
 - [Fix] Retire the `.row-table`/`.row-table-wrapper` table primitive, which had drifted to a single real caller (the Pro per-topic Errors table) against 45+ real uses of `.data-table`, and additionally used a different button-alignment convention (`text-center` vs. `.data-table`'s `text-right`) than every other action column in the app. Switched that one table to `.data-table`, removed the now fully unused CSS utilities and their style-guide demo, and fixed a stale ".row-table" label left over in an unrelated `.data-table` demo section.
-- [Enhancement] Add a standardized `empty_state` helper/component (icon, message, optional description, and optional call-to-action) and replace the ad hoc `alert_info`/`alert_box_info` "There are no X" messages across every empty-list view (Jobs, DLQ, Explorer, Health, Errors, Consumers, Recurring Tasks, Scheduled Messages, dashboard, and paginated tables) with it, for a consistent look across the Web UI. Demoed on the internal style-guide `/ux` page.
 - [Fix] Fix unreadable `.btn-outline.btn-active` buttons (e.g. the dashboard time-range selector) in both the light and dark themes. The daisyUI 5.6 upgrade left the active state's background color computed from the same `--btn-color` variable as the outline's text color, so the two nearly matched; the button now switches to the color-variant's contrasting foreground color when active, matching its existing `:hover` behavior.
-- [Enhancement] Expand the internal `/ux` style-guide page to cover every UI component actually used across the app, so upgrades (daisyUI, Tailwind, etc.) can be visually spot-checked in one place: plain `.card`/`.card-body`, `.modal`/`dialog`, `.dropdown`, `.tooltip`, the `.btn-ghost`/`.btn-square`/`.btn-action`/`.btn-lockable`/`.confirm-action` button modifiers, the breadcrumbs component, and the `status_badge`/`lag_trend_badge`/`kafka_state_badge`/`lso_risk_state_badge`/`truncate`/`lag_with_label`/`offset_with_label` helper methods (previously only their raw CSS classes were demoed). Adds a small reusable `ModalOpener` JS component (`[data-modal-open]`) since the CSP disallows the inline `onclick` handler style used by the existing search modal trigger.
 - [Fix] Fix a flaky Pro Explorer spec (`when requested message exists but is a system entry`) caused by the `produce` test helper's transactional flow: it only waited a fixed `sleep(0.1)` for a transactional produce's commit control record to become visible before the test reads it back, which is too short under CI load and made the spec intermittently 404 or see stale content. Replaced the fixed sleep with a `wait_for_offset_visible` poll that waits until the control record's offset is actually part of the readable watermark range, mirroring the existing `wait_for_message`/`create_topic` readiness-polling pattern instead of a fixed delay.
 - [Fix] Stop a misclick on a Pro-gated OSS element from fully navigating away to the standalone "Pro Feature" upsell page. This affected the sidebar (Health, Explorer, Cron, Schedules, Dead, Topics), the Consumers tabs (Performance, Controls, Commands), the dashboard's "Data transfers" chart tab, and several unguarded links with no visual gating indicator at all: the dashboard's "Total lag"/"Dead" counters, Cluster topic/partition names, per-message Explorer offset links on the Errors detail page, and consumer process IDs on the Consumers and Jobs list pages. Gated sidebar/tab items are now truly inert `disabled` buttons with an "Available in Karafka Pro" hover tooltip instead of `<a href>` links (or, for the dashboard chart tab, a JS-clickable `<span>`) pointing at the real Pro-only content; the previously-unguarded inline links are now plain text in the OSS templates, with a matching Pro-only view override (`dashboard/_counters`, `cluster/_partition`, `errors/_detail`) restoring the links for Pro users, keeping the OSS templates free of any `Karafka.pro?` branching. Also fixes the sidebar's collapse/expand toggle showing the default arrow cursor instead of a pointer on hover, and hardens `TabsManager` (the chart-tab-switching JS) to no-op instead of throwing when a tab's target content or a previously-active tab is missing/disabled, which had broken tab-switching for the Utilization/RSS/Concurrency charts for anyone who had the now-disabled "Data transfers" tab persisted as their last-active tab. Closes #1106.
 - [Fix] Add `rel="noopener noreferrer"` to every `target="_blank"` link across the Web UI (docs, Slack, GitHub, and "become Pro" links in the support, status, dashboard, and Pro topic-replication warning views). Without it, the opened external page could access `window.opener` and redirect the original Web UI tab to an arbitrary page (reverse tabnabbing).
 - [Fix] Fix a flaky Pro Explorer spec (`ExplorerController#recent::when getting recent for the partition`) that produced a message and immediately requested the "recent" endpoint with no readiness wait, occasionally racing the broker's propagation of the just-produced message under CI load. Added a `wait_for_message` poll before the request, matching the existing readiness-polling pattern used elsewhere in the suite.
-- [Enhancement] Replace the bare `assert(response.ok?)` pattern with a new `assert_ok` test helper across the whole controller test suite (381 call sites). On failure it now prints the actual response status and a body excerpt instead of a generic "Expected false to be truthy", making intermittent CI-only non-200 failures actually diagnosable.
-- [Change] Switch to Karafka 2.6's new, group-type-agnostic `#group`/`group_id` accessors instead of `#consumer_group`/`consumer_group_id` when reading from Karafka's own routing and instrumentation APIs (`topic.group`, `subscription_group.group`, `event[:group_id]`), preparing for upcoming Kafka share group support (KIP-932). `consumer_group`/`consumer_group_id` remain as karafka-web's own internal naming (tracking payloads, commanding schema, UI labels) — only the calls into Karafka's own API surface changed. Closes #1022.
 
 ## 0.11.6 (2026-02-01)
 - **[Feature]** Provide ability to pause/resume all partitions of a topic at once across all consumer processes via the Health Overview page (Pro). Topic-level commands are broadcast to all processes, and each process applies the command to partitions it owns within the specified consumer group. This simplifies bulk operations compared to pausing/resuming individual partitions one by one.

data/Gemfile.lock

@@ -1,9 +1,9 @@
 PATH
   remote: .
   specs:
-    karafka-web (1.0.0.rc1)
+    karafka-web (1.0.0.rc2)
       erubi (~> 1.4)
-      karafka (>= 2.6.0.beta1, < 2.7.0)
+      karafka (>= 2.6.0.rc2, < 2.7.0)
       karafka-core (>= 2.6.0, < 2.7.0)
       roda (>= 3.100, < 4.0)
       tilt (~> 2.0)
@@ -34,45 +34,45 @@ GEM
       raabro (~> 1.4)
     io-console (0.8.2)
     json (2.20.0)
-    karafka (2.6.0.beta1)
+    karafka (2.6.0.rc2)
       karafka-core (>= 2.6.0, < 2.7.0)
-      karafka-rdkafka (>= 0.27.2)
+      karafka-rdkafka (>= 0.28.0)
       waterdrop (>= 2.10.1, < 3.0.0)
       zeitwerk (~> 2.3)
     karafka-core (2.6.2)
       karafka-rdkafka (>= 0.20.0)
       logger (>= 1.6.0)
-    karafka-rdkafka (0.27.2)
+    karafka-rdkafka (0.28.0)
       ffi (~> 1.17.1)
       json (> 2.0)
       logger
       mini_portile2 (~> 2.6)
       rake (> 12)
-    karafka-rdkafka (0.27.2-aarch64-linux-gnu)
+    karafka-rdkafka (0.28.0-aarch64-linux-gnu)
       ffi (~> 1.17.1)
       json (> 2.0)
       logger
       mini_portile2 (~> 2.6)
       rake (> 12)
-    karafka-rdkafka (0.27.2-aarch64-linux-musl)
+    karafka-rdkafka (0.28.0-aarch64-linux-musl)
       ffi (~> 1.17.1)
       json (> 2.0)
       logger
       mini_portile2 (~> 2.6)
       rake (> 12)
-    karafka-rdkafka (0.27.2-arm64-darwin)
+    karafka-rdkafka (0.28.0-arm64-darwin)
       ffi (~> 1.17.1)
       json (> 2.0)
       logger
       mini_portile2 (~> 2.6)
       rake (> 12)
-    karafka-rdkafka (0.27.2-x86_64-linux-gnu)
+    karafka-rdkafka (0.28.0-x86_64-linux-gnu)
       ffi (~> 1.17.1)
       json (> 2.0)
       logger
       mini_portile2 (~> 2.6)
       rake (> 12)
-    karafka-rdkafka (0.27.2-x86_64-linux-musl)
+    karafka-rdkafka (0.28.0-x86_64-linux-musl)
       ffi (~> 1.17.1)
       json (> 2.0)
       logger
@@ -120,7 +120,7 @@ GEM
     roda (3.105.0)
       rack
     ruby2_keywords (0.0.5)
-    simplecov (1.0.2)
+    simplecov (1.0.3)
     tilt (2.7.0)
     tzinfo (2.0.6)
       concurrent-ruby (~> 1.0)

data/config/locales/pro_errors.yml

@@ -7,7 +7,7 @@ en:
       commanding.active_format: needs to be either true or false
       commanding.consumer_group_format: 'needs to be a string with a Kafka accepted format'
       commanding.max_wait_time_format: needs to be an integer bigger than 0
-      commanding.pause_timeout_format: needs to be an integer bigger than 0
+      commanding.pause.timeout_format: needs to be an integer bigger than 0
       commanding.kafka_format: needs to be a filled hash
 
       ui.search.matchers_must_have_name_and_call: 'must respond to #name and its instance to #call'

data/karafka-web.gemspec

@@ -17,7 +17,7 @@ Gem::Specification.new do |spec|
   spec.licenses = %w[LGPL-3.0-only Commercial]
 
   spec.add_dependency "erubi", "~> 1.4"
-  spec.add_dependency "karafka", ">= 2.6.0.beta1", "< 2.7.0"
+  spec.add_dependency "karafka", ">= 2.6.0.rc2", "< 2.7.0"
   spec.add_dependency "karafka-core", ">= 2.6.0", "< 2.7.0"
   spec.add_dependency "roda", ">= 3.100", "< 4.0"
   spec.add_dependency "tilt", "~> 2.0"

data/lib/karafka/web/management/actions/enable.rb

@@ -74,11 +74,19 @@ module Karafka
                   initial_offset "latest"
                   # Increase backoff time on errors. Incompatible schema errors are not recoverable
                   # until rolling upgrade completes, so we use a longer max timeout to prevent
-                  # spamming errors in logs.
-                  # We set this ourselves so user settings do not impact frequency of retrying
-                  pause_timeout 5_000
-                  pause_max_timeout 60_000
-                  pause_with_exponential_backoff true
+                  # spamming errors in logs. We set this ourselves so user settings do not impact
+                  # frequency of retrying.
+                  #
+                  # Per-topic pause customization is a Karafka Pro feature (Granular Backoffs), so we
+                  # only apply it when Pro is available; on OSS we fall back to the global pause
+                  # defaults.
+                  if ::Karafka.pro?
+                    pause(
+                      timeout: 5_000,
+                      max_timeout: 60_000,
+                      with_exponential_backoff: true
+                    )
+                  end
                   # We use the defaults + our config alterations that may not align with what
                   # user wants for his topics.
                   kafka kafka_config

data/lib/karafka/web/pro/commanding/config.rb

@@ -51,7 +51,9 @@ module Karafka
           # This should not happen often so waiting that long should not pose significant risks
           # and should not cause issues with the user-experience, since this is only commanding
           # connection
-          setting :pause_timeout, default: 10_000
+          setting :pause do
+            setting :timeout, default: 10_000
+          end
 
           # The underlying iterator requires specific settings, do not change this unless you know
           # what you area doing

data/lib/karafka/web/pro/commanding/contracts/config.rb

@@ -44,9 +44,12 @@ module Karafka
 
             nested(:commanding) do
               required(:active) { |val| [true, false].include?(val) }
-              required(:pause_timeout) { |val| val.is_a?(Integer) && val.positive? }
               required(:max_wait_time) { |val| val.is_a?(Integer) && val.positive? }
               required(:kafka) { |val| val.is_a?(Hash) }
+
+              nested(:pause) do
+                required(:timeout) { |val| val.is_a?(Integer) && val.positive? }
+              end
             end
 
             # Ensure all commanding kafka keys are symbols

data/lib/karafka/web/pro/commanding/listener.rb

@@ -62,7 +62,7 @@ module Karafka
             rescue => e
               report_error(e)
 
-              sleep(c_config.pause_timeout / 1_000)
+              sleep(c_config.pause.timeout / 1_000)
 
               next
             end
@@ -71,7 +71,7 @@ module Karafka
 
             return if done?
 
-            sleep(c_config.pause_timeout / 1_000)
+            sleep(c_config.pause.timeout / 1_000)
 
             retry
           end

data/lib/karafka/web/pro/ui/controllers/explorer/explorer_controller.rb

@@ -226,6 +226,10 @@ module Karafka
                 target = Web::Ui::Lib::Admin.read_topic(topic_id, partition_id, 1, time).first
 
                 partition_path = "explorer/topics/#{topic_id}/#{partition_id}"
+                # When the requested time is beyond the last message (no match), we leave the offset
+                # off so the Explorer lands on its default view - the latest page of results - which
+                # is the closest data to a future time. Karafka 2.6's `read_topic` returns nothing
+                # for such a time (it used to return the newest message).
                 partition_path += "?offset=#{target.offset}" if target
 
                 redirect(partition_path)

data/lib/karafka/web/pro/ui/views/errors/_detail.erb

@@ -29,16 +29,28 @@
           ***
         <% elsif k2.to_s == 'tags' %>
           <%== tags(v2) %>
-        <% elsif k2.to_s == 'first_offset' %>
-          <a href="<%= explorer_topics_path(v[:topic], v[:partition], v[:first_offset]) %>">
+        <% elsif k2.to_s == 'topic' && !v2.nil? %>
+          <a href="<%= explorer_topics_path(v2) %>">
             <%= v2 %>
           </a>
-        <% elsif k2.to_s == 'last_offset' %>
-          <a href="<%= explorer_topics_path(v[:topic], v[:partition], v[:last_offset]) %>">
+        <% elsif k2.to_s == 'partition' && v[:topic] && !v2.nil? %>
+          <a href="<%= explorer_topics_path(v[:topic], v2) %>">
             <%= v2 %>
           </a>
-        <% elsif k2.to_s == 'committed_offset' && v2 >= 0 %>
-          <a href="<%= explorer_topics_path(v[:topic], v[:partition], v[:committed_offset]) %>">
+        <% elsif k2.to_s == 'offset' && v[:topic] && v[:partition] && !v2.nil? && v2 >= 0 %>
+          <a href="<%= explorer_topics_path(v[:topic], v[:partition], v2) %>">
+            <%= v2 %>
+          </a>
+        <% elsif k2.to_s == 'first_offset' && v[:topic] && v[:partition] && !v2.nil? && v2 >= 0 %>
+          <a href="<%= explorer_topics_path(v[:topic], v[:partition], v2) %>">
+            <%= v2 %>
+          </a>
+        <% elsif k2.to_s == 'last_offset' && v[:topic] && v[:partition] && !v2.nil? && v2 >= 0 %>
+          <a href="<%= explorer_topics_path(v[:topic], v[:partition], v2) %>">
+            <%= v2 %>
+          </a>
+        <% elsif k2.to_s == 'committed_offset' && v[:topic] && v[:partition] && !v2.nil? && v2 >= 0 %>
+          <a href="<%= explorer_topics_path(v[:topic], v[:partition], v2) %>">
             <%= v2 %>
           </a>
         <% else %>

data/lib/karafka/web/pro/ui/views/explorer/explorer/message/_metadata.erb

@@ -76,10 +76,11 @@
       <% @message.metadata.to_h.except(*special).each do |k, v| %>
         <%==
           partial(
-            'explorer/explorer/messages/detail',
+            'explorer/explorer/messages/linked_detail',
             locals: {
               k: k,
-              v: v
+              v: v,
+              message: @message
             }
           )
         %>

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

@@ -0,0 +1,58 @@
+<%# 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 %>
+
+<%
+  # Renders a single message metadata row, linking the topic/partition/offset identifiers to
+  # the Explorer. The offset points at the message currently being viewed, but we keep it
+  # linked for consistency so the whole coordinate (topic/partition/offset) is navigable.
+  # Any other key falls back to the plain detail rendering.
+  explorer_link =
+    case k
+    when :topic
+      explorer_topics_path(v)
+    when :partition
+      explorer_topics_path(message.topic, v)
+    when :offset
+      explorer_topics_path(message.topic, message.partition, v)
+    end
+%>
+
+<% if explorer_link %>
+  <tr>
+    <td>
+      <%= k %>
+    </td>
+    <td>
+      <a href="<%= explorer_link %>">
+        <%= v %>
+      </a>
+    </td>
+  </tr>
+<% else %>
+  <%==
+    partial(
+      'explorer/explorer/messages/detail',
+      locals: {
+        k: k,
+        v: v
+      }
+    )
+  %>
+<% end %>

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

@@ -57,13 +57,17 @@
       <tbody>
         <% @search_details[:partitions].sort.to_h.each do |k, v| %>
           <tr>
-            <td>Partition <%= k %></td>
+            <td>
+              <a href="<%= explorer_topics_path(@topic_id, k) %>">
+                Partition <%= k %>
+              </a>
+            </td>
             <td><%= v[:checked] %></td>
             <% if v[:first_message] %>
               <td>
-                <%= v[:first_message].offset %>
+                <%== offset_with_label(@topic_id, k, v[:first_message].offset, explore: true) %>
                 -
-                <%= v[:last_message].offset %>
+                <%== offset_with_label(@topic_id, k, v[:last_message].offset, explore: true) %>
               </td>
               <td>
                 <%

data/lib/karafka/web/pro/ui/views/jobs/_job.erb

@@ -50,7 +50,7 @@
     <%== offset_with_label job.topic, job.partition, job.last_offset, explore: true %>
   </td>
   <td>
-    <%== offset_with_label job.topic, job.partition, job.committed_offset %>
+    <%== offset_with_label job.topic, job.partition, job.committed_offset, explore: true %>
   </td>
   <td>
     <%== relative_time job.updated_at %>

data/lib/karafka/web/ui/public/stylesheets/application.min.css

@@ -315,7 +315,7 @@
       opacity: 100%;
       transition: visibility 0s allow-discrete, background-color 0.3s ease-out, opacity 0.1s ease-out;
       background-color: oklch(0% 0 0/ 0.4);
-      .modal-box {
+       > .modal-box {
         translate: 0 0;
         scale: 1;
         opacity: 1;
@@ -1109,9 +1109,7 @@
   }
   .collapse:not(td, tr, colgroup) {
     visibility: revert-layer;
-  }
-  @layer daisyui.l1.l2.l3 {
-    .collapse {
+    @layer daisyui.l1.l2.l3 {
       display: grid;
       position: relative;
       border-radius: var(--radius-box, 1rem);
@@ -1119,111 +1117,137 @@
       grid-template-rows: max-content 0fr;
       grid-template-columns: minmax(0, 1fr);
       isolation: isolate;
-    }
-    @media (prefers-reduced-motion: no-preference) {
-      .collapse {
+      @media (prefers-reduced-motion: no-preference) {
         transition: grid-template-rows 0.2s;
       }
-    }
-    .collapse  > input:is([type="checkbox"], [type="radio"]) {
-      grid-column-start: 1;
-      grid-row-start: 1;
-      appearance: none;
-      opacity: 0;
-      z-index: 1;
-      width: 100%;
-      padding: 1rem;
-      padding-inline-end: 3rem;
-      min-height: 1lh;
-      transition: background-color 0.2s ease-out;
-    }
-    .collapse:is([open], [tabindex]:focus:not(.collapse-close), [tabindex]:focus-within:not(.collapse-close) ), .collapse:not(.collapse-close):has( > input:is([type="checkbox"], [type="radio"]):checked) {
-      grid-template-rows: max-content 1fr;
-    }
-    .collapse:is([open], [tabindex]:focus:not(.collapse-close), [tabindex]:focus-within:not(.collapse-close) ) > .collapse-content, .collapse:not(.collapse-close) > :where(input:is([type="checkbox"], [type="radio"]):checked ~ .collapse-content) {
-      --overflow-delay: 0.2s;
-      overflow: revert-layer;
-      content-visibility: visible;
-      min-height: fit-content;
-      @supports not (content-visibility: visible) {
-        visibility: visible;
+       > input:is([type="checkbox"], [type="radio"]) {
+        grid-column-start: 1;
+        grid-row-start: 1;
+        appearance: none;
+        opacity: 0;
+        z-index: 1;
+        width: 100%;
+        padding: 1rem;
+        padding-inline-end: 3rem;
+        min-height: 1lh;
+        transition: background-color 0.2s ease-out;
       }
-    }
-    .collapse:focus-visible, .collapse:has( > input:is([type="checkbox"], [type="radio"]):focus-visible), .collapse:has(summary:focus-visible) {
-      outline-color: var(--color-base-content);
-      outline-style: solid;
-      outline-width: 2px;
-      outline-offset: 2px;
-    }
-    .collapse:not(.collapse-close)  > input[type="checkbox"], .collapse:not(.collapse-close)   > input[type="radio"]:not(:checked), .collapse:not(.collapse-close)   > .collapse-title {
-      cursor: pointer;
-    }
-    :is(.collapse[tabindex]:focus:not(.collapse-close, .collapse[open]), .collapse[tabindex]:focus-within:not(.collapse-close, .collapse[open]))  > .collapse-title {
-      cursor: unset;
-    }
-    .collapse:is([open], [tabindex]:focus:not(.collapse-close), [tabindex]:focus-within:not(.collapse-close) ) > :where(.collapse-content), .collapse:not(.collapse-close) > :where(input:is([type="checkbox"], [type="radio"]):checked ~ .collapse-content) {
-      padding-bottom: 1rem;
-    }
-    .collapse:is(details) {
-      width: 100%;
-      &::details-content {
-        --overflow-delay: 0s;
-        overflow: clip;
-        height: 0;
+      &:is([open], [tabindex]:focus:not(.collapse-close), [tabindex]:focus-within:not(.collapse-close) ), &:not(.collapse-close):has( > input:is([type="checkbox"], [type="radio"]):checked) {
+        grid-template-rows: max-content 1fr;
       }
-      &:where([open])::details-content {
+      &:is([open], [tabindex]:focus:not(.collapse-close), [tabindex]:focus-within:not(.collapse-close) ) > .collapse-content, &:not(.collapse-close) > :where(input:is([type="checkbox"], [type="radio"]):checked ~ .collapse-content) {
+        --overflow-delay: 0.2s;
         overflow: revert-layer;
-        height: auto;
+        content-visibility: visible;
+        min-height: fit-content;
+        @supports not (content-visibility: visible) {
+          visibility: visible;
+        }
       }
-      @media (prefers-reduced-motion: no-preference) {
+      &:focus-visible, &:has( > input:is([type="checkbox"], [type="radio"]):focus-visible), &:has(summary:focus-visible) {
+        outline-color: var(--color-base-content);
+        outline-style: solid;
+        outline-width: 2px;
+        outline-offset: 2px;
+      }
+      &:not(.collapse-close) {
+         > input[type="checkbox"],  > input[type="radio"]:not(:checked),  > .collapse-title {
+          cursor: pointer;
+        }
+      }
+      &[tabindex]:focus:not(.collapse-close, .collapse[open]), &[tabindex]:focus-within:not(.collapse-close, .collapse[open]) {
+         > .collapse-title {
+          cursor: unset;
+        }
+      }
+      &:is([open], [tabindex]:focus:not(.collapse-close), [tabindex]:focus-within:not(.collapse-close) ) > :where(.collapse-content), &:not(.collapse-close) > :where(input:is([type="checkbox"], [type="radio"]):checked ~ .collapse-content) {
+        padding-bottom: 1rem;
+      }
+      &:is(details) {
+        width: 100%;
         &::details-content {
-          transition: overflow 0.2s allow-discrete var(--overflow-delay), content-visibility 0.2s allow-discrete, visibility 0.2s allow-discrete, min-height 0.2s ease-out allow-discrete, padding 0.1s ease-out 20ms, background-color 0.2s ease-out, height 0.2s;
-          interpolate-size: allow-keywords;
+          --overflow-delay: 0s;
+          overflow: clip;
+          height: 0;
         }
         &:where([open])::details-content {
-          --overflow-delay: 0.2s;
+          overflow: revert-layer;
+          height: auto;
         }
-      }
-       > summary {
-        position: relative;
-        display: block;
-        outline: none;
-        &::-webkit-details-marker {
-          display: none;
+        @media (prefers-reduced-motion: no-preference) {
+          &::details-content {
+            transition: overflow 0.2s allow-discrete var(--overflow-delay), content-visibility 0.2s allow-discrete, visibility 0.2s allow-discrete, min-height 0.2s ease-out allow-discrete, padding 0.1s ease-out 20ms, background-color 0.2s ease-out, height 0.2s;
+            interpolate-size: allow-keywords;
+          }
+          &:where([open])::details-content {
+            --overflow-delay: 0.2s;
+          }
+        }
+         > summary {
+          position: relative;
+          display: block;
+          outline: none;
+          &::-webkit-details-marker {
+            display: none;
+          }
         }
       }
     }
-  }
-  @layer daisyui.l1.l2 {
-    @media (prefers-reduced-motion: no-preference) {
-      .collapse:is([open]).collapse-arrow  > .collapse-title:after {
-        transform: translateY(-50%) rotate(225deg);
+    @layer daisyui.l1.l2 {
+      &:is([open]) {
+        &.collapse-arrow {
+           > .collapse-title:after {
+            @media (prefers-reduced-motion: no-preference) {
+              transform: translateY(-50%) rotate(225deg);
+            }
+          }
+        }
       }
-      .collapse.collapse-open.collapse-arrow  > .collapse-title:after {
-        transform: translateY(-50%) rotate(225deg);
+      &.collapse-open {
+        &.collapse-arrow {
+           > .collapse-title:after {
+            @media (prefers-reduced-motion: no-preference) {
+              transform: translateY(-50%) rotate(225deg);
+            }
+          }
+        }
+        &.collapse-plus {
+           > .collapse-title:after {
+            --tw-content: "−";
+            content: var(--tw-content);
+          }
+        }
+      }
+      &[tabindex].collapse-arrow:focus:not(.collapse-close), &.collapse-arrow[tabindex]:focus-within:not(.collapse-close) {
+         > .collapse-title:after {
+          transform: translateY(-50%) rotate(225deg);
+        }
+      }
+      &.collapse-arrow:not(.collapse-close) {
+         > input:is([type="checkbox"], [type="radio"]):checked ~ .collapse-title:after {
+          transform: translateY(-50%) rotate(225deg);
+        }
+      }
+      &[open] {
+        &.collapse-plus {
+           > .collapse-title:after {
+            --tw-content: "−";
+            content: var(--tw-content);
+          }
+        }
+      }
+      &[tabindex].collapse-plus:focus:not(.collapse-close) {
+         > .collapse-title:after {
+          --tw-content: "−";
+          content: var(--tw-content);
+        }
+      }
+      &.collapse-plus:not(.collapse-close) {
+         > input:is([type="checkbox"], [type="radio"]):checked ~ .collapse-title:after {
+          --tw-content: "−";
+          content: var(--tw-content);
+        }
       }
-    }
-    .collapse.collapse-open.collapse-plus  > .collapse-title:after {
-      --tw-content: "−";
-      content: var(--tw-content);
-    }
-    :is(.collapse[tabindex].collapse-arrow:focus:not(.collapse-close), .collapse.collapse-arrow[tabindex]:focus-within:not(.collapse-close))  > .collapse-title:after {
-      transform: translateY(-50%) rotate(225deg);
-    }
-    .collapse.collapse-arrow:not(.collapse-close)  > input:is([type="checkbox"], [type="radio"]):checked ~ .collapse-title:after {
-      transform: translateY(-50%) rotate(225deg);
-    }
-    .collapse[open].collapse-plus  > .collapse-title:after {
-      --tw-content: "−";
-      content: var(--tw-content);
-    }
-    .collapse[tabindex].collapse-plus:focus:not(.collapse-close)  > .collapse-title:after {
-      --tw-content: "−";
-      content: var(--tw-content);
-    }
-    .collapse.collapse-plus:not(.collapse-close)  > input:is([type="checkbox"], [type="radio"]):checked ~ .collapse-title:after {
-      --tw-content: "−";
-      content: var(--tw-content);
     }
   }
   @layer daisyui.l1.l2.l3 {
@@ -1309,6 +1333,7 @@
       display: inline-grid;
       height: var(--size);
       width: var(--size);
+      flex-shrink: 0;
       place-content: center;
       border-radius: calc(infinity * 1px);
       background-color: transparent;
@@ -1542,7 +1567,7 @@
       padding-inline: calc(0.25rem * 3);
       vertical-align: middle;
       white-space: nowrap;
-      --size: calc(var(--size-field, 0.25rem) * var(--in-size-mul));
+      --size: calc(var(--size-field, 0.25rem) * var(--in-size-mul, 10));
       --input-color: var(--color-base-content);
     }
     @supports (color: color-mix(in lab, red, red)) {
@@ -1554,7 +1579,7 @@
       cursor: text;
       width: clamp(3rem, 20rem, 100%);
       height: var(--size);
-      font-size: max(var(--font-size, 0rem), var(--font-size-min));
+      font-size: max(var(--font-size, 0rem), var(--font-size-min, 0.875rem));
       touch-action: manipulation;
       border-start-start-radius: var(--join-ss, var(--radius-field));
       border-start-end-radius: var(--join-se, var(--radius-field));
@@ -1609,7 +1634,7 @@
         text-align: inherit;
       }
       &::-webkit-inner-spin-button {
-        margin-block: calc(0.25rem * var(--spin-my));
+        margin-block: calc(0.25rem * var(--spin-my, -3));
       }
       &::-webkit-calendar-picker-indicator {
         position: absolute;
@@ -1657,19 +1682,6 @@
     .input:has( > input[disabled]) > input[disabled] {
       cursor: not-allowed;
     }
-  }
-  @layer daisyui.l1.l2 {
-    .input {
-      --in-size-mul: 10;
-      --font-size-min: 0.875rem;
-      --spin-my: -3;
-    }
-    .floating-label:has(.input) {
-      --top-mul: 5;
-      --font-size: 0.875rem;
-    }
-  }
-  @layer daisyui.l1.l2.l3 {
     .range {
       appearance: none;
       webkit-appearance: none;
@@ -2084,7 +2096,7 @@
       padding-inline-start: calc(0.25rem * 3);
       padding-inline-end: calc(0.25rem * 7);
       vertical-align: middle;
-      --size: calc(var(--size-field, 0.25rem) * var(--sl-size-mul));
+      --size: calc(var(--size-field, 0.25rem) * var(--sl-size-mul, 10));
       --input-color: var(--color-base-content);
     }
     @supports (color: color-mix(in lab, red, red)) {
@@ -2095,7 +2107,7 @@
     .select {
       width: clamp(3rem, 20rem, 100%);
       height: var(--size);
-      font-size: max(var(--font-size, 0rem), var(--font-size-min));
+      font-size: max(var(--font-size, 0rem), var(--font-size-min, 0.875rem));
       touch-action: manipulation;
       border-start-start-radius: var(--join-ss, var(--radius-field));
       border-start-end-radius: var(--join-se, var(--radius-field));
@@ -2226,7 +2238,7 @@
     :is(:is(.select), .select select) option {
       border-radius: var(--radius-field);
       padding-block: calc(0.25rem * 1.5);
-      padding-inline: calc(0.25rem * var(--option-px));
+      padding-inline: calc(0.25rem * var(--option-px, 3));
       transition-property: color, background-color;
       transition-duration: 0.2s;
       transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
@@ -2254,15 +2266,6 @@
     }
   }
   @layer daisyui.l1.l2 {
-    .select {
-      --sl-size-mul: 10;
-      --font-size-min: 0.875rem;
-      --option-px: 3;
-    }
-    .floating-label:has(.select) {
-      --top-mul: 5;
-      --font-size: 0.875rem;
-    }
     .menu-horizontal {
       display: inline-flex;
       flex-direction: row;
@@ -2895,7 +2898,7 @@
     }
     .textarea {
       width: clamp(3rem, 20rem, 100%);
-      font-size: max(var(--font-size, 0rem), var(--font-size-min));
+      font-size: max(var(--font-size, 0rem), var(--font-size-min, 0.875rem));
       touch-action: manipulation;
       border: var(--border) solid var(--input-color, #0000);
       box-shadow: 0 1px var(--input-color) inset, 0 -1px oklch(100% 0 0 / calc(var(--depth) * 0.1)) inset;
@@ -2958,36 +2961,27 @@
     }
   }
   @layer daisyui.l1.l2 {
-    .textarea {
-      --font-size-min: 0.875rem;
-    }
-    .floating-label:has(.textarea) {
-      --top-mul: 5;
-      --font-size: 0.875rem;
-    }
     .btn-active {
       --btn-bg: var(--btn-color, var(--color-base-200));
-      color: var(--btn-fg, var(--color-base-content));
-      --btn-border: var(--btn-bg);
     }
     @supports (color: color-mix(in lab, red, red)) {
       .btn-active {
-        --btn-border: color-mix(in oklab, var(--btn-bg), #000 calc(var(--depth) * 5%));
+        --btn-bg: color-mix(in oklab, var(--btn-color, var(--color-base-200)), #000 5%);
       }
     }
     .btn-active {
-      --btn-border-style: solid;
-      --btn-inset: 0 0.5px 0 0.5px oklch(100% 0 0 / calc(var(--depth) * 6%));
-      --btn-shadow: 0 3px 2px -2px var(--btn-bg),
-      0 4px 3px -2px var(--btn-bg);
+      color: var(--btn-fg, var(--color-base-content));
+      --btn-border: var(--btn-color, var(--color-base-200));
     }
     @supports (color: color-mix(in lab, red, red)) {
       .btn-active {
-        --btn-shadow: 0 3px 2px -2px color-mix(in oklab, var(--btn-bg) calc(var(--depth) * 30%), #0000),
-      0 4px 3px -2px color-mix(in oklab, var(--btn-bg) calc(var(--depth) * 30%), #0000);
+        --btn-border: color-mix(in oklab, var(--btn-color, var(--color-base-200)), #000 7%);
       }
     }
     .btn-active {
+      --btn-border-style: solid;
+      --btn-inset: 0 0 0 0 oklch(0% 0 0/0);
+      --btn-shadow: 0 0 0 0 oklch(0% 0 0/0);
       isolation: isolate;
     }
   }
@@ -3831,14 +3825,6 @@
       place-items: start;
       gap: calc(0.25rem * 2);
     }
-    .footer.footer-center {
-      grid-auto-flow: column dense;
-      place-items: center;
-      text-align: center;
-      & > *:not(script, style, template) {
-        place-items: center;
-      }
-    }
     .stat {
       display: inline-grid;
       width: 100%;
@@ -4218,7 +4204,7 @@
     .modal-bottom {
       place-items: end;
     }
-    .modal-bottom .modal-box {
+    .modal-bottom  > .modal-box {
       height: auto;
       width: 100%;
       max-width: none;
@@ -4233,7 +4219,7 @@
     .modal-middle {
       place-items: center;
     }
-    .modal-middle .modal-box {
+    .modal-middle  > .modal-box {
       height: auto;
       width: calc(11 / 12 * 100%);
       max-width: 32rem;
@@ -4248,7 +4234,7 @@
     .modal-top {
       place-items: start;
     }
-    .modal-top .modal-box {
+    .modal-top  > .modal-box {
       height: auto;
       width: 100%;
       max-width: none;
@@ -4590,6 +4576,9 @@
       padding-block: calc(0.25rem * 1.5);
       font-size: 1.125rem;
     }
+    .menu-lg details[open] > summary:before {
+      font-size: 1.125rem;
+    }
     .menu-lg .menu-title {
       padding-inline: calc(0.25rem * 6);
       padding-block: calc(0.25rem * 3);
@@ -4600,6 +4589,9 @@
       padding-block: calc(0.25rem * 1.5);
       font-size: 0.875rem;
     }
+    .menu-md details[open] > summary:before {
+      font-size: 0.875rem;
+    }
     .menu-md .menu-title {
       padding-inline: calc(0.25rem * 3);
       padding-block: calc(0.25rem * 2);
@@ -4610,6 +4602,9 @@
       padding-block: 0.25rem;
       font-size: 0.75rem;
     }
+    .menu-sm details[open] > summary:before {
+      font-size: 0.75rem;
+    }
     .menu-sm .menu-title {
       padding-inline: calc(0.25rem * 3);
       padding-block: calc(0.25rem * 2);
@@ -4620,6 +4615,9 @@
       padding-block: 0.25rem;
       font-size: 0.6875rem;
     }
+    .menu-xs details[open] > summary:before {
+      font-size: 0.6875rem;
+    }
     .menu-xs .menu-title {
       padding-inline: calc(0.25rem * 2);
       padding-block: 0.25rem;
@@ -6303,6 +6301,26 @@ table td.options {
     --depth: 1;
     --noise: 0;
   }
+  :root {
+    --page-scroll-lock: initial;
+    --page-overflow: var(--page-scroll-lock) hidden;
+  }
+  :root:not(span) {
+    overflow: var(--page-overflow);
+  }
+  :root {
+    --fx-noise: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.34' numOctaves='4' stitchTiles='stitch'%3E%3C/feTurbulence%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23a)' opacity='0.2'%3E%3C/rect%3E%3C/svg%3E");
+  }
+  :root, [data-theme] {
+    background-color: var(--root-bg);
+    color: var(--color-base-content);
+  }
+  :root {
+    background-color: var(--page-scroll-bg, var(--root-bg));
+  }
+  :where(:root, [data-theme]) {
+    --root-bg: var(--color-base-100);
+  }
   @property --radialprogress {
     syntax: "<percentage>";
     inherits: true;
@@ -6318,14 +6336,6 @@ table td.options {
     @supports (color: color-mix(in lab, red, red)) {
       scrollbar-color: color-mix(in oklch, currentColor 35%, #0000) #0000;
     }
-    --fx-noise: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.34' numOctaves='4' stitchTiles='stitch'%3E%3C/feTurbulence%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23a)' opacity='0.2'%3E%3C/rect%3E%3C/svg%3E");
-    --page-scroll-lock: initial;
-    --page-overflow: var(--page-scroll-lock) hidden;
-  }
-  :root:not(span) {
-    overflow: var(--page-overflow);
-  }
-  :root {
     --page-has-backdrop: var(--page-scroll-lock) 1;
     --page-scroll-bg: var(--page-scroll-lock)
     var(--root-bg, #0000);
@@ -6345,49 +6355,41 @@ table td.options {
       --page-has-scroll:  ;
     }
   }
-  :root, [data-theme] {
-    background-color: var(--root-bg);
-    color: var(--color-base-content);
-  }
-  :root {
-    background-color: var(--page-scroll-bg, var(--root-bg));
-  }
-  :where(:root, [data-theme]) {
-    --root-bg: var(--color-base-100);
-  }
 }
 @keyframes dropdown {
   0% {
     opacity: 0;
   }
 }
-@keyframes rotator {
-  89.9999%, 100% {
-    --first-item-position: 0 0%;
+@keyframes aura {
+  to {
+    --aura-angle: 360deg;
+    transform: translateZ(1px);
   }
-  90%, 99.9999% {
-    --first-item-position: 0 calc(var(--items) * 100%);
+}
+@keyframes aura-glow {
+  20%, 80% {
+    opacity: 0.7;
+    filter: blur(0.25rem);
   }
-  100% {
-    translate: 0 -100%;
+  50% {
+    opacity: 1;
+    filter: blur(0.75rem);
   }
 }
-@keyframes radio {
-  0% {
-    padding: 5px;
+@keyframes aura-glow-after {
+  20%, 80% {
+    opacity: 0.3;
+    filter: blur(1rem);
   }
   50% {
-    padding: 3px;
+    opacity: 0.6;
+    filter: blur(1.5rem);
   }
 }
-@keyframes toast {
-  0% {
-    scale: 0.9;
-    opacity: 0;
-  }
-  100% {
-    scale: 1;
-    opacity: 1;
+@keyframes progress {
+  50% {
+    background-position-x: -115%;
   }
 }
 @keyframes skeleton {
@@ -6398,46 +6400,44 @@ table td.options {
     background-position: -50%;
   }
 }
-@keyframes progress {
-  50% {
-    background-position-x: -115%;
-  }
-}
 @keyframes rating {
   0%, 40% {
     scale: 1.1;
     filter: brightness(1.05) contrast(1.05);
   }
 }
-@keyframes aura {
-  to {
-    --aura-angle: 360deg;
-    transform: translateZ(1px);
+@keyframes menu {
+  0% {
+    opacity: 0;
   }
 }
-@keyframes aura-glow {
-  20%, 80% {
-    opacity: 0.7;
-    filter: blur(0.25rem);
+@keyframes toast {
+  0% {
+    scale: 0.9;
+    opacity: 0;
   }
-  50% {
+  100% {
+    scale: 1;
     opacity: 1;
-    filter: blur(0.75rem);
   }
 }
-@keyframes aura-glow-after {
-  20%, 80% {
-    opacity: 0.3;
-    filter: blur(1rem);
+@keyframes rotator {
+  89.9999%, 100% {
+    --first-item-position: 0 0%;
   }
-  50% {
-    opacity: 0.6;
-    filter: blur(1.5rem);
+  90%, 99.9999% {
+    --first-item-position: 0 calc(var(--items) * 100%);
+  }
+  100% {
+    translate: 0 -100%;
   }
 }
-@keyframes menu {
+@keyframes radio {
   0% {
-    opacity: 0;
+    padding: 5px;
+  }
+  50% {
+    padding: 3px;
   }
 }
 @property --tw-border-style {

data/lib/karafka/web/version.rb

@@ -3,6 +3,6 @@
 module Karafka
   module Web
     # Current gem version
-    VERSION = "1.0.0.rc1"
+    VERSION = "1.0.0.rc2"
   end
 end

data/package-lock.json

@@ -1140,9 +1140,9 @@
       }
     },
     "node_modules/daisyui": {
-      "version": "5.7.0",
-      "resolved": "https://registry.npmjs.org/daisyui/-/daisyui-5.7.0.tgz",
-      "integrity": "sha512-2/kYbxaKtv349lPrTyxMKC9SHsyA7fBULMSabJljDE82D079cjqz+UyAzsogWgy4sTs5NDvD000acfcFqbO1XA==",
+      "version": "5.7.4",
+      "resolved": "https://registry.npmjs.org/daisyui/-/daisyui-5.7.4.tgz",
+      "integrity": "sha512-zKzFIwvEvn2QvE1TbUUtDnYFOqWoxeZh+j4QXfhkZKYAT++pO2ijyT9rkFm0GIPDWR1/oo9hHZzd96AsTK0iZg==",
       "dev": true,
       "license": "MIT",
       "funding": {

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: karafka-web
 version: !ruby/object:Gem::Version
-  version: 1.0.0.rc1
+  version: 1.0.0.rc2
 platform: ruby
 authors:
 - Maciej Mensfeld
@@ -29,7 +29,7 @@ dependencies:
     requirements:
     - - ">="
       - !ruby/object:Gem::Version
-        version: 2.6.0.beta1
+        version: 2.6.0.rc2
     - - "<"
       - !ruby/object:Gem::Version
         version: 2.7.0
@@ -39,7 +39,7 @@ dependencies:
     requirements:
     - - ">="
       - !ruby/object:Gem::Version
-        version: 2.6.0.beta1
+        version: 2.6.0.rc2
     - - "<"
       - !ruby/object:Gem::Version
         version: 2.7.0
@@ -409,6 +409,7 @@ files:
 - lib/karafka/web/pro/ui/views/explorer/explorer/messages/_detail.erb
 - lib/karafka/web/pro/ui/views/explorer/explorer/messages/_headers.erb
 - lib/karafka/web/pro/ui/views/explorer/explorer/messages/_key.erb
+- lib/karafka/web/pro/ui/views/explorer/explorer/messages/_linked_detail.erb
 - lib/karafka/web/pro/ui/views/explorer/explorer/partition.erb
 - lib/karafka/web/pro/ui/views/explorer/explorer/partition/_cleaned.erb
 - lib/karafka/web/pro/ui/views/explorer/explorer/partition/_empty.erb