Enhance API token management by adding source filtering options in the index view

- Implemented filtering of API tokens by source (CLI, Web) in the `ApiTokensController#index` action.
- Updated the index view to include links for filtering tokens based on their source, improving user experience.

Author: vswamidass-sfdc

app/controllers/api_tokens_controller.rb

@@ -6,6 +6,18 @@ class ApiTokensController < ApplicationController
   # GET /api_tokens or /api_tokens.json
   def index
     @api_tokens = policy_scope(ApiToken).order(last_used: :desc)
+    
+    # Filter by source if provided
+    case params[:source]
+    when 'cli'
+      @api_tokens = @api_tokens.cli_tokens
+    when 'web'
+      @api_tokens = @api_tokens.web_tokens
+    # when 'mobile'
+    #   @api_tokens = @api_tokens.where(source: 'mobile')
+    # 'all' or nil shows all tokens
+    end
+    
     authorize ApiToken
   end
 

app/views/api_tokens/index.html.erb

@@ -6,6 +6,14 @@
       <%= render partial: 'shared/button_group', locals: { buttons: { "New" => new_api_token_path } } %>
     <% end %>
   </div>
+  <div class="flex justify-start items-center mb-3">
+    <div class="flex items-center">
+      <% source_filter = params[:source] %>
+      <%= link_to 'All', api_tokens_path, class: "p-3 mr-4 pb-1 border-b-2 hover:border-sky-500 #{'border-sky-500' if source_filter.blank?}" %>
+      <%= link_to 'CLI', api_tokens_path(source: 'cli'), class: "p-3 mr-4 pb-1 border-b-2 hover:border-sky-500 #{'border-sky-500' if source_filter == 'cli'}" %>
+      <%= link_to 'Web', api_tokens_path(source: 'web'), class: "p-3 mr-4 pb-1 border-b-2 hover:border-sky-500 #{'border-sky-500' if source_filter == 'web'}" %>
+    </div>
+  </div>
   <ul id="api_tokens" class="min-w-full list-none p-0">
     <li class="font-bold grid grid-cols-1 sm:grid-cols-5 text-xs text-stone-800 bg-stone-200 py-2 rounded-t-lg">
       <div class="p-2">