<%!-- Tabs --%>

<.link navigate={PhoenixKit.Utils.Routes.ai_path() <> "/endpoints"} class="tab" > <.icon name="hero-server-stack" class="w-4 h-4 mr-2" /> Endpoints <.link navigate={PhoenixKit.Utils.Routes.ai_path() <> "/prompts"} class="tab tab-active" > <.icon name="hero-document-text" class="w-4 h-4 mr-2" /> Prompts <.link navigate={PhoenixKit.Utils.Routes.ai_path() <> "/usage"} class="tab" > <.icon name="hero-chart-bar" class="w-4 h-4 mr-2" /> Usage

<%!-- Quick Actions --%> <.link navigate={PhoenixKit.Utils.Routes.ai_path() <> "/prompts/new"} class="btn btn-primary" > <.icon name="hero-plus" class="w-5 h-5 mr-2" /> New Prompt

<.icon name="hero-document-text" class="w-16 h-16 text-base-content/30" />

No Prompts Yet

Create reusable prompt templates with variable substitution. Use {"{{VariableName}}"} syntax for dynamic content.

<.link navigate={PhoenixKit.Utils.Routes.ai_path() <> "/prompts/new"} class="btn btn-primary mt-4" > <.icon name="hero-plus" class="w-5 h-5 mr-2" /> Create First Prompt

<%= for prompt <- @prompts do %>

<.link navigate={PhoenixKit.Utils.Routes.ai_path() <> "/prompts/#{prompt.id}/edit"} class="badge badge-ghost font-mono hover:badge-primary cursor-pointer" > #{prompt.id} <.link navigate={PhoenixKit.Utils.Routes.ai_path() <> "/prompts/#{prompt.id}/edit"} class="font-semibold text-lg hover:text-primary hover:underline" > {prompt.name} <.enabled_badge enabled={prompt.enabled} /> {prompt.slug}

<%!-- Variables --%> <%= if prompt.variables && length(prompt.variables) > 0 do %>

Variables: <%= for var <- prompt.variables do %> {"{{#{var}}}"} <% end %>

<% end %> <%!-- Content Preview --%>

{PhoenixKit.Modules.AI.Prompt.content_preview(prompt.content)}

<%!-- Usage Stats --%>

<.icon name="hero-arrow-path" class="w-4 h-4" /> {prompt.usage_count} uses

<.icon name="hero-clock" class="w-4 h-4" /> <%= if prompt.last_used_at do %> <.time_ago datetime={prompt.last_used_at} /> <% else %> Never used <% end %>

<.icon name="hero-calendar" class="w-4 h-4" /> <.time_ago datetime={prompt.inserted_at} />

<%= if prompt.description do %>

{prompt.description}

<% end %>

<%!-- Actions --%>

<% end %>