<%!-- Header --%>
<.link navigate={Routes.path("/admin/ai")} class="btn btn-ghost btn-sm gap-2 mb-4"> <.icon name="hero-arrow-left" class="w-4 h-4" /> Back to AI

{@page_title}

Manage your AI provider accounts.

<.link navigate={Routes.path("/admin/ai/accounts/new")} class="btn btn-primary btn-sm"> <.icon name="hero-plus" class="w-4 h-4 mr-1" /> Add Account
<%!-- Accounts List --%> <%= if length(@accounts) > 0 do %>
<%= for account <- @accounts do %>

{account.name}

{PhoenixKit.AI.Account.provider_label(account.provider)} {PhoenixKit.AI.Account.masked_api_key(account.api_key)}

<%= if account.last_validated_at do %>

Last validated: {Calendar.strftime( account.last_validated_at, "%Y-%m-%d %H:%M" )}

<% end %>
{if account.enabled, do: "Active", else: "Disabled"}
  • <.link navigate={Routes.path("/admin/ai/accounts/#{account.id}/edit")}> <.icon name="hero-pencil" class="w-4 h-4" /> Edit
<% end %>
<% else %>
<.icon name="hero-key" class="w-12 h-12 mx-auto text-base-content/30 mb-4" />

No accounts yet

Add your first AI provider account to get started.

<.link navigate={Routes.path("/admin/ai/accounts/new")} class="btn btn-primary"> <.icon name="hero-plus" class="w-4 h-4 mr-1" /> Add Account
<% end %>