{# Plan 61/2a — thin authenticated-page footer.

   Mounted by base.html below the main content area. Sticky bottom comes
   from the flex layout — this partial just stamps the row.

   Links:
     - Docs → `/admin/help` (always works, even air-gapped)
     - API  → `/docs` (FastAPI OpenAPI Swagger)
     - CLI  → `/admin/help/cli-handoff` (operator-facing recipe)

   Right side: version + environment badge so operators can see at a
   glance which build they're on. #}
<footer class="cmdop-footer">
  <div class="flex items-center gap-3">
    <a href="/admin/help" class="hover:underline">Docs</a>
    <span class="text-ink-700">·</span>
    <a href="/docs" target="_blank" rel="noopener" class="hover:underline">API</a>
    <span class="text-ink-700">·</span>
    <a href="/admin/help/cli-handoff" class="hover:underline">CLI</a>
    <span class="text-ink-700 hidden sm:inline">·</span>
    {# Discoverability for the cmd-K palette — keyboard hint always
       visible so users learn the shortcut without having to find the
       header's Search button. Click also opens the palette. #}
    <button type="button"
            @click="window.dispatchEvent(new CustomEvent('cmdk:open'))"
            class="hidden sm:inline-flex items-center gap-1.5 hover:text-ink-200 transition-colors"
            title="Open quick search">
      <span class="cmdk-kbd">⌘K</span>
      <span>Search</span>
    </button>
    {# Quick-toggle for the Jarvis sidebar — same dispatch the FAB +
       cmd+\ shortcut use, so users who haven't learned the shortcut
       can still open the chat from a discoverable spot. #}
    <span class="text-ink-700 hidden sm:inline">·</span>
    <button type="button"
            @click="window.dispatchEvent(new CustomEvent('jarvis-dock:open'))"
            class="hidden sm:inline-flex items-center gap-1.5 hover:text-ink-200 transition-colors"
            title="Open Jarvis chat (⌘\)">
      <i data-lucide="brain-circuit" class="w-3 h-3"></i>
      <span>Jarvis</span>
      <span class="cmdk-kbd">⌘\</span>
    </button>
  </div>
  <div class="flex items-center gap-2 font-mono">
    <span>v{{ version }}</span>
    {% if environment %}
    <span class="text-ink-700">·</span>
    <span>{{ environment }}</span>
    {% endif %}
  </div>
</footer>