karafka-web 0.9.1 → 0.10.1

Sign up to get free protection for your applications and to get access to all the features.
Files changed (436) hide show
  1. checksums.yaml +4 -4
  2. checksums.yaml.gz.sig +0 -0
  3. data/.github/workflows/ci.yml +30 -0
  4. data/.gitignore +2 -0
  5. data/.ruby-version +1 -1
  6. data/CHANGELOG.md +98 -1
  7. data/Gemfile +2 -0
  8. data/Gemfile.lock +37 -25
  9. data/LICENSE +1 -1
  10. data/bin/build_assets +51 -0
  11. data/bin/release +6 -0
  12. data/certs/cert.pem +26 -0
  13. data/config/locales/pro_errors.yml +18 -0
  14. data/docker-compose.yml +1 -1
  15. data/gulpfile.js +73 -0
  16. data/karafka-web.gemspec +3 -3
  17. data/lib/karafka/web/config.rb +18 -10
  18. data/lib/karafka/web/contracts/base.rb +2 -0
  19. data/lib/karafka/web/contracts/config.rb +6 -1
  20. data/lib/karafka/web/errors.rb +12 -0
  21. data/lib/karafka/web/inflector.rb +1 -1
  22. data/lib/karafka/web/management/actions/enable.rb +17 -0
  23. data/lib/karafka/web/management/migrations/consumers_metrics/0_set_initial.rb +39 -0
  24. data/lib/karafka/web/management/migrations/consumers_metrics/1699543515_fill_missing_received_and_sent_bytes.rb +28 -0
  25. data/lib/karafka/web/management/migrations/consumers_metrics/1700234522_introduce_waiting.rb +26 -0
  26. data/lib/karafka/web/management/migrations/consumers_metrics/1700234522_remove_processing.rb +26 -0
  27. data/lib/karafka/web/management/migrations/consumers_metrics/1704722380_split_listeners_into_active_and_paused.rb +38 -0
  28. data/lib/karafka/web/management/migrations/consumers_metrics/1706607960_introduce_lag_total.rb +40 -0
  29. data/lib/karafka/web/management/migrations/consumers_metrics/1706611396_rename_lag_total_to_lag_hybrid.rb +38 -0
  30. data/lib/karafka/web/management/migrations/consumers_metrics/1716218393_populate_jobs_metrics.rb +26 -0
  31. data/lib/karafka/web/management/migrations/consumers_states/0_set_initial.rb +46 -0
  32. data/lib/karafka/web/management/migrations/consumers_states/1699543515_fill_missing_received_and_sent_bytes.rb +25 -0
  33. data/lib/karafka/web/management/migrations/consumers_states/1700234522_introduce_waiting.rb +22 -0
  34. data/lib/karafka/web/management/migrations/consumers_states/1700234522_remove_processing.rb +22 -0
  35. data/lib/karafka/web/management/migrations/consumers_states/1704722380_split_listeners_into_active_and_paused.rb +34 -0
  36. data/lib/karafka/web/management/migrations/consumers_states/1706607960_introduce_lag_total.rb +24 -0
  37. data/lib/karafka/web/management/migrations/consumers_states/1706611396_rename_lag_total_to_lag_hybrid.rb +23 -0
  38. data/lib/karafka/web/management/migrations/consumers_states/1716218393_add_jobs_counter.rb +24 -0
  39. data/lib/karafka/web/management/migrator.rb +5 -5
  40. data/lib/karafka/web/pro/commanding/commands/base.rb +8 -0
  41. data/lib/karafka/web/pro/commanding/commands/quiet.rb +4 -1
  42. data/lib/karafka/web/pro/commanding/commands/stop.rb +4 -1
  43. data/lib/karafka/web/pro/loader.rb +8 -0
  44. data/lib/karafka/web/pro/ui/app.rb +84 -7
  45. data/lib/karafka/web/pro/ui/controllers/commanding_controller.rb +4 -4
  46. data/lib/karafka/web/pro/ui/controllers/dlq_controller.rb +1 -1
  47. data/lib/karafka/web/pro/ui/controllers/errors_controller.rb +1 -0
  48. data/lib/karafka/web/pro/ui/controllers/explorer_controller.rb +6 -14
  49. data/lib/karafka/web/pro/ui/controllers/messages_controller.rb +5 -4
  50. data/lib/karafka/web/pro/ui/controllers/recurring_tasks_controller.rb +131 -0
  51. data/lib/karafka/web/pro/ui/controllers/search_controller.rb +73 -0
  52. data/lib/karafka/web/pro/ui/controllers/support_controller.rb +26 -0
  53. data/lib/karafka/web/pro/ui/controllers/topics_controller.rb +31 -0
  54. data/lib/karafka/web/pro/ui/controllers/ux_controller.rb +26 -0
  55. data/lib/karafka/web/pro/ui/lib/policies/config.rb +39 -0
  56. data/lib/karafka/web/pro/ui/lib/policies/contracts/config.rb +46 -0
  57. data/lib/karafka/web/pro/ui/lib/policies/messages.rb +76 -0
  58. data/lib/karafka/web/pro/ui/lib/policies/requests.rb +36 -0
  59. data/lib/karafka/web/pro/ui/lib/policies.rb +34 -0
  60. data/lib/karafka/web/pro/ui/lib/safe_runner.rb +98 -0
  61. data/lib/karafka/web/pro/ui/lib/search/config.rb +53 -0
  62. data/lib/karafka/web/pro/ui/lib/search/contracts/config.rb +101 -0
  63. data/lib/karafka/web/pro/ui/lib/search/contracts/form.rb +111 -0
  64. data/lib/karafka/web/pro/ui/lib/search/matchers/base.rb +59 -0
  65. data/lib/karafka/web/pro/ui/lib/search/matchers/raw_header_includes.rb +57 -0
  66. data/lib/karafka/web/pro/ui/lib/search/matchers/raw_key_includes.rb +41 -0
  67. data/lib/karafka/web/pro/ui/lib/search/matchers/raw_payload_includes.rb +45 -0
  68. data/lib/karafka/web/pro/ui/lib/search/normalizer.rb +47 -0
  69. data/lib/karafka/web/pro/ui/lib/search/runner.rb +230 -0
  70. data/lib/karafka/web/pro/ui/lib/search.rb +36 -0
  71. data/lib/karafka/web/pro/ui/views/cluster/_breadcrumbs.erb +4 -4
  72. data/lib/karafka/web/pro/ui/views/cluster/_tabs.erb +14 -24
  73. data/lib/karafka/web/pro/ui/views/cluster/index.erb +20 -22
  74. data/lib/karafka/web/pro/ui/views/cluster/show.erb +21 -25
  75. data/lib/karafka/web/pro/ui/views/commands/_backtrace.erb +4 -19
  76. data/lib/karafka/web/pro/ui/views/commands/_breadcrumbs.erb +3 -3
  77. data/lib/karafka/web/pro/ui/views/commands/_command.erb +6 -6
  78. data/lib/karafka/web/pro/ui/views/commands/_command_details.erb +1 -11
  79. data/lib/karafka/web/pro/ui/views/commands/_incompatible_schema.erb +3 -14
  80. data/lib/karafka/web/pro/ui/views/commands/_metadata.erb +33 -42
  81. data/lib/karafka/web/pro/ui/views/commands/_table.erb +9 -3
  82. data/lib/karafka/web/pro/ui/views/commands/index.erb +18 -12
  83. data/lib/karafka/web/pro/ui/views/commands/show.erb +24 -29
  84. data/lib/karafka/web/pro/ui/views/consumers/_breadcrumbs.erb +8 -8
  85. data/lib/karafka/web/pro/ui/views/consumers/_consumer.erb +13 -23
  86. data/lib/karafka/web/pro/ui/views/consumers/_consumer_controls.erb +52 -35
  87. data/lib/karafka/web/pro/ui/views/consumers/_consumer_performance.erb +1 -1
  88. data/lib/karafka/web/pro/ui/views/consumers/_tabs.erb +28 -30
  89. data/lib/karafka/web/pro/ui/views/consumers/consumer/_commands.erb +68 -28
  90. data/lib/karafka/web/pro/ui/views/consumers/consumer/_job.erb +1 -1
  91. data/lib/karafka/web/pro/ui/views/consumers/consumer/_metrics.erb +114 -133
  92. data/lib/karafka/web/pro/ui/views/consumers/consumer/_partition.erb +4 -4
  93. data/lib/karafka/web/pro/ui/views/consumers/consumer/_stopped.erb +6 -9
  94. data/lib/karafka/web/pro/ui/views/consumers/consumer/_subscription_group.erb +116 -126
  95. data/lib/karafka/web/pro/ui/views/consumers/consumer/_tabs.erb +26 -31
  96. data/lib/karafka/web/pro/ui/views/consumers/controls.erb +53 -57
  97. data/lib/karafka/web/pro/ui/views/consumers/details.erb +4 -17
  98. data/lib/karafka/web/pro/ui/views/consumers/index.erb +31 -34
  99. data/lib/karafka/web/pro/ui/views/consumers/pending_jobs.erb +41 -46
  100. data/lib/karafka/web/pro/ui/views/consumers/performance.erb +43 -47
  101. data/lib/karafka/web/pro/ui/views/consumers/running_jobs.erb +41 -46
  102. data/lib/karafka/web/pro/ui/views/consumers/subscriptions.erb +14 -17
  103. data/lib/karafka/web/pro/ui/views/dashboard/index.erb +67 -76
  104. data/lib/karafka/web/pro/ui/views/dlq/_breadcrumbs.erb +1 -1
  105. data/lib/karafka/web/pro/ui/views/dlq/_no_topics.erb +1 -7
  106. data/lib/karafka/web/pro/ui/views/dlq/_topic.erb +7 -10
  107. data/lib/karafka/web/pro/ui/views/dlq/index.erb +8 -10
  108. data/lib/karafka/web/pro/ui/views/errors/_breadcrumbs.erb +3 -3
  109. data/lib/karafka/web/pro/ui/views/errors/_error.erb +8 -5
  110. data/lib/karafka/web/pro/ui/views/errors/_selector.erb +12 -0
  111. data/lib/karafka/web/pro/ui/views/errors/_table.erb +5 -4
  112. data/lib/karafka/web/pro/ui/views/errors/index.erb +50 -15
  113. data/lib/karafka/web/pro/ui/views/errors/partition.erb +61 -14
  114. data/lib/karafka/web/pro/ui/views/errors/show.erb +28 -46
  115. data/lib/karafka/web/pro/ui/views/explorer/_breadcrumbs.erb +11 -3
  116. data/lib/karafka/web/pro/ui/views/explorer/_failed_deserialization.erb +8 -3
  117. data/lib/karafka/web/pro/ui/views/explorer/_message.erb +12 -6
  118. data/lib/karafka/web/pro/ui/views/explorer/_no_topics.erb +1 -5
  119. data/lib/karafka/web/pro/ui/views/explorer/_selector.erb +12 -0
  120. data/lib/karafka/web/pro/ui/views/explorer/_topic.erb +6 -8
  121. data/lib/karafka/web/pro/ui/views/explorer/index.erb +13 -15
  122. data/lib/karafka/web/pro/ui/views/explorer/message/_metadata.erb +68 -32
  123. data/lib/karafka/web/pro/ui/views/explorer/message/_payload.erb +17 -16
  124. data/lib/karafka/web/pro/ui/views/explorer/message/_resources_utilization.erb +127 -0
  125. data/lib/karafka/web/pro/ui/views/explorer/message/_too_big_to_be_displayed.erb +20 -0
  126. data/lib/karafka/web/pro/ui/views/explorer/messages/_detail.erb +1 -1
  127. data/lib/karafka/web/pro/ui/views/explorer/partition/_cleaned.erb +3 -5
  128. data/lib/karafka/web/pro/ui/views/explorer/partition/_empty.erb +3 -5
  129. data/lib/karafka/web/pro/ui/views/explorer/partition/_messages.erb +6 -3
  130. data/lib/karafka/web/pro/ui/views/explorer/partition.erb +67 -46
  131. data/lib/karafka/web/pro/ui/views/explorer/show.erb +85 -21
  132. data/lib/karafka/web/pro/ui/views/explorer/topic/_actions.erb +27 -0
  133. data/lib/karafka/web/pro/ui/views/explorer/topic/_empty.erb +3 -5
  134. data/lib/karafka/web/pro/ui/views/explorer/topic/_limited.erb +8 -10
  135. data/lib/karafka/web/pro/ui/views/explorer/topic.erb +24 -44
  136. data/lib/karafka/web/pro/ui/views/health/_breadcrumbs.erb +7 -7
  137. data/lib/karafka/web/pro/ui/views/health/_no_data.erb +1 -7
  138. data/lib/karafka/web/pro/ui/views/health/_partition.erb +3 -3
  139. data/lib/karafka/web/pro/ui/views/health/_partition_lags.erb +3 -3
  140. data/lib/karafka/web/pro/ui/views/health/_partition_offset.erb +2 -2
  141. data/lib/karafka/web/pro/ui/views/health/_partition_times.erb +3 -7
  142. data/lib/karafka/web/pro/ui/views/health/_table_metadata.erb +8 -0
  143. data/lib/karafka/web/pro/ui/views/health/_tabs.erb +32 -49
  144. data/lib/karafka/web/pro/ui/views/health/changes.erb +51 -51
  145. data/lib/karafka/web/pro/ui/views/health/cluster_lags.erb +28 -41
  146. data/lib/karafka/web/pro/ui/views/health/lags.erb +52 -52
  147. data/lib/karafka/web/pro/ui/views/health/offsets.erb +55 -55
  148. data/lib/karafka/web/pro/ui/views/health/overview.erb +60 -60
  149. data/lib/karafka/web/pro/ui/views/jobs/_job.erb +1 -1
  150. data/lib/karafka/web/pro/ui/views/jobs/_no_jobs.erb +1 -7
  151. data/lib/karafka/web/pro/ui/views/jobs/pending.erb +36 -38
  152. data/lib/karafka/web/pro/ui/views/jobs/running.erb +36 -38
  153. data/lib/karafka/web/pro/ui/views/recurring_tasks/_actions.erb +58 -0
  154. data/lib/karafka/web/pro/ui/views/recurring_tasks/_batch_actions.erb +45 -0
  155. data/lib/karafka/web/pro/ui/views/recurring_tasks/_breadcrumbs.erb +22 -0
  156. data/lib/karafka/web/pro/ui/views/recurring_tasks/_log.erb +26 -0
  157. data/lib/karafka/web/pro/ui/views/recurring_tasks/_not_active.erb +12 -0
  158. data/lib/karafka/web/pro/ui/views/recurring_tasks/_tabs.erb +17 -0
  159. data/lib/karafka/web/pro/ui/views/recurring_tasks/_task.erb +46 -0
  160. data/lib/karafka/web/pro/ui/views/recurring_tasks/logs.erb +34 -0
  161. data/lib/karafka/web/pro/ui/views/recurring_tasks/schedule.erb +43 -0
  162. data/lib/karafka/web/pro/ui/views/routing/_consumer_group.erb +7 -12
  163. data/lib/karafka/web/pro/ui/views/routing/_topic.erb +13 -11
  164. data/lib/karafka/web/pro/ui/views/routing/index.erb +7 -9
  165. data/lib/karafka/web/pro/ui/views/routing/show.erb +41 -33
  166. data/lib/karafka/web/pro/ui/views/search/_fix_errors.erb +3 -0
  167. data/lib/karafka/web/pro/ui/views/search/_metadata.erb +71 -0
  168. data/lib/karafka/web/pro/ui/views/search/_no_results.erb +3 -0
  169. data/lib/karafka/web/pro/ui/views/search/_no_search_criteria.erb +5 -0
  170. data/lib/karafka/web/pro/ui/views/search/_search_criteria.erb +37 -0
  171. data/lib/karafka/web/pro/ui/views/search/_search_modal.erb +139 -0
  172. data/lib/karafka/web/pro/ui/views/search/_timeout.erb +3 -0
  173. data/lib/karafka/web/pro/ui/views/search/index.erb +29 -0
  174. data/lib/karafka/web/pro/ui/views/shared/_navigation.erb +90 -28
  175. data/lib/karafka/web/pro/ui/views/topics/_breadcrumbs.erb +14 -6
  176. data/lib/karafka/web/pro/ui/views/topics/_partition_offsets.erb +10 -0
  177. data/lib/karafka/web/pro/ui/views/topics/_tabs.erb +26 -32
  178. data/lib/karafka/web/pro/ui/views/topics/_topic.erb +7 -10
  179. data/lib/karafka/web/pro/ui/views/topics/config.erb +21 -25
  180. data/lib/karafka/web/pro/ui/views/topics/distribution/_badges.erb +10 -5
  181. data/lib/karafka/web/pro/ui/views/topics/distribution/_chart.erb +3 -1
  182. data/lib/karafka/web/pro/ui/views/topics/distribution/_limited.erb +1 -1
  183. data/lib/karafka/web/pro/ui/views/topics/distribution.erb +34 -39
  184. data/lib/karafka/web/pro/ui/views/topics/index.erb +13 -15
  185. data/lib/karafka/web/pro/ui/views/topics/offsets.erb +24 -0
  186. data/lib/karafka/web/pro/ui/views/topics/replication.erb +20 -24
  187. data/lib/karafka/web/processing/consumers/aggregators/metrics.rb +1 -1
  188. data/lib/karafka/web/processing/consumers/aggregators/state.rb +1 -1
  189. data/lib/karafka/web/processing/consumers/contracts/aggregated_stats.rb +1 -0
  190. data/lib/karafka/web/tracking/consumers/contracts/job.rb +1 -1
  191. data/lib/karafka/web/tracking/consumers/contracts/report.rb +6 -0
  192. data/lib/karafka/web/tracking/consumers/listeners/connections.rb +8 -6
  193. data/lib/karafka/web/tracking/consumers/listeners/processing.rb +7 -1
  194. data/lib/karafka/web/tracking/consumers/listeners/tags.rb +1 -1
  195. data/lib/karafka/web/tracking/consumers/reporter.rb +6 -8
  196. data/lib/karafka/web/tracking/consumers/sampler.rb +16 -5
  197. data/lib/karafka/web/ui/app.rb +20 -1
  198. data/lib/karafka/web/ui/base.rb +26 -20
  199. data/lib/karafka/web/ui/controllers/base_controller.rb +7 -5
  200. data/lib/karafka/web/ui/controllers/dashboard_controller.rb +8 -0
  201. data/lib/karafka/web/ui/controllers/requests/params.rb +16 -2
  202. data/lib/karafka/web/ui/controllers/support_controller.rb +17 -0
  203. data/lib/karafka/web/ui/controllers/ux_controller.rb +17 -0
  204. data/lib/karafka/web/ui/helpers/application_helper.rb +83 -43
  205. data/lib/karafka/web/ui/helpers/paths_helper.rb +24 -0
  206. data/lib/karafka/web/ui/helpers/tailwind_helper.rb +90 -0
  207. data/lib/karafka/web/ui/lib/sorter.rb +1 -1
  208. data/lib/karafka/web/ui/models/metrics/aggregated.rb +1 -0
  209. data/lib/karafka/web/ui/models/metrics/charts/topics.rb +36 -20
  210. data/lib/karafka/web/ui/models/recurring_tasks/log.rb +26 -0
  211. data/lib/karafka/web/ui/models/recurring_tasks/schedule.rb +86 -0
  212. data/lib/karafka/web/ui/models/recurring_tasks/task.rb +30 -0
  213. data/lib/karafka/web/ui/models/status.rb +28 -1
  214. data/lib/karafka/web/ui/public/images/calendar.svg +3 -0
  215. data/lib/karafka/web/ui/public/javascripts/application.js +39 -15
  216. data/lib/karafka/web/ui/public/javascripts/application.min.js +64 -0
  217. data/lib/karafka/web/ui/public/javascripts/application.min.js.br +0 -0
  218. data/lib/karafka/web/ui/public/javascripts/application.min.js.gz +0 -0
  219. data/lib/karafka/web/ui/public/javascripts/charts/types/line.js +41 -9
  220. data/lib/karafka/web/ui/public/javascripts/components/btn_toggle_manager.js +37 -0
  221. data/lib/karafka/web/ui/public/javascripts/{live_poll.js → components/live_poll.js} +80 -8
  222. data/lib/karafka/web/ui/public/javascripts/{offset_datetime.js → components/offset_datetime.js} +1 -1
  223. data/lib/karafka/web/ui/public/javascripts/components/search.js +102 -0
  224. data/lib/karafka/web/ui/public/javascripts/components/tabs_manager.js +84 -0
  225. data/lib/karafka/web/ui/public/javascripts/components/theme_manager.js +66 -0
  226. data/lib/karafka/web/ui/public/javascripts/components/turbo_tracker.js +30 -0
  227. data/lib/karafka/web/ui/public/javascripts/libs/datepicker.js +2 -2
  228. data/lib/karafka/web/ui/public/javascripts/libs/turbo.js +6618 -0
  229. data/lib/karafka/web/ui/public/stylesheets/application.css +20 -113
  230. data/lib/karafka/web/ui/public/stylesheets/application.min.css +13 -0
  231. data/lib/karafka/web/ui/public/stylesheets/application.min.css.br +0 -0
  232. data/lib/karafka/web/ui/public/stylesheets/application.min.css.gz +0 -0
  233. data/lib/karafka/web/ui/public/stylesheets/libs/highlight_dark.min.css +8 -0
  234. data/lib/karafka/web/ui/public/stylesheets/libs/highlight_dark.min.css.br +0 -0
  235. data/lib/karafka/web/ui/public/stylesheets/libs/highlight_dark.min.css.gz +0 -0
  236. data/lib/karafka/web/ui/public/stylesheets/libs/highlight_light.min.css.br +0 -0
  237. data/lib/karafka/web/ui/public/stylesheets/libs/highlight_light.min.css.gz +0 -0
  238. data/lib/karafka/web/ui/public/stylesheets/libs/tailwind.css +403 -0
  239. data/lib/karafka/web/ui/views/cluster/_breadcrumbs.erb +3 -3
  240. data/lib/karafka/web/ui/views/cluster/_tabs.erb +14 -24
  241. data/lib/karafka/web/ui/views/cluster/brokers.erb +20 -22
  242. data/lib/karafka/web/ui/views/cluster/replication.erb +28 -32
  243. data/lib/karafka/web/ui/views/consumers/_assignments_badges.erb +1 -1
  244. data/lib/karafka/web/ui/views/consumers/_breadcrumbs.erb +5 -0
  245. data/lib/karafka/web/ui/views/consumers/_consumer.erb +9 -13
  246. data/lib/karafka/web/ui/views/consumers/_no_consumers.erb +2 -8
  247. data/lib/karafka/web/ui/views/consumers/_summary.erb +34 -45
  248. data/lib/karafka/web/ui/views/consumers/_tabs.erb +35 -0
  249. data/lib/karafka/web/ui/views/consumers/index.erb +31 -33
  250. data/lib/karafka/web/ui/views/dashboard/_counters.erb +76 -0
  251. data/lib/karafka/web/ui/views/dashboard/_feature_pro.erb +6 -2
  252. data/lib/karafka/web/ui/views/dashboard/_not_enough_data.erb +3 -15
  253. data/lib/karafka/web/ui/views/dashboard/_ranges_selector.erb +12 -12
  254. data/lib/karafka/web/ui/views/dashboard/index.erb +78 -52
  255. data/lib/karafka/web/ui/views/errors/_breadcrumbs.erb +2 -2
  256. data/lib/karafka/web/ui/views/errors/_detail.erb +1 -3
  257. data/lib/karafka/web/ui/views/errors/_error.erb +3 -5
  258. data/lib/karafka/web/ui/views/errors/index.erb +34 -44
  259. data/lib/karafka/web/ui/views/errors/show.erb +29 -47
  260. data/lib/karafka/web/ui/views/jobs/_breadcrumbs.erb +3 -3
  261. data/lib/karafka/web/ui/views/jobs/_job.erb +1 -1
  262. data/lib/karafka/web/ui/views/jobs/_no_jobs.erb +1 -7
  263. data/lib/karafka/web/ui/views/jobs/_tabs.erb +14 -24
  264. data/lib/karafka/web/ui/views/jobs/pending.erb +30 -32
  265. data/lib/karafka/web/ui/views/jobs/running.erb +30 -32
  266. data/lib/karafka/web/ui/views/layout.erb +37 -21
  267. data/lib/karafka/web/ui/views/routing/_breadcrumbs.erb +2 -2
  268. data/lib/karafka/web/ui/views/routing/_consumer_group.erb +7 -12
  269. data/lib/karafka/web/ui/views/routing/_topic.erb +3 -5
  270. data/lib/karafka/web/ui/views/routing/index.erb +7 -9
  271. data/lib/karafka/web/ui/views/routing/show.erb +30 -22
  272. data/lib/karafka/web/ui/views/shared/_become_pro.erb +8 -8
  273. data/lib/karafka/web/ui/views/shared/_brand.erb +2 -2
  274. data/lib/karafka/web/ui/views/shared/_breadcrumbs.erb +23 -0
  275. data/lib/karafka/web/ui/views/shared/_content.erb +2 -28
  276. data/lib/karafka/web/ui/views/shared/_controls.erb +15 -0
  277. data/lib/karafka/web/ui/views/shared/_flashes.erb +5 -7
  278. data/lib/karafka/web/ui/views/shared/_header.erb +16 -19
  279. data/lib/karafka/web/ui/views/shared/_navigation.erb +95 -28
  280. data/lib/karafka/web/ui/views/shared/_no_paginated_data.erb +5 -9
  281. data/lib/karafka/web/ui/views/shared/_pagination.erb +11 -11
  282. data/lib/karafka/web/ui/views/shared/_tab_nav.erb +4 -5
  283. data/lib/karafka/web/ui/views/shared/_title.erb +5 -0
  284. data/lib/karafka/web/ui/views/shared/alerts/_box_error.erb +15 -0
  285. data/lib/karafka/web/ui/views/shared/alerts/_box_info.erb +15 -0
  286. data/lib/karafka/web/ui/views/shared/alerts/_box_primary.erb +15 -0
  287. data/lib/karafka/web/ui/views/shared/alerts/_box_secondary.erb +15 -0
  288. data/lib/karafka/web/ui/views/shared/alerts/_box_success.erb +15 -0
  289. data/lib/karafka/web/ui/views/shared/alerts/_box_warning.erb +15 -0
  290. data/lib/karafka/web/ui/views/shared/alerts/_error.erb +4 -0
  291. data/lib/karafka/web/ui/views/shared/alerts/_info.erb +5 -2
  292. data/lib/karafka/web/ui/views/shared/alerts/_primary.erb +4 -0
  293. data/lib/karafka/web/ui/views/shared/alerts/_secondary.erb +4 -0
  294. data/lib/karafka/web/ui/views/shared/alerts/_success.erb +4 -0
  295. data/lib/karafka/web/ui/views/shared/alerts/_warning.erb +4 -0
  296. data/lib/karafka/web/ui/views/shared/charts/_line.erb +1 -1
  297. data/lib/karafka/web/ui/views/shared/exceptions/not_allowed.erb +14 -19
  298. data/lib/karafka/web/ui/views/shared/exceptions/not_found.erb +16 -21
  299. data/lib/karafka/web/ui/views/shared/exceptions/pro_only.erb +16 -28
  300. data/lib/karafka/web/ui/views/shared/icons/_arrow_down_on_square.erb +3 -0
  301. data/lib/karafka/web/ui/views/shared/icons/_arrow_down_tray.erb +3 -0
  302. data/lib/karafka/web/ui/views/shared/icons/_arrow_on_squares.erb +3 -0
  303. data/lib/karafka/web/ui/views/shared/icons/_arrow_path_rounded.erb +3 -0
  304. data/lib/karafka/web/ui/views/shared/icons/_arrow_uturn_right.erb +3 -0
  305. data/lib/karafka/web/ui/views/shared/icons/_arrows_right_left.erb +3 -0
  306. data/lib/karafka/web/ui/views/shared/icons/_blocks.erb +3 -0
  307. data/lib/karafka/web/ui/views/shared/icons/_book_open.erb +3 -0
  308. data/lib/karafka/web/ui/views/shared/icons/_bug.erb +3 -0
  309. data/lib/karafka/web/ui/views/shared/icons/_burger.erb +14 -0
  310. data/lib/karafka/web/ui/views/shared/icons/_calendar_days.erb +3 -0
  311. data/lib/karafka/web/ui/views/shared/icons/_chart_bar.erb +3 -0
  312. data/lib/karafka/web/ui/views/shared/icons/_check.erb +3 -0
  313. data/lib/karafka/web/ui/views/shared/icons/_check_badge.erb +3 -0
  314. data/lib/karafka/web/ui/views/shared/icons/_check_circle.erb +3 -0
  315. data/lib/karafka/web/ui/views/shared/icons/_circle_stack.erb +3 -0
  316. data/lib/karafka/web/ui/views/shared/icons/_cpu.erb +3 -0
  317. data/lib/karafka/web/ui/views/shared/icons/_document_glass.erb +3 -0
  318. data/lib/karafka/web/ui/views/shared/icons/_exclamation_triangle.erb +3 -0
  319. data/lib/karafka/web/ui/views/shared/icons/_eye.erb +4 -0
  320. data/lib/karafka/web/ui/views/shared/icons/_gear.erb +4 -0
  321. data/lib/karafka/web/ui/views/shared/icons/_github.erb +13 -0
  322. data/lib/karafka/web/ui/views/shared/icons/_globe.erb +3 -0
  323. data/lib/karafka/web/ui/views/shared/icons/_heart.erb +3 -0
  324. data/lib/karafka/web/ui/views/shared/icons/_home.erb +3 -0
  325. data/lib/karafka/web/ui/views/shared/icons/_info_circle.erb +3 -0
  326. data/lib/karafka/web/ui/views/shared/icons/_lifebuoy.erb +3 -0
  327. data/lib/karafka/web/ui/views/shared/icons/_light_bulb.erb +3 -0
  328. data/lib/karafka/web/ui/views/shared/icons/_list_bullets.erb +3 -0
  329. data/lib/karafka/web/ui/views/shared/icons/_magnifying_glass.erb +3 -0
  330. data/lib/karafka/web/ui/views/shared/icons/_moon.erb +3 -0
  331. data/lib/karafka/web/ui/views/shared/icons/_offices.erb +3 -0
  332. data/lib/karafka/web/ui/views/shared/icons/_pause.erb +3 -0
  333. data/lib/karafka/web/ui/views/shared/icons/_pause_circle.erb +3 -0
  334. data/lib/karafka/web/ui/views/shared/icons/_play.erb +3 -0
  335. data/lib/karafka/web/ui/views/shared/icons/_play_circle.erb +4 -0
  336. data/lib/karafka/web/ui/views/shared/icons/_question_circle.erb +3 -0
  337. data/lib/karafka/web/ui/views/shared/icons/_queue_list.erb +3 -0
  338. data/lib/karafka/web/ui/views/shared/icons/_refresh.erb +3 -0
  339. data/lib/karafka/web/ui/views/shared/icons/_slack.erb +16 -0
  340. data/lib/karafka/web/ui/views/shared/icons/_stop.erb +3 -0
  341. data/lib/karafka/web/ui/views/shared/icons/_sun.erb +3 -0
  342. data/lib/karafka/web/ui/views/shared/icons/_x_circle.erb +3 -0
  343. data/lib/karafka/web/ui/views/shared/icons/_x_mark.erb +3 -0
  344. data/lib/karafka/web/ui/views/status/_breadcrumbs.erb +1 -1
  345. data/lib/karafka/web/ui/views/status/_failure.erb +2 -13
  346. data/lib/karafka/web/ui/views/status/_halted.erb +2 -10
  347. data/lib/karafka/web/ui/views/status/_info.erb +2 -13
  348. data/lib/karafka/web/ui/views/status/_success.erb +2 -10
  349. data/lib/karafka/web/ui/views/status/_warning.erb +2 -13
  350. data/lib/karafka/web/ui/views/status/failures/_connection.erb +2 -2
  351. data/lib/karafka/web/ui/views/status/failures/_consumers_reports.erb +3 -3
  352. data/lib/karafka/web/ui/views/status/failures/_consumers_reports_schema_state.erb +4 -4
  353. data/lib/karafka/web/ui/views/status/failures/_enabled.erb +2 -2
  354. data/lib/karafka/web/ui/views/status/failures/_initial_consumers_metrics.erb +6 -6
  355. data/lib/karafka/web/ui/views/status/failures/_initial_consumers_state.erb +6 -6
  356. data/lib/karafka/web/ui/views/status/failures/_live_reporting.erb +2 -2
  357. data/lib/karafka/web/ui/views/status/failures/_materializing_lag.erb +11 -0
  358. data/lib/karafka/web/ui/views/status/failures/_partitions.erb +3 -3
  359. data/lib/karafka/web/ui/views/status/failures/_state_calculation.erb +2 -2
  360. data/lib/karafka/web/ui/views/status/failures/_topics.erb +3 -3
  361. data/lib/karafka/web/ui/views/status/info/_components.erb +59 -49
  362. data/lib/karafka/web/ui/views/status/show.erb +165 -154
  363. data/lib/karafka/web/ui/views/status/warnings/_connection.erb +3 -3
  364. data/lib/karafka/web/ui/views/status/warnings/_pro_subscription.erb +2 -2
  365. data/lib/karafka/web/ui/views/status/warnings/_replication.erb +2 -2
  366. data/lib/karafka/web/ui/views/status/warnings/_routing_topics_presence.erb +1 -1
  367. data/lib/karafka/web/ui/views/support/_breadcrumbs.erb +5 -0
  368. data/lib/karafka/web/ui/views/support/show.erb +71 -0
  369. data/lib/karafka/web/ui/views/ux/_alerts.erb +25 -0
  370. data/lib/karafka/web/ui/views/ux/_badges.erb +21 -0
  371. data/lib/karafka/web/ui/views/ux/_breadcrumbs.erb +5 -0
  372. data/lib/karafka/web/ui/views/ux/_buttons.erb +47 -0
  373. data/lib/karafka/web/ui/views/ux/_card_detail.erb +15 -0
  374. data/lib/karafka/web/ui/views/ux/_card_metric.erb +123 -0
  375. data/lib/karafka/web/ui/views/ux/_card_summary.erb +72 -0
  376. data/lib/karafka/web/ui/views/ux/_card_support.erb +39 -0
  377. data/lib/karafka/web/ui/views/ux/_code.erb +9 -0
  378. data/lib/karafka/web/ui/views/ux/_data_table.erb +82 -0
  379. data/lib/karafka/web/ui/views/ux/_headers.erb +2 -0
  380. data/lib/karafka/web/ui/views/ux/_icons.erb +9 -0
  381. data/lib/karafka/web/ui/views/ux/_pagination.erb +32 -0
  382. data/lib/karafka/web/ui/views/ux/_row_table.erb +52 -0
  383. data/lib/karafka/web/ui/views/ux/_status_rows.erb +65 -0
  384. data/lib/karafka/web/ui/views/ux/_tabs.erb +14 -0
  385. data/lib/karafka/web/ui/views/ux/_text.erb +2 -0
  386. data/lib/karafka/web/ui/views/ux/_topic_tiles.erb +42 -0
  387. data/lib/karafka/web/ui/views/ux/show.erb +19 -0
  388. data/lib/karafka/web/version.rb +1 -1
  389. data/lib/karafka/web.rb +2 -0
  390. data/package-lock.json +4163 -0
  391. data/package.json +15 -0
  392. data/postcss.config.js +6 -0
  393. data/tailwind.config.js +16 -0
  394. data.tar.gz.sig +0 -0
  395. metadata +209 -69
  396. metadata.gz.sig +1 -4
  397. data/certs/cert_chain.pem +0 -26
  398. data/lib/karafka/web/management/migrations/0_set_initial_consumers_metrics.rb +0 -36
  399. data/lib/karafka/web/management/migrations/0_set_initial_consumers_state.rb +0 -43
  400. data/lib/karafka/web/management/migrations/1699543515_fill_missing_received_and_sent_bytes_in_consumers_metrics.rb +0 -26
  401. data/lib/karafka/web/management/migrations/1699543515_fill_missing_received_and_sent_bytes_in_consumers_state.rb +0 -23
  402. data/lib/karafka/web/management/migrations/1700234522_introduce_waiting_in_consumers_metrics.rb +0 -24
  403. data/lib/karafka/web/management/migrations/1700234522_introduce_waiting_in_consumers_state.rb +0 -20
  404. data/lib/karafka/web/management/migrations/1700234522_remove_processing_from_consumers_metrics.rb +0 -24
  405. data/lib/karafka/web/management/migrations/1700234522_remove_processing_from_consumers_state.rb +0 -20
  406. data/lib/karafka/web/management/migrations/1704722380_split_listeners_into_active_and_paused_in_metrics.rb +0 -36
  407. data/lib/karafka/web/management/migrations/1704722380_split_listeners_into_active_and_paused_in_states.rb +0 -32
  408. data/lib/karafka/web/management/migrations/1706607960_introduce_lag_total_in_metrics.rb +0 -38
  409. data/lib/karafka/web/management/migrations/1706607960_introduce_lag_total_in_states.rb +0 -22
  410. data/lib/karafka/web/management/migrations/1706611396_rename_lag_total_to_lag_hybrid_in_metrics.rb +0 -36
  411. data/lib/karafka/web/management/migrations/1706611396_rename_lag_total_to_lag_hybrid_in_states.rb +0 -21
  412. data/lib/karafka/web/pro/ui/views/cluster/brokers.erb +0 -27
  413. data/lib/karafka/web/pro/ui/views/commands/_details.erb +0 -26
  414. data/lib/karafka/web/pro/ui/views/consumers/_counters.erb +0 -72
  415. data/lib/karafka/web/pro/ui/views/consumers/consumer/_title.erb +0 -5
  416. data/lib/karafka/web/pro/ui/views/errors/_title_with_select.erb +0 -31
  417. data/lib/karafka/web/pro/ui/views/explorer/message/_message_actions.erb +0 -18
  418. data/lib/karafka/web/pro/ui/views/explorer/message/_payload_actions.erb +0 -19
  419. data/lib/karafka/web/pro/ui/views/explorer/partition/_details.erb +0 -35
  420. data/lib/karafka/web/pro/ui/views/explorer/topic/_details.erb +0 -23
  421. data/lib/karafka/web/pro/ui/views/health/_consumer_group_header.erb +0 -14
  422. data/lib/karafka/web/ui/controllers/responses/deny.rb +0 -15
  423. data/lib/karafka/web/ui/helpers/alerts_helper.rb +0 -23
  424. data/lib/karafka/web/ui/lib/safe_runner.rb +0 -59
  425. data/lib/karafka/web/ui/models/visibility_filter.rb +0 -49
  426. data/lib/karafka/web/ui/public/javascripts/libs/bootstrap.min.js +0 -6
  427. data/lib/karafka/web/ui/public/javascripts/tabs_manager.js +0 -57
  428. data/lib/karafka/web/ui/public/stylesheets/libs/bootstrap.min.css +0 -6
  429. data/lib/karafka/web/ui/views/consumers/_counters.erb +0 -62
  430. data/lib/karafka/web/ui/views/errors/_watermark_offsets.erb +0 -10
  431. data/lib/karafka/web/ui/views/shared/_feature_pro.erb +0 -4
  432. data/lib/karafka/web/ui/views/shared/_footer.erb +0 -22
  433. data/lib/karafka/web/ui/views/shared/_live_poll.erb +0 -7
  434. /data/lib/karafka/web/management/migrations/{0_base.rb → base.rb} +0 -0
  435. /data/lib/karafka/web/ui/public/javascripts/{charts.js → components/charts.js} +0 -0
  436. /data/lib/karafka/web/ui/public/stylesheets/libs/{highlight.min.css → highlight_light.min.css} +0 -0
@@ -1,33 +1,22 @@
1
- <main>
2
- <div id="content">
3
- <div class="d-flex align-items-center justify-content-center vh-100">
4
-
5
- <div class="error-message text-center">
6
- <h1 class="display-1 fw-bold">Pro feature</h1>
7
-
8
- <p class="fs-3 md-5">
9
- <span class="text-danger">
10
- Oops!
11
- </span>
12
- This Web UI feature is available only to
13
- <a href="karafka.io/#become-pro" target="_blank">Pro</a>
14
- users.
1
+ <main class="flex items-center justify-center min-h-screen">
2
+ <div id="content" class="max-w-2xl w-full mx-auto">
3
+ <div class="flex items-center justify-center vh-100">
4
+ <div class="text-center">
5
+ <h1 class="text-8xl font-bold">Pro feature</h1>
6
+
7
+ <p class="text-3xl mt-10">
8
+ <span class="text-red-500">Oops!</span> This Web UI feature is available only to
9
+ <a href="https://karafka.io/#become-pro" target="_blank" class="text-blue-500 underline">Pro</a> users.
15
10
  </p>
16
11
 
17
- <div class="lead">
18
- <p class="mb-5">
19
- Open Source software is great, but it is only sometimes sustainable, especially for projects with high-quality expectations.
20
-
21
- Please help us make the Karafka ecosystem better by subscribing to our
22
- <a target="_blank" href="https://karafka.io/#become-pro">Pro</a>
23
- offering.
12
+ <div class="mt-10">
13
+ <p class="mb-10 text-lg font-light">
14
+ Open Source software is great, but it is only sometimes sustainable, especially for projects with high-quality expectations. Please help us make the Karafka ecosystem better by subscribing to our <a target="_blank" href="https://karafka.io/#become-pro" class="text-blue-500 underline">Pro</a> offering.
24
15
  </p>
25
16
 
26
- <p>
27
- Karafka Pro includes:
28
- </p>
17
+ <p class="text-lg font-light mb-5">Karafka Pro includes:</p>
29
18
 
30
- <ul class="mb-5 text-start">
19
+ <ul class="list-disc text-left text-lg mb-10 pl-5 font-light">
31
20
  <li>Enhanced Web UI with all the features</li>
32
21
  <li>Topics data explorer</li>
33
22
  <li>Enhanced metrics reporting</li>
@@ -39,12 +28,11 @@
39
28
  </ul>
40
29
 
41
30
  <p>
42
- <a href="<%= root_path %>" class="btn btn-primary">Go Home</a>
43
- <a href="https://karafka.io/#become-pro" class="btn btn-success" target="_blank">Become Pro!</a>
31
+ <a href="<%= root_path %>" class="btn btn-primary mr-2 rounded-md py-1">Go Home</a>
32
+ <a href="https://karafka.io/#become-pro" class="btn btn-success text-white rounded-md" target="_blank">Become Pro!</a>
44
33
  </p>
45
34
  </div>
46
35
  </div>
47
-
48
36
  </div>
49
37
  </div>
50
38
  </main>
@@ -0,0 +1,3 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6">
2
+ <path stroke-linecap="round" stroke-linejoin="round" d="M9 8.25H7.5a2.25 2.25 0 0 0-2.25 2.25v9a2.25 2.25 0 0 0 2.25 2.25h9a2.25 2.25 0 0 0 2.25-2.25v-9a2.25 2.25 0 0 0-2.25-2.25H15M9 12l3 3m0 0 3-3m-3 3V2.25" />
3
+ </svg>
@@ -0,0 +1,3 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6">
2
+ <path stroke-linecap="round" stroke-linejoin="round" d="M3 16.5v2.25A2.25 2.25 0 0 0 5.25 21h13.5A2.25 2.25 0 0 0 21 18.75V16.5M16.5 12 12 16.5m0 0L7.5 12m4.5 4.5V3" />
3
+ </svg>
@@ -0,0 +1,3 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6">
2
+ <path stroke-linecap="round" stroke-linejoin="round" d="M7.5 7.5h-.75A2.25 2.25 0 0 0 4.5 9.75v7.5a2.25 2.25 0 0 0 2.25 2.25h7.5a2.25 2.25 0 0 0 2.25-2.25v-7.5a2.25 2.25 0 0 0-2.25-2.25h-.75m-6 3.75 3 3m0 0 3-3m-3 3V1.5m6 9h.75a2.25 2.25 0 0 1 2.25 2.25v7.5a2.25 2.25 0 0 1-2.25 2.25h-7.5a2.25 2.25 0 0 1-2.25-2.25v-.75" />
3
+ </svg>
@@ -0,0 +1,3 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6">
2
+ <path stroke-linecap="round" stroke-linejoin="round" d="M19.5 12c0-1.232-.046-2.453-.138-3.662a4.006 4.006 0 0 0-3.7-3.7 48.678 48.678 0 0 0-7.324 0 4.006 4.006 0 0 0-3.7 3.7c-.017.22-.032.441-.046.662M19.5 12l3-3m-3 3-3-3m-12 3c0 1.232.046 2.453.138 3.662a4.006 4.006 0 0 0 3.7 3.7 48.656 48.656 0 0 0 7.324 0 4.006 4.006 0 0 0 3.7-3.7c.017-.22.032-.441.046-.662M4.5 12l3 3m-3-3-3 3" />
3
+ </svg>
@@ -0,0 +1,3 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6">
2
+ <path stroke-linecap="round" stroke-linejoin="round" d="m15 15 6-6m0 0-6-6m6 6H9a6 6 0 0 0 0 12h3" />
3
+ </svg>
@@ -0,0 +1,3 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6">
2
+ <path stroke-linecap="round" stroke-linejoin="round" d="M7.5 21 3 16.5m0 0L7.5 12M3 16.5h13.5m0-13.5L21 7.5m0 0L16.5 12M21 7.5H7.5" />
3
+ </svg>
@@ -0,0 +1,3 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6">
2
+ <path stroke-linecap="round" stroke-linejoin="round" d="M2.25 7.125C2.25 6.504 2.754 6 3.375 6h6c.621 0 1.125.504 1.125 1.125v3.75c0 .621-.504 1.125-1.125 1.125h-6a1.125 1.125 0 0 1-1.125-1.125v-3.75ZM14.25 8.625c0-.621.504-1.125 1.125-1.125h5.25c.621 0 1.125.504 1.125 1.125v8.25c0 .621-.504 1.125-1.125 1.125h-5.25a1.125 1.125 0 0 1-1.125-1.125v-8.25ZM3.75 16.125c0-.621.504-1.125 1.125-1.125h5.25c.621 0 1.125.504 1.125 1.125v2.25c0 .621-.504 1.125-1.125 1.125h-5.25a1.125 1.125 0 0 1-1.125-1.125v-2.25Z" />
3
+ </svg>
@@ -0,0 +1,3 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6">
2
+ <path stroke-linecap="round" stroke-linejoin="round" d="M12 6.042A8.967 8.967 0 0 0 6 3.75c-1.052 0-2.062.18-3 .512v14.25A8.987 8.987 0 0 1 6 18c2.305 0 4.408.867 6 2.292m0-14.25a8.966 8.966 0 0 1 6-2.292c1.052 0 2.062.18 3 .512v14.25A8.987 8.987 0 0 0 18 18a8.967 8.967 0 0 0-6 2.292m0-14.25v14.25" />
3
+ </svg>
@@ -0,0 +1,3 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6">
2
+ <path stroke-linecap="round" stroke-linejoin="round" d="M12 12.75c1.148 0 2.278.08 3.383.237 1.037.146 1.866.966 1.866 2.013 0 3.728-2.35 6.75-5.25 6.75S6.75 18.728 6.75 15c0-1.046.83-1.867 1.866-2.013A24.204 24.204 0 0 1 12 12.75Zm0 0c2.883 0 5.647.508 8.207 1.44a23.91 23.91 0 0 1-1.152 6.06M12 12.75c-2.883 0-5.647.508-8.208 1.44.125 2.104.52 4.136 1.153 6.06M12 12.75a2.25 2.25 0 0 0 2.248-2.354M12 12.75a2.25 2.25 0 0 1-2.248-2.354M12 8.25c.995 0 1.971-.08 2.922-.236.403-.066.74-.358.795-.762a3.778 3.778 0 0 0-.399-2.25M12 8.25c-.995 0-1.97-.08-2.922-.236-.402-.066-.74-.358-.795-.762a3.734 3.734 0 0 1 .4-2.253M12 8.25a2.25 2.25 0 0 0-2.248 2.146M12 8.25a2.25 2.25 0 0 1 2.248 2.146M8.683 5a6.032 6.032 0 0 1-1.155-1.002c.07-.63.27-1.222.574-1.747m.581 2.749A3.75 3.75 0 0 1 15.318 5m0 0c.427-.283.815-.62 1.155-.999a4.471 4.471 0 0 0-.575-1.752M4.921 6a24.048 24.048 0 0 0-.392 3.314c1.668.546 3.416.914 5.223 1.082M19.08 6c.205 1.08.337 2.187.392 3.314a23.882 23.882 0 0 1-5.223 1.082" />
3
+ </svg>
@@ -0,0 +1,14 @@
1
+ <svg
2
+ xmlns="http://www.w3.org/2000/svg"
3
+ fill="none"
4
+ viewBox="0 0 24 24"
5
+ stroke-width="1.5"
6
+ stroke="currentColor"
7
+ class="size-6">
8
+
9
+ <path
10
+ stroke-linecap="round"
11
+ stroke-linejoin="round"
12
+ d="M3.75 6.75h16.5M3.75 12h16.5m-16.5 5.25h16.5"
13
+ />
14
+ </svg>
@@ -0,0 +1,3 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6">
2
+ <path stroke-linecap="round" stroke-linejoin="round" d="M6.75 3v2.25M17.25 3v2.25M3 18.75V7.5a2.25 2.25 0 0 1 2.25-2.25h13.5A2.25 2.25 0 0 1 21 7.5v11.25m-18 0A2.25 2.25 0 0 0 5.25 21h13.5A2.25 2.25 0 0 0 21 18.75m-18 0v-7.5A2.25 2.25 0 0 1 5.25 9h13.5A2.25 2.25 0 0 1 21 11.25v7.5m-9-6h.008v.008H12v-.008ZM12 15h.008v.008H12V15Zm0 2.25h.008v.008H12v-.008ZM9.75 15h.008v.008H9.75V15Zm0 2.25h.008v.008H9.75v-.008ZM7.5 15h.008v.008H7.5V15Zm0 2.25h.008v.008H7.5v-.008Zm6.75-4.5h.008v.008h-.008v-.008Zm0 2.25h.008v.008h-.008V15Zm0 2.25h.008v.008h-.008v-.008Zm2.25-4.5h.008v.008H16.5v-.008Zm0 2.25h.008v.008H16.5V15Z" />
3
+ </svg>
@@ -0,0 +1,3 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6">
2
+ <path stroke-linecap="round" stroke-linejoin="round" d="M3 13.125C3 12.504 3.504 12 4.125 12h2.25c.621 0 1.125.504 1.125 1.125v6.75C7.5 20.496 6.996 21 6.375 21h-2.25A1.125 1.125 0 0 1 3 19.875v-6.75ZM9.75 8.625c0-.621.504-1.125 1.125-1.125h2.25c.621 0 1.125.504 1.125 1.125v11.25c0 .621-.504 1.125-1.125 1.125h-2.25a1.125 1.125 0 0 1-1.125-1.125V8.625ZM16.5 4.125c0-.621.504-1.125 1.125-1.125h2.25C20.496 3 21 3.504 21 4.125v15.75c0 .621-.504 1.125-1.125 1.125h-2.25a1.125 1.125 0 0 1-1.125-1.125V4.125Z" />
3
+ </svg>
@@ -0,0 +1,3 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6">
2
+ <path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5" />
3
+ </svg>
@@ -0,0 +1,3 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6">
2
+ <path stroke-linecap="round" stroke-linejoin="round" d="M9 12.75 11.25 15 15 9.75M21 12c0 1.268-.63 2.39-1.593 3.068a3.745 3.745 0 0 1-1.043 3.296 3.745 3.745 0 0 1-3.296 1.043A3.745 3.745 0 0 1 12 21c-1.268 0-2.39-.63-3.068-1.593a3.746 3.746 0 0 1-3.296-1.043 3.745 3.745 0 0 1-1.043-3.296A3.745 3.745 0 0 1 3 12c0-1.268.63-2.39 1.593-3.068a3.745 3.745 0 0 1 1.043-3.296 3.746 3.746 0 0 1 3.296-1.043A3.746 3.746 0 0 1 12 3c1.268 0 2.39.63 3.068 1.593a3.746 3.746 0 0 1 3.296 1.043 3.746 3.746 0 0 1 1.043 3.296A3.745 3.745 0 0 1 21 12Z" />
3
+ </svg>
@@ -0,0 +1,3 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6">
2
+ <path stroke-linecap="round" stroke-linejoin="round" d="M9 12.75 11.25 15 15 9.75M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z" />
3
+ </svg>
@@ -0,0 +1,3 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6">
2
+ <path stroke-linecap="round" stroke-linejoin="round" d="M20.25 6.375c0 2.278-3.694 4.125-8.25 4.125S3.75 8.653 3.75 6.375m16.5 0c0-2.278-3.694-4.125-8.25-4.125S3.75 4.097 3.75 6.375m16.5 0v11.25c0 2.278-3.694 4.125-8.25 4.125s-8.25-1.847-8.25-4.125V6.375m16.5 0v3.75m-16.5-3.75v3.75m16.5 0v3.75C20.25 16.153 16.556 18 12 18s-8.25-1.847-8.25-4.125v-3.75m16.5 0c0 2.278-3.694 4.125-8.25 4.125s-8.25-1.847-8.25-4.125" />
3
+ </svg>
@@ -0,0 +1,3 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6">
2
+ <path stroke-linecap="round" stroke-linejoin="round" d="M8.25 3v1.5M4.5 8.25H3m18 0h-1.5M4.5 12H3m18 0h-1.5m-15 3.75H3m18 0h-1.5M8.25 19.5V21M12 3v1.5m0 15V21m3.75-18v1.5m0 15V21m-9-1.5h10.5a2.25 2.25 0 0 0 2.25-2.25V6.75a2.25 2.25 0 0 0-2.25-2.25H6.75A2.25 2.25 0 0 0 4.5 6.75v10.5a2.25 2.25 0 0 0 2.25 2.25Zm.75-12h9v9h-9v-9Z" />
3
+ </svg>
@@ -0,0 +1,3 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6">
2
+ <path stroke-linecap="round" stroke-linejoin="round" d="M19.5 14.25v-2.625a3.375 3.375 0 0 0-3.375-3.375h-1.5A1.125 1.125 0 0 1 13.5 7.125v-1.5a3.375 3.375 0 0 0-3.375-3.375H8.25m5.231 13.481L15 17.25m-4.5-15H5.625c-.621 0-1.125.504-1.125 1.125v16.5c0 .621.504 1.125 1.125 1.125h12.75c.621 0 1.125-.504 1.125-1.125V11.25a9 9 0 0 0-9-9Zm3.75 11.625a2.625 2.625 0 1 1-5.25 0 2.625 2.625 0 0 1 5.25 0Z" />
3
+ </svg>
@@ -0,0 +1,3 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6">
2
+ <path stroke-linecap="round" stroke-linejoin="round" d="M12 9v3.75m-9.303 3.376c-.866 1.5.217 3.374 1.948 3.374h14.71c1.73 0 2.813-1.874 1.948-3.374L13.949 3.378c-.866-1.5-3.032-1.5-3.898 0L2.697 16.126ZM12 15.75h.007v.008H12v-.008Z" />
3
+ </svg>
@@ -0,0 +1,4 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6">
2
+ <path stroke-linecap="round" stroke-linejoin="round" d="M2.036 12.322a1.012 1.012 0 0 1 0-.639C3.423 7.51 7.36 4.5 12 4.5c4.638 0 8.573 3.007 9.963 7.178.07.207.07.431 0 .639C20.577 16.49 16.64 19.5 12 19.5c-4.638 0-8.573-3.007-9.963-7.178Z" />
3
+ <path stroke-linecap="round" stroke-linejoin="round" d="M15 12a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z" />
4
+ </svg>
@@ -0,0 +1,4 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6">
2
+ <path stroke-linecap="round" stroke-linejoin="round" d="M9.594 3.94c.09-.542.56-.94 1.11-.94h2.593c.55 0 1.02.398 1.11.94l.213 1.281c.063.374.313.686.645.87.074.04.147.083.22.127.325.196.72.257 1.075.124l1.217-.456a1.125 1.125 0 0 1 1.37.49l1.296 2.247a1.125 1.125 0 0 1-.26 1.431l-1.003.827c-.293.241-.438.613-.43.992a7.723 7.723 0 0 1 0 .255c-.008.378.137.75.43.991l1.004.827c.424.35.534.955.26 1.43l-1.298 2.247a1.125 1.125 0 0 1-1.369.491l-1.217-.456c-.355-.133-.75-.072-1.076.124a6.47 6.47 0 0 1-.22.128c-.331.183-.581.495-.644.869l-.213 1.281c-.09.543-.56.94-1.11.94h-2.594c-.55 0-1.019-.398-1.11-.94l-.213-1.281c-.062-.374-.312-.686-.644-.87a6.52 6.52 0 0 1-.22-.127c-.325-.196-.72-.257-1.076-.124l-1.217.456a1.125 1.125 0 0 1-1.369-.49l-1.297-2.247a1.125 1.125 0 0 1 .26-1.431l1.004-.827c.292-.24.437-.613.43-.991a6.932 6.932 0 0 1 0-.255c.007-.38-.138-.751-.43-.992l-1.004-.827a1.125 1.125 0 0 1-.26-1.43l1.297-2.247a1.125 1.125 0 0 1 1.37-.491l1.216.456c.356.133.751.072 1.076-.124.072-.044.146-.086.22-.128.332-.183.582-.495.644-.869l.214-1.28Z" />
3
+ <path stroke-linecap="round" stroke-linejoin="round" d="M15 12a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z" />
4
+ </svg>
@@ -0,0 +1,13 @@
1
+ <svg
2
+ xmlns="http://www.w3.org/2000/svg"
3
+ width="24"
4
+ height="24"
5
+ viewBox="0 0 24 24"
6
+ fill="none"
7
+ stroke="currentColor"
8
+ stroke-width="2"
9
+ stroke-linecap="round"
10
+ stroke-linejoin="round"
11
+ >
12
+ <path d="M9 19c-4.3 1.4 -4.3 -2.5 -6 -3m12 5v-3.5c0 -1 .1 -1.4 -.5 -2c2.8 -.3 5.5 -1.4 5.5 -6a4.6 4.6 0 0 0 -1.3 -3.2a4.2 4.2 0 0 0 -.1 -3.2s-1.1 -.3 -3.5 1.3a12.3 12.3 0 0 0 -6.2 0c-2.4 -1.6 -3.5 -1.3 -3.5 -1.3a4.2 4.2 0 0 0 -.1 3.2a4.6 4.6 0 0 0 -1.3 3.2c0 4.6 2.7 5.7 5.5 6c-.6 .6 -.6 1.2 -.5 2v3.5" />
13
+ </svg>
@@ -0,0 +1,3 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6">
2
+ <path stroke-linecap="round" stroke-linejoin="round" d="M12 21a9.004 9.004 0 0 0 8.716-6.747M12 21a9.004 9.004 0 0 1-8.716-6.747M12 21c2.485 0 4.5-4.03 4.5-9S14.485 3 12 3m0 18c-2.485 0-4.5-4.03-4.5-9S9.515 3 12 3m0 0a8.997 8.997 0 0 1 7.843 4.582M12 3a8.997 8.997 0 0 0-7.843 4.582m15.686 0A11.953 11.953 0 0 1 12 10.5c-2.998 0-5.74-1.1-7.843-2.918m15.686 0A8.959 8.959 0 0 1 21 12c0 .778-.099 1.533-.284 2.253m0 0A17.919 17.919 0 0 1 12 16.5c-3.162 0-6.133-.815-8.716-2.247m0 0A9.015 9.015 0 0 1 3 12c0-1.605.42-3.113 1.157-4.418" />
3
+ </svg>
@@ -0,0 +1,3 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6">
2
+ <path stroke-linecap="round" stroke-linejoin="round" d="M21 8.25c0-2.485-2.099-4.5-4.688-4.5-1.935 0-3.597 1.126-4.312 2.733-.715-1.607-2.377-2.733-4.313-2.733C5.1 3.75 3 5.765 3 8.25c0 7.22 9 12 9 12s9-4.78 9-12Z" />
3
+ </svg>
@@ -0,0 +1,3 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6">
2
+ <path stroke-linecap="round" stroke-linejoin="round" d="m2.25 12 8.954-8.955c.44-.439 1.152-.439 1.591 0L21.75 12M4.5 9.75v10.125c0 .621.504 1.125 1.125 1.125H9.75v-4.875c0-.621.504-1.125 1.125-1.125h2.25c.621 0 1.125.504 1.125 1.125V21h4.125c.621 0 1.125-.504 1.125-1.125V9.75M8.25 21h8.25" />
3
+ </svg>
@@ -0,0 +1,3 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6">
2
+ <path stroke-linecap="round" stroke-linejoin="round" d="m11.25 11.25.041-.02a.75.75 0 0 1 1.063.852l-.708 2.836a.75.75 0 0 0 1.063.853l.041-.021M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Zm-9-3.75h.008v.008H12V8.25Z" />
3
+ </svg>
@@ -0,0 +1,3 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6">
2
+ <path stroke-linecap="round" stroke-linejoin="round" d="M16.712 4.33a9.027 9.027 0 0 1 1.652 1.306c.51.51.944 1.064 1.306 1.652M16.712 4.33l-3.448 4.138m3.448-4.138a9.014 9.014 0 0 0-9.424 0M19.67 7.288l-4.138 3.448m4.138-3.448a9.014 9.014 0 0 1 0 9.424m-4.138-5.976a3.736 3.736 0 0 0-.88-1.388 3.737 3.737 0 0 0-1.388-.88m2.268 2.268a3.765 3.765 0 0 1 0 2.528m-2.268-4.796a3.765 3.765 0 0 0-2.528 0m4.796 4.796c-.181.506-.475.982-.88 1.388a3.736 3.736 0 0 1-1.388.88m2.268-2.268 4.138 3.448m0 0a9.027 9.027 0 0 1-1.306 1.652c-.51.51-1.064.944-1.652 1.306m0 0-3.448-4.138m3.448 4.138a9.014 9.014 0 0 1-9.424 0m5.976-4.138a3.765 3.765 0 0 1-2.528 0m0 0a3.736 3.736 0 0 1-1.388-.88 3.737 3.737 0 0 1-.88-1.388m2.268 2.268L7.288 19.67m0 0a9.024 9.024 0 0 1-1.652-1.306 9.027 9.027 0 0 1-1.306-1.652m0 0 4.138-3.448M4.33 16.712a9.014 9.014 0 0 1 0-9.424m4.138 5.976a3.765 3.765 0 0 1 0-2.528m0 0c.181-.506.475-.982.88-1.388a3.736 3.736 0 0 1 1.388-.88m-2.268 2.268L4.33 7.288m6.406 1.18L7.288 4.33m0 0a9.024 9.024 0 0 0-1.652 1.306A9.025 9.025 0 0 0 4.33 7.288" />
3
+ </svg>
@@ -0,0 +1,3 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6">
2
+ <path stroke-linecap="round" stroke-linejoin="round" d="M12 18v-5.25m0 0a6.01 6.01 0 0 0 1.5-.189m-1.5.189a6.01 6.01 0 0 1-1.5-.189m3.75 7.478a12.06 12.06 0 0 1-4.5 0m3.75 2.383a14.406 14.406 0 0 1-3 0M14.25 18v-.192c0-.983.658-1.823 1.508-2.316a7.5 7.5 0 1 0-7.517 0c.85.493 1.509 1.333 1.509 2.316V18" />
3
+ </svg>
@@ -0,0 +1,3 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6">
2
+ <path stroke-linecap="round" stroke-linejoin="round" d="M8.25 6.75h12M8.25 12h12m-12 5.25h12M3.75 6.75h.007v.008H3.75V6.75Zm.375 0a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0ZM3.75 12h.007v.008H3.75V12Zm.375 0a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0Zm-.375 5.25h.007v.008H3.75v-.008Zm.375 0a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0Z" />
3
+ </svg>
@@ -0,0 +1,3 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6">
2
+ <path stroke-linecap="round" stroke-linejoin="round" d="m21 21-5.197-5.197m0 0A7.5 7.5 0 1 0 5.196 5.196a7.5 7.5 0 0 0 10.607 10.607Z" />
3
+ </svg>
@@ -0,0 +1,3 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6">
2
+ <path stroke-linecap="round" stroke-linejoin="round" d="M21.752 15.002A9.72 9.72 0 0 1 18 15.75c-5.385 0-9.75-4.365-9.75-9.75 0-1.33.266-2.597.748-3.752A9.753 9.753 0 0 0 3 11.25C3 16.635 7.365 21 12.75 21a9.753 9.753 0 0 0 9.002-5.998Z" />
3
+ </svg>
@@ -0,0 +1,3 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6">
2
+ <path stroke-linecap="round" stroke-linejoin="round" d="M2.25 21h19.5m-18-18v18m10.5-18v18m6-13.5V21M6.75 6.75h.75m-.75 3h.75m-.75 3h.75m3-6h.75m-.75 3h.75m-.75 3h.75M6.75 21v-3.375c0-.621.504-1.125 1.125-1.125h2.25c.621 0 1.125.504 1.125 1.125V21M3 3h12m-.75 4.5H21m-3.75 3.75h.008v.008h-.008v-.008Zm0 3h.008v.008h-.008v-.008Zm0 3h.008v.008h-.008v-.008Z" />
3
+ </svg>
@@ -0,0 +1,3 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6">
2
+ <path stroke-linecap="round" stroke-linejoin="round" d="M15.75 5.25v13.5m-7.5-13.5v13.5" />
3
+ </svg>
@@ -0,0 +1,3 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6">
2
+ <path stroke-linecap="round" stroke-linejoin="round" d="M14.25 9v6m-4.5 0V9M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z" />
3
+ </svg>
@@ -0,0 +1,3 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6">
2
+ <path stroke-linecap="round" stroke-linejoin="round" d="M5.25 5.653c0-.856.917-1.398 1.667-.986l11.54 6.347a1.125 1.125 0 0 1 0 1.972l-11.54 6.347a1.125 1.125 0 0 1-1.667-.986V5.653Z" />
3
+ </svg>
@@ -0,0 +1,4 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6">
2
+ <path stroke-linecap="round" stroke-linejoin="round" d="M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z" />
3
+ <path stroke-linecap="round" stroke-linejoin="round" d="M15.91 11.672a.375.375 0 0 1 0 .656l-5.603 3.113a.375.375 0 0 1-.557-.328V8.887c0-.286.307-.466.557-.327l5.603 3.112Z" />
4
+ </svg>
@@ -0,0 +1,3 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6">
2
+ <path stroke-linecap="round" stroke-linejoin="round" d="M9.879 7.519c1.171-1.025 3.071-1.025 4.242 0 1.172 1.025 1.172 2.687 0 3.712-.203.179-.43.326-.67.442-.745.361-1.45.999-1.45 1.827v.75M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Zm-9 5.25h.008v.008H12v-.008Z" />
3
+ </svg>
@@ -0,0 +1,3 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6">
2
+ <path stroke-linecap="round" stroke-linejoin="round" d="M3.75 12h16.5m-16.5 3.75h16.5M3.75 19.5h16.5M5.625 4.5h12.75a1.875 1.875 0 0 1 0 3.75H5.625a1.875 1.875 0 0 1 0-3.75Z" />
3
+ </svg>
@@ -0,0 +1,3 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6">
2
+ <path stroke-linecap="round" stroke-linejoin="round" d="M16.023 9.348h4.992v-.001M2.985 19.644v-4.992m0 0h4.992m-4.993 0 3.181 3.183a8.25 8.25 0 0 0 13.803-3.7M4.031 9.865a8.25 8.25 0 0 1 13.803-3.7l3.181 3.182m0-4.991v4.99" />
3
+ </svg>
@@ -0,0 +1,16 @@
1
+ <svg
2
+ xmlns="http://www.w3.org/2000/svg"
3
+ width="24"
4
+ height="24"
5
+ viewBox="0 0 24 24"
6
+ fill="none"
7
+ stroke="currentColor"
8
+ stroke-width="2"
9
+ stroke-linecap="round"
10
+ stroke-linejoin="round"
11
+ >
12
+ <path d="M12 12v-6a2 2 0 0 1 4 0v6m0 -2a2 2 0 1 1 2 2h-6" />
13
+ <path d="M12 12h6a2 2 0 0 1 0 4h-6m2 0a2 2 0 1 1 -2 2v-6" />
14
+ <path d="M12 12v6a2 2 0 0 1 -4 0v-6m0 2a2 2 0 1 1 -2 -2h6" />
15
+ <path d="M12 12h-6a2 2 0 0 1 0 -4h6m-2 0a2 2 0 1 1 2 -2v6" />
16
+ </svg>
@@ -0,0 +1,3 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6">
2
+ <path stroke-linecap="round" stroke-linejoin="round" d="M5.25 7.5A2.25 2.25 0 0 1 7.5 5.25h9a2.25 2.25 0 0 1 2.25 2.25v9a2.25 2.25 0 0 1-2.25 2.25h-9a2.25 2.25 0 0 1-2.25-2.25v-9Z" />
3
+ </svg>
@@ -0,0 +1,3 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6">
2
+ <path stroke-linecap="round" stroke-linejoin="round" d="M12 3v2.25m6.364.386-1.591 1.591M21 12h-2.25m-.386 6.364-1.591-1.591M12 18.75V21m-4.773-4.227-1.591 1.591M5.25 12H3m4.227-4.773L5.636 5.636M15.75 12a3.75 3.75 0 1 1-7.5 0 3.75 3.75 0 0 1 7.5 0Z" />
3
+ </svg>
@@ -0,0 +1,3 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6">
2
+ <path stroke-linecap="round" stroke-linejoin="round" d="m9.75 9.75 4.5 4.5m0-4.5-4.5 4.5M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z" />
3
+ </svg>
@@ -0,0 +1,3 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6">
2
+ <path stroke-linecap="round" stroke-linejoin="round" d="M6 18 18 6M6 6l12 12" />
3
+ </svg>
@@ -1,4 +1,4 @@
1
- <li class="breadcrumb-item">
1
+ <li>
2
2
  <a href="<%= root_path('status') %>">
3
3
  Web UI status details
4
4
  </a>
@@ -1,14 +1,3 @@
1
- <div class="card border-danger mb-3">
2
- <div class="card-header text-bg-danger">
3
- <span>
4
- <%= title %>
5
- </span>
6
-
7
- <span class="float-end">
8
- <span class="badge text-bg-light">Failure</span>
9
- </span>
10
- </div>
11
- <div class="card-body">
12
- <%== description %>
13
- </div>
1
+ <div class="mb-3">
2
+ <% alert_box_error(title, description) %>
14
3
  </div>
@@ -1,11 +1,3 @@
1
- <div class="card text-bg-secondary mb-3">
2
- <div class="card-header">
3
- <span>
4
- <%= title %>
5
- </span>
6
-
7
- <span class="float-end">
8
- <span class="badge text-bg-light">Halted</span>
9
- </span>
10
- </div>
1
+ <div class="mb-3">
2
+ <%== alert_secondary title %>
11
3
  </div>
@@ -1,14 +1,3 @@
1
- <div class="card text-bg-alt mb-3">
2
- <div class="card-header">
3
- <span>
4
- <%= title %>
5
- </span>
6
-
7
- <span class="float-end">
8
- <span class="badge text-bg-secondary">Info</span>
9
- </span>
10
- </div>
11
- <div class="card-body">
12
- <%== description %>
13
- </div>
1
+ <div class="mb-3">
2
+ <% alert_box_info(title, description) %>
14
3
  </div>
@@ -1,11 +1,3 @@
1
- <div class="card text-bg-success mb-3">
2
- <div class="card-header">
3
- <span>
4
- <%= title %>
5
- </span>
6
-
7
- <span class="float-end">
8
- <span class="badge text-bg-light">Successful</span>
9
- </span>
10
- </div>
1
+ <div class=" mb-3">
2
+ <%== alert_success(title) %>
11
3
  </div>
@@ -1,14 +1,3 @@
1
- <div class="card border-warning mb-3">
2
- <div class="card-header text-bg-warning">
3
- <span>
4
- <%= title %>
5
- </span>
6
-
7
- <span class="float-end">
8
- <span class="badge text-bg-light">Warning</span>
9
- </span>
10
- </div>
11
- <div class="card-body">
12
- <%== description %>
13
- </div>
1
+ <div class="mb-3">
2
+ <% alert_box_warning(title, description) %>
14
3
  </div>
@@ -1,7 +1,7 @@
1
- <p>
1
+ <p class="mb-2">
2
2
  Web UI was not able to establish a connection with the Kafka cluster.
3
3
  </p>
4
4
 
5
- <p class="mb-0">
5
+ <p>
6
6
  Please make sure that Web UI can reach Kafka.
7
7
  </p>
@@ -1,11 +1,11 @@
1
- <p>
1
+ <p class="mb-2">
2
2
  At least one consumer report appears to be corrupted.
3
3
  </p>
4
4
 
5
- <p>
5
+ <p class="mb-2">
6
6
  This issue typically arises when invalid messages have been sent to the Karafka consumers' reports topic or when the topic has been populated with data from a newer Karafka Web UI without updating it.
7
7
  </p>
8
8
 
9
- <p class="mb-0">
9
+ <p>
10
10
  To resolve this, please first attempt to upgrade the Karafka Web UI. If the problem persists, execute <code>bundle exec karafka-web reset</code> to reset the Web UI.
11
11
  </p>
@@ -1,15 +1,15 @@
1
- <p>
1
+ <p class="mb-2">
2
2
  Incompatible consumer reports detected.
3
3
  </p>
4
4
 
5
- <p>
5
+ <p class="mb-2">
6
6
  It means that the <code>karafka server</code> process responsible for Web-UI state materialization runs under an older version than the one that sends reports. This process stopped processing incoming reports and the Web-UI data will not be refreshed until the problem is resolved.
7
7
  </p>
8
8
 
9
- <p>
9
+ <p class="mb-2">
10
10
  To fix this, you must ensure that all the <code>karafka server</code> processes run using the same <code>karafka-web</code> version.
11
11
  </p>
12
12
 
13
- <p class="mb-0">
13
+ <p>
14
14
  Please note that this should not cause any dashboard metrics losses. Once it is resolved, Karafka Web-UI will catch up.
15
15
  </p>
@@ -1,8 +1,8 @@
1
- <p>
1
+ <p class="mb-2">
2
2
  Karafka Web-UI is not part of your <code>karafka.rb</code>.
3
3
  </p>
4
4
 
5
- <p class="mb-0">
5
+ <p>
6
6
  Please follow the
7
7
  <a href="https://karafka.io/docs/Web-UI-Getting-Started/">setup instructions</a> and make sure that Karafka Web-UI is enabled.
8
8
  </p>
@@ -1,25 +1,25 @@
1
1
  <% if details[:issue_type] == :deserialization %>
2
- <p>
2
+ <p class="mb-2">
3
3
  The initial state of the consumers metrics appears to be corrupted.
4
4
  </p>
5
5
 
6
- <p>
6
+ <p class="mb-2">
7
7
  This issue typically arises when invalid messages have been sent to the Karafka consumers' metrics topic or when the topic has been populated with data from a newer Karafka Web UI without updating it.
8
8
  </p>
9
9
 
10
- <p class="mb-0">
10
+ <p>
11
11
  To resolve this, please first attempt to upgrade the Karafka Web UI. If the problem persists, execute <code>bundle exec karafka-web reset</code> to reset the Web UI.
12
12
  </p>
13
13
  <% else %>
14
- <p>
14
+ <p class="mb-2">
15
15
  The initial consumers metrics for the Web UI were not created.
16
16
  </p>
17
17
 
18
- <p>
18
+ <p class="mb-2">
19
19
  It means that the <code>bundle exec karafka-web migrate</code> was not executed or failed.
20
20
  </p>
21
21
 
22
- <p class="mb-0">
22
+ <p>
23
23
  To fix this, you need to ensure that the <code>bundle exec karafka-web migrate</code> runs successfully.
24
24
  </p>
25
25
  <% end %>
@@ -1,25 +1,25 @@
1
1
  <% if details[:issue_type] == :deserialization %>
2
- <p>
2
+ <p class="mb-2">
3
3
  The initial state of the consumers appears to be corrupted.
4
4
  </p>
5
5
 
6
- <p>
6
+ <p class="mb-2">
7
7
  This issue typically arises when invalid messages have been sent to the Karafka consumers' state topic or when the topic has been populated with data from a newer Karafka Web UI without updating it.
8
8
  </p>
9
9
 
10
- <p class="mb-0">
10
+ <p>
11
11
  To resolve this, please first attempt to upgrade the Karafka Web UI. If the problem persists, execute <code>bundle exec karafka-web reset</code> to reset the Web UI.
12
12
  </p>
13
13
  <% else %>
14
- <p>
14
+ <p class="mb-2">
15
15
  The initial consumers state for the Web UI was not created.
16
16
  </p>
17
17
 
18
- <p>
18
+ <p class="mb-2">
19
19
  It means that the <code>bundle exec karafka-web migrate</code> was not executed or failed.
20
20
  </p>
21
21
 
22
- <p class="mb-0">
22
+ <p>
23
23
  To fix this, you need to ensure that the <code>bundle exec karafka-web migrate</code> runs successfully.
24
24
  </p>
25
25
  <% end %>
@@ -1,7 +1,7 @@
1
- <p>
1
+ <p class="mb-2">
2
2
  There are no Karafka consumer processes actively reporting to the Web UI.
3
3
  </p>
4
4
 
5
- <p class="mb-0">
5
+ <p>
6
6
  If you are sure you are running at least one <code>karafka server</code> instance, please make sure that it can report to the <code><%= Karafka::Web.config.topics.consumers.reports %></code> topic.
7
7
  </p>
@@ -0,0 +1,11 @@
1
+ <p class="mb-2">
2
+ The Web UI consumer is experiencing a significant lag in materializing and refreshing system states.
3
+ </p>
4
+
5
+ <p class="mb-2">
6
+ This usually indicates that the consumer process assigned to handle Web UI data is under heavy load. To prevent such issues, consider moving this consumer into a dedicated process responsible solely for managing the Web UI.
7
+ </p>
8
+
9
+ <p>
10
+ Currently, the reporting is lagging by at least <strong><%= details[:lag].round %></strong> seconds.
11
+ </p>