kaui 4.0.24 → 4.0.25

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 19115a4ca850dfd755598a560dc66e96b00694f00b305e057260fd6b13c57e3d
-  data.tar.gz: 9780699cd5e97d8c6887b3e0c200d968a11e644afd5496c58829277d558a28bc
+  metadata.gz: 908a750ff22253e88a65a7330cd770b76335a4a334435c119730259ec0d34e92
+  data.tar.gz: b74d7a880dcf04a21a890b617c5584115eb03376d38659cb261125b80af51f29
 SHA512:
-  metadata.gz: 8bcf2e6e322833277c4d305aca8621bf4495cc6443961af0a565bf7da0d6efdb5892d8b66ac31e820f08953d221ad54b309018fbd3d088032e211ea73d51abd9
-  data.tar.gz: e1a44d558e7b996185be6a79cca68fb2eecb4e200f2affff7e5de3ccf0ca6a38f78d0ffdc814c67f3ab794585e6d7b4c4604dfe06ea77e7b7bc86360e229273e
+  metadata.gz: bda938be812b9b0902d96ca7524e35283b00cb50654bfaffeeea41bf8dc6a1eaa021ee01c81fd0e7fb4b76adbc9652e52bee2ae07422f9763fe955198238bd02
+  data.tar.gz: 3e004500ec5e7c98f216c9642612537daa77373599a1b0c987d64cb4d33867a19e5cb0eda628ecec26e5eb58c8da2170ca152cbf5b7473469ccc17be6f98e6b3

data/app/assets/stylesheets/kaui/auth_pages.css

@@ -2,6 +2,15 @@
   min-height: 100vh;
   width: 100%;
   background-color: #fff;
+  overflow: hidden;
+}
+
+.auth-container .centered-absolute {
+  position: relative;
+  top: 0;
+  left: 0;
+  transform: none;
+  margin: 1.5rem auto 0;
 }
 
 .auth-form-container {

data/app/assets/stylesheets/kaui/kaui.css

@@ -16,209 +16,3 @@
     image-url("glyphicons-halflings-regular.ttf") format("truetype"),
     image-url("glyphicons-halflings-regular.svg#glyphicons_halflingsregular") format("svg");
 }
-
-.tag-bar {
-  border-bottom: 0.0625rem solid #ddd;
-  margin-bottom: 0;
-  position: relative;
-}
-
-.tag-bar .tag-select {
-  display: inline-block;
-  vertical-align: middle;
-}
-
-@media (max-width: 28.125rem) {
-  .tag-bar .tag-select {
-    width: 35%;
-  }
-}
-
-.tag-bar .tag-select span {
-  padding: 0.3125rem 1.25rem;
-  text-align: center;
-  display: block;
-  border-right: 0.0625rem solid #ddd;
-}
-
-@media (max-width: 48rem) {
-  .tag-bar .tag-select span {
-    border: 0;
-  }
-}
-
-.tag-bar .tag-select span i {
-  margin: 0 0.3125rem;
-  color: #515151;
-  font-size: 1rem;
-}
-
-.tag-bar .tag-select span i.fa-caret-down {
-  color: #999999;
-  font-size: 0.75rem;
-}
-
-.tag-bar .tag-select span i.fa-tag {
-  font-size: 1.125rem;
-}
-
-.tag-bar .tag-select span i.fa-money,
-.tag-bar .tag-select span i.fa-credit-card {
-  font-size: 1rem;
-}
-
-.tag-bar .tag-select:hover .tag-select-box {
-  max-height: 31.25rem;
-  padding: 1.25rem 1.5625rem;
-  border: 0.0625rem solid #ddd;
-  box-shadow: 0.0625rem 0.1875rem 0.125rem rgba(0, 0, 0, 0.11);
-}
-
-.tag-bar .tag-select .tag-select-box {
-  position: absolute;
-  top: 100%;
-  left: -0.0625rem;
-  max-height: 0;
-  background-color: #fff;
-  z-index: 100;
-  padding: 0 0.9375rem;
-  font-size: 0.75rem;
-  color: #999999;
-  overflow: auto;
-  width: auto;
-  border-bottom: 0;
-  display: inline-block;
-}
-
-@media (max-width: 48rem) {
-  .tag-bar .tag-select .tag-select-box {
-    border: 0;
-  }
-}
-
-.tag-bar .tag-select .tag-select-box strong {
-  display: block;
-  font-weight: 400;
-  margin: 0 0 0.625rem;
-}
-
-.tag-bar .tag-select .tag-select-box form {
-  display: inline-block;
-  width: 13.125rem;
-}
-
-.tag-bar .tag-select .tag-select-box input[type="checkbox"] {
-  display: inline-block;
-  width: 9%;
-  margin: 0 1% 0 0;
-  line-height: 1.25rem;
-  vertical-align: middle;
-}
-
-.tag-bar .tag-select .tag-select-box label {
-  font-size: 0.75rem;
-  display: inline-block;
-  width: 85%;
-  line-height: 1.25rem;
-  vertical-align: middle;
-  margin: 0;
-  font-weight: 400;
-}
-
-.tag-bar .tag-select .tag-select-box textarea {
-  resize: none;
-  height: 5rem;
-  margin: 0 0 1.25rem;
-  width: 100%;
-}
-
-.tag-bar .tag-select .tag-select-box a {
-  display: block;
-  font-size: 0.75rem;
-  line-height: 1.25rem;
-}
-
-.tag-bar .tag-selected {
-  display: inline-block;
-  padding: 0.125rem 0.3125rem;
-  vertical-align: middle;
-}
-
-@media (max-width: 48rem) {
-  .tag-bar .tag-selected {
-    width: 64%;
-    padding: 0.125rem;
-    overflow: hidden;
-    border-left: 0.0625rem solid #ddd;
-  }
-}
-
-.tag-bar .tag-selected span {
-  display: inline-block;
-  font-size: 0.75rem;
-  color: #777777;
-  background: #e5e5e5;
-  padding: 0.1875rem 1.25rem;
-  margin: 0 0.3125rem;
-  transition: all 0.5s;
-  cursor: pointer;
-}
-
-.tag-bar .tag-selected span:hover {
-  background-color: #cce9eb;
-}
-
-@media (max-width: 48rem) {
-  .tag-bar .tag-selected span {
-    font-size: 0.625rem;
-    padding: 0.1875rem 0.3125rem;
-    display: block;
-    margin: 0 0 0.125rem;
-  }
-}
-
-.tag-bar-breathe {
-  margin-bottom: 1.875rem;
-}
-
-.tag-bar-no-border {
-  border-bottom: 0;
-}
-
-.tag-bar-no-border .tag-select span {
-  border-right: 0;
-}
-
-#main-menu .tag-bar .tag-select {
-  position: relative;
-}
-
-#main-menu .tag-bar .tag-select-box {
-  word-break: keep-all;
-  white-space: nowrap;
-}
-
-.inline-row-tag-bar {
-  padding-left: 0.625rem !important;
-}
-
-.inline-row-tag-bar .tag-bar .tag-select span {
-  padding: 0.3125rem;
-  border-right: none;
-}
-
-.inline-row-tag-bar .tag-bar .tag-select span i {
-  margin: 0 0.1875rem;
-  font-size: 0.75rem;
-}
-
-.inline-row-tag-bar .tag-bar .tag-select span i.fa-tag {
-  font-size: 0.75rem;
-}
-
-.inline-row-tag-bar .tag-bar .tag-select-box label {
-  white-space: nowrap;
-}
-
-
-/*# sourceMappingURL=kaui2.css.map */

data/app/assets/stylesheets/kaui/tags.css

@@ -15,7 +15,7 @@
   }
 }
 
-.tag-bar .tag-select span {
+.tag-bar .tag-select > span {
   padding: 0.3125rem 1.25rem;
   text-align: center;
   display: block;
@@ -23,7 +23,7 @@
 }
 
 @media (max-width: 48rem) {
-  .tag-bar .tag-select span {
+  .tag-bar .tag-select > span {
     border: 0;
   }
 }
@@ -67,9 +67,8 @@
   font-size: 0.75rem;
   color: #999999;
   overflow: hidden;
-  min-width: 15rem;
-  width: max-content;
-  max-width: min(25rem, 95vw);
+  width: 17rem;
+  max-width: min(17rem, 95vw);
   border-bottom: 0;
   display: inline-block;
 }
@@ -107,6 +106,7 @@
   vertical-align: middle;
   margin: 0;
   font-weight: 400;
+  overflow-wrap: anywhere;
 }
 
 .tag-bar .tag-select .tag-select-box textarea {
@@ -169,7 +169,7 @@
   border-bottom: 0;
 }
 
-.tag-bar-no-border .tag-select span {
+.tag-bar-no-border .tag-select > span {
   border-right: 0;
 }
 
@@ -186,7 +186,7 @@
   padding-left: 0.625rem !important;
 }
 
-.inline-row-tag-bar .tag-bar .tag-select span {
+.inline-row-tag-bar .tag-bar .tag-select > span {
   padding: 0.3125rem;
   border-right: none;
 }

data/app/controllers/kaui/accounts_controller.rb

@@ -156,7 +156,15 @@ module Kaui
       @children = wait(fetch_children)
       @account_parent = @account.parent_account_id.nil? ? nil : wait(fetch_parent)
       @email_notification_configuration = is_email_notifications_plugin_available ? wait(fetch_email_notification_configuration) : []
-      @bundles = wait(fetch_bundles)
+      @bundles = begin
+        wait(fetch_bundles)
+      rescue KillBillClient::API::ResponseError => e
+        # e.g. a subscription references a plan that no longer exists in the currently loaded catalog.
+        # Don't fail the whole account page for this, just warn and show it without bundle-derived data.
+        Rails.logger.warn("Unable to fetch bundles for account #{@account.account_id}: #{as_string(e)}")
+        flash.now[:warning] = "Unable to load some subscription details: #{as_string(e)}"
+        []
+      end
 
       @last_transaction_by_payment_method_id = {}
       wait(fetch_payments).each do |payment|

data/app/helpers/kaui/date_helper.rb

@@ -24,6 +24,18 @@ module Kaui
       DateTime.parse(date_s).strftime('%FT%T')
     end
 
+    # Best-effort epoch (seconds) timestamp for a timeline entry's date/time
+    # value, used purely for client-side "Sort by Date" ordering on the
+    # account timeline page. Returns nil if the date is missing or cannot be
+    # parsed (entries without a usable timestamp are sorted last).
+    def timeline_sort_timestamp(date)
+      return nil if date.blank?
+
+      DateTime.parse(date.to_s).to_i
+    rescue ArgumentError, TypeError
+      nil
+    end
+
     # Retrieve current killbill server time based on a time zone.
     # if no time zone is provided it will return UTC.
     # if the killbill server is not reachable it will return the time of the Kaui server

data/app/services/dependencies/aviate.rb

@@ -21,10 +21,13 @@ module Dependencies
         # Any error (plugin not installed, missing/invalid JWT, network issue, etc.) is treated as
         # "not Aviate" so that callers can safely fall back to the existing XML-catalog behavior.
         def aviate_catalog?(account_id, options_for_klient)
-          response = KillBillClient::API.get("#{KILLBILL_AVIATE_PREFIX}/catalog/info", catalog_params(account_id), request_options(options_for_klient))
-          JSON.parse(response.body)['state'] == CATALOG_STATE_AVIATE
-        rescue StandardError => e
-          Rails.logger.warn("Failed to retrieve Aviate catalog info: #{e.class}: #{e.message}")
+          params_list = account_id.present? ? [{ accountId: account_id }, {}] : [{}]
+          params_list.each do |params|
+            response = KillBillClient::API.get("#{KILLBILL_AVIATE_PREFIX}/catalog/info", params, request_options(options_for_klient))
+            return true if JSON.parse(response.body)['state'] == CATALOG_STATE_AVIATE
+          rescue StandardError => e
+            Rails.logger.warn("Failed to retrieve Aviate catalog info (params=#{params}): #{e.class}: #{e.message}")
+          end
           false
         end
 

data/app/views/kaui/account_timelines/show.html.erb

@@ -49,7 +49,14 @@
           </div>
         </form>
 
-        <div>
+        <div class="form-horizontal d-flex gap-2 mb-4 mx-0">
+          <div class="form-group p-0 d-flex align-items-center gap-2">
+            <label for="group-by" class="control-label mb-0 text-nowrap">Group by</label>
+            <%= select_tag 'group-by', options_for_select([['Object Type', 'type'], ['Date', 'date']], 'type'), :class => 'form-control' %>
+          </div>
+        </div>
+
+        <div id="timeline-entries">
           <% if @account.present? %>
             <% @invoices.each do |invoice_stub| %>
             <% if invoice_stub.bundle_keys.present? %>
@@ -60,7 +67,7 @@
             <% else %>
                 <% invoice = invoice_stub %>
             <% end %>
-            <div title="<%= bundles %>" data-event-type="INVOICE">
+            <div title="<%= bundles %>" data-event-type="INVOICE" data-timestamp="<%= timeline_sort_timestamp(invoice.target_date) %>">
               <div class="datetime-container">
                 <% if invoice.target_date.present? %>
                     <%= invoice.target_date %>
@@ -148,7 +155,7 @@
                 <% invoice = nil %>
             <% end %>
             <% payment.transactions.each do |transaction| %>
-              <div title="<%= bundles %>" data-event-type="<%= transaction.transaction_type %>">
+              <div title="<%= bundles %>" data-event-type="<%= transaction.transaction_type %>" data-timestamp="<%= timeline_sort_timestamp(transaction.effective_date) %>">
                 <div class="datetime-container">
                   <% if transaction.effective_date.present? %>
                     <%= format_date(transaction.effective_date, @account.time_zone).html_safe %>
@@ -229,7 +236,7 @@
             <% bundle.subscriptions.each do |sub| %>
               <% sub.events.each do |event| %>
                 <% next if event.event_type == 'SERVICE_STATE_CHANGE' %>
-                <div title="<%= @bundle_names[bundle.external_key] %>" data-event-type="<%= event.event_type %>">
+                <div title="<%= @bundle_names[bundle.external_key] %>" data-event-type="<%= event.event_type %>" data-timestamp="<%= timeline_sort_timestamp(event.effective_date) %>">
                   <div class="datetime-container">
                     <% if event.effective_date.present? %>
                         <%= format_date(event.effective_date, @account.time_zone).html_safe %>
@@ -352,6 +359,39 @@
       });
     }
 
+    var originalTimelineEntriesOrder = null;
+
+    function sortTimelineEntries(sortByDate) {
+      var $container = $('#timeline-entries');
+      var $entries = $container.children('[data-event-type]');
+
+      if (originalTimelineEntriesOrder === null) {
+        // Cache the initial (grouped-by-object-type) DOM order the first time we need it
+        originalTimelineEntriesOrder = $entries.get();
+      }
+
+      var orderedEntries;
+      if (sortByDate) {
+        orderedEntries = $entries.get().sort(function (a, b) {
+          var x = parseInt($(a).attr('data-timestamp'), 10);
+          var y = parseInt($(b).attr('data-timestamp'), 10);
+          x = isNaN(x) ? -Infinity : x;
+          y = isNaN(y) ? -Infinity : y;
+          // Most recent first; entries without a usable timestamp sort last
+          return y - x;
+        });
+      } else {
+        orderedEntries = originalTimelineEntriesOrder;
+      }
+
+      $.each(orderedEntries, function (_, entry) {
+        $container.append(entry);
+      });
+
+      // Re-apply any active filters, since the DOM order just changed
+      filterTimeline();
+    }
+
     function filterTimeline() {
       var selectedBundle = $("#bundles").val();
       var selectedPayment = $('#payment_filter').val().toUpperCase();
@@ -424,6 +464,11 @@
         clearTimeout(searchTimeout);
         searchTimeout = setTimeout(filterTimeline, 300);
       });
+
+      $('#group-by').on('change', function() {
+        sortTimelineEntries($(this).val() === 'date');
+      });
+
       
 
       

data/app/views/kaui/layouts/kaui_account_navbar.html.erb

@@ -6,6 +6,7 @@
     <%= link_to 'Account', kaui_engine.account_path(params[:account_id]), :class => (params[:controller].ends_with?('accounts') ? 'current' : 'non-current') %>
     <% if aviate_plugin_installed %>
       <%= link_to 'Wallets', aviate_engine.account_wallets_path(params[:account_id]), :class => (params[:controller].ends_with?('wallets') ? 'current' : 'non-current') %>
+      <%= link_to 'Usage', aviate_engine.account_usage_index_path(params[:account_id]), :class => (params[:controller].ends_with?('usage') ? 'current' : 'non-current') %>
     <% end %>
     <%= link_to 'Subscriptions', kaui_engine.account_bundles_path(params[:account_id]), :class => (params[:controller].ends_with?('bundles') ? 'current' : 'non-current') %>
     <%= link_to 'Invoices', kaui_engine.account_invoices_path(params[:account_id]), :class => (params[:controller].ends_with?('invoices') ? 'current' : 'non-current') %>

data/app/views/kaui/layouts/kaui_account_sidebar.html.erb

@@ -15,6 +15,7 @@
 
       <% if aviate_plugin_installed %>
         <% menu_items << { label: 'Wallets', path: aviate_engine.account_wallets_path(params[:account_id]), controller_suffix: 'wallets', icon_path: 'kaui/sidebar/invoices.svg' } %>
+        <% menu_items << { label: 'Usage', path: aviate_engine.account_usage_index_path(params[:account_id]), controller_suffix: 'usage', icon_path: 'kaui/sidebar/subscriptions.svg' } %>
       <% end %>
 
       <% if current_user.root? %>

data/app/views/kaui/subscriptions/_subscriptions_table.html.erb

@@ -215,6 +215,14 @@
                     path: kaui_engine.record_usage_path(id: sub.subscription_id),
                     icon: "kaui/subscription/change.svg"
                   } %>
+
+                  <% if aviate_plugin_installed %>
+                    <% menu_items << {
+                      label: "View Usage",
+                      path: aviate_engine.usage_subscription_path(id: sub.subscription_id),
+                      icon: "kaui/subscription/change.svg"
+                    } %>
+                  <% end %>
                 <% end %>
 
                 <% if can?(:transfer, Kaui::Bundle) && sub.product_category != 'ADD_ON' %>

data/lib/kaui/version.rb

@@ -1,5 +1,5 @@
 # frozen_string_literal: true
 
 module Kaui
-  VERSION = '4.0.24'
+  VERSION = '4.0.25'
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: kaui
 version: !ruby/object:Gem::Version
-  version: 4.0.24
+  version: 4.0.25
 platform: ruby
 authors:
 - Kill Bill core team
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2026-08-05 00:00:00.000000000 Z
+date: 2026-08-19 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: actionpack