<%!-- Header --%>

AI Prompts

Reusable prompt templates with variable substitution

<.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

<%!-- Tabs (shared with Endpoints) --%>

<.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() <> "/usage"} class="tab" > <.icon name="hero-chart-bar" class="w-4 h-4 mr-2" /> Usage <.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

<%!-- Content --%> <%= if Enum.empty?(@prompts) do %> <%!-- Empty State --%>

<.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

<% else %> <%!-- Sort Controls --%>

Sort by: <%= for {field, label} <- @sort_options do %> <% end %>

<%!-- Prompts Grid --%>

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

#{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} {if prompt.enabled, do: "Active", else: "Disabled"} {prompt.slug}

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

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

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

{PhoenixKit.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 %>