{% macro icon(name, label="", class_name="ui-icon") -%}
<svg class="{{ class_name }}" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" {% if label %}role="img" aria-label="{{ label }}"{% else %}aria-hidden="true"{% endif %}>
  {% if label %}<title>{{ label }}</title>{% endif %}
  {% if name in ["server", "listener"] %}
  <rect x="3" y="4" width="18" height="8" rx="2"></rect><rect x="3" y="12" width="18" height="8" rx="2"></rect><path d="M7 8h.01"></path><path d="M7 16h.01"></path>
  {% elif name in ["routing", "route"] %}
  <circle cx="6" cy="18" r="3"></circle><circle cx="18" cy="6" r="3"></circle><circle cx="18" cy="18" r="3"></circle><path d="M8.6 16.5 15.4 7.5"></path><path d="M9 18h6"></path>
  {% elif name in ["providers", "provider", "cube"] %}
  <path d="m21 16-9 5-9-5V8l9-5 9 5v8Z"></path><path d="m3.3 7.3 8.7 4.9 8.7-4.9"></path><path d="M12 22V12"></path>
  {% elif name in ["pricing", "dollar"] %}
  <path d="M12 2v20"></path><path d="M17 5H9.5a3.5 3.5 0 0 0 0 7H14a3.5 3.5 0 0 1 0 7H6"></path>
  {% elif name in ["diagnostics", "activity"] %}
  <path d="M22 12h-4l-3 8L9 4l-3 8H2"></path>
  {% elif name in ["data", "database", "rows", "storage"] %}
  <ellipse cx="12" cy="5" rx="8" ry="3"></ellipse><path d="M4 5v14c0 1.7 3.6 3 8 3s8-1.3 8-3V5"></path><path d="M4 12c0 1.7 3.6 3 8 3s8-1.3 8-3"></path>
  {% elif name in ["client", "link"] %}
  <path d="M10 13a5 5 0 0 0 7.1 0l2-2a5 5 0 0 0-7.1-7.1l-1.2 1.2"></path><path d="M14 11a5 5 0 0 0-7.1 0l-2 2A5 5 0 0 0 12 20.1l1.2-1.2"></path>
  {% elif name in ["fallback", "shuffle"] %}
  <path d="M16 3h5v5"></path><path d="M4 20 21 3"></path><path d="M21 16v5h-5"></path><path d="m15 15 6 6"></path><path d="m4 4 5 5"></path>
  {% elif name in ["model", "brain"] %}
  <path d="M9 3a3 3 0 0 0-3 3v1a3 3 0 0 0 0 6v1a3 3 0 0 0 3 3"></path><path d="M15 3a3 3 0 0 1 3 3v1a3 3 0 0 1 0 6v1a3 3 0 0 1-3 3"></path><path d="M9 7h6"></path><path d="M9 12h6"></path><path d="M9 17h6"></path>
  {% elif name == "requests" %}
  <path d="M8 6h13"></path><path d="M8 12h13"></path><path d="M8 18h13"></path><path d="M3 6h.01"></path><path d="M3 12h.01"></path><path d="M3 18h.01"></path>
  {% elif name == "runs" %}
  <path d="M17 2v6h-6"></path><path d="M7 22v-6h6"></path><path d="M20.5 11A8.5 8.5 0 0 0 7.3 5.2L4 8.5"></path><path d="M3.5 13A8.5 8.5 0 0 0 16.7 18.8L20 15.5"></path>
  {% elif name == "settings" %}
  <path d="M12 15.5A3.5 3.5 0 1 0 12 8a3.5 3.5 0 0 0 0 7.5Z"></path><path d="M19.4 15a1.7 1.7 0 0 0 .3 1.9l.1.1a2 2 0 1 1-2.8 2.8l-.1-.1a1.7 1.7 0 0 0-1.9-.3 1.7 1.7 0 0 0-1 1.5V21a2 2 0 1 1-4 0v-.1a1.7 1.7 0 0 0-1-1.5 1.7 1.7 0 0 0-1.9.3l-.1.1A2 2 0 1 1 4.2 17l.1-.1a1.7 1.7 0 0 0 .3-1.9 1.7 1.7 0 0 0-1.5-1H3a2 2 0 1 1 0-4h.1a1.7 1.7 0 0 0 1.5-1 1.7 1.7 0 0 0-.3-1.9l-.1-.1A2 2 0 1 1 7 4.2l.1.1a1.7 1.7 0 0 0 1.9.3 1.7 1.7 0 0 0 1-1.5V3a2 2 0 1 1 4 0v.1a1.7 1.7 0 0 0 1 1.5 1.7 1.7 0 0 0 1.9-.3l.1-.1A2 2 0 1 1 19.8 7l-.1.1a1.7 1.7 0 0 0-.3 1.9 1.7 1.7 0 0 0 1.5 1h.1a2 2 0 1 1 0 4h-.1a1.7 1.7 0 0 0-1.5 1Z"></path>
  {% elif name == "health" %}
  <path d="M20.8 4.6a5.5 5.5 0 0 0-7.8 0L12 5.6l-1-1a5.5 5.5 0 0 0-7.8 7.8l1 1L12 21l7.8-7.6 1-1a5.5 5.5 0 0 0 0-7.8Z"></path>
  {% elif name == "plus" %}
  <path d="M12 5v14"></path><path d="M5 12h14"></path>
  {% elif name == "trash" %}
  <path d="M3 6h18"></path><path d="M8 6V4h8v2"></path><path d="M19 6l-1 14H6L5 6"></path><path d="M10 11v6"></path><path d="M14 11v6"></path>
  {% elif name == "play" %}
  <path d="m8 5 11 7-11 7V5Z"></path>
  {% elif name == "search" %}
  <circle cx="11" cy="11" r="7"></circle><path d="m21 21-4.3-4.3"></path>
  {% elif name == "info" %}
  <circle cx="12" cy="12" r="10"></circle><path d="M12 16v-4"></path><path d="M12 8h.01"></path>
  {% elif name == "chevron-down" %}
  <path d="m6 9 6 6 6-6"></path>
  {% elif name == "chevron-up" %}
  <path d="m18 15-6-6-6 6"></path>
  {% elif name == "edit" %}
  <path d="M12 20h9"></path><path d="M16.5 3.5a2.1 2.1 0 0 1 3 3L7 19l-4 1 1-4Z"></path>
  {% elif name == "cloud" %}
  <path d="M17.5 19H7a5 5 0 1 1 1.2-9.8A7 7 0 0 1 21 13.5 3.5 3.5 0 0 1 17.5 19Z"></path>
  {% elif name == "terminal" %}
  <polyline points="4 17 10 11 4 5"></polyline><path d="M12 19h8"></path>
  {% elif name == "key" %}
  <circle cx="7.5" cy="15.5" r="5.5"></circle><path d="m12 11 8-8"></path><path d="m16 7 2 2"></path><path d="m19 4 2 2"></path>
  {% else %}
  <circle cx="12" cy="12" r="9"></circle><path d="M12 8v8"></path><path d="M8 12h8"></path>
  {% endif %}
</svg>
{%- endmacro %}

{% macro provider_badge(slug, name) -%}
{% set normalized = slug | default('', true) %}
{% set provider_icon = "cloud" %}
{% if normalized in ["local-llm", "local-vllm"] %}
  {% set provider_icon = "terminal" %}
{% elif normalized in ["openai", "anthropic", "google", "mistral", "deepseek", "zai", "moonshot"] %}
  {% set provider_icon = "brain" %}
{% elif normalized in ["huggingface-router", "openrouter", "alibaba"] %}
  {% set provider_icon = "route" %}
{% endif %}
<span class="provider-icon-badge provider-icon-{{ normalized | replace('_', '-') }}" aria-hidden="true">
  {{ icon(provider_icon, class_name="ui-icon provider-badge-svg") }}
</span>
{%- endmacro %}