jekyll-theme-zer0 1.15.0 → 1.16.0

data/_includes/components/ai-chat.html

@@ -0,0 +1,579 @@
+<!--
+  ===================================================================
+  AI CHAT - Frontend AI Chatbot with Page Context
+  ===================================================================
+  
+  File: ai-chat.html
+  Path: _includes/components/ai-chat.html
+  Purpose: Provides an AI-powered chat widget that includes the
+           current page context in conversations. Uses the OpenAI
+           Chat Completions API with an API key injected at build
+           time from GitHub repository secrets.
+  
+  Template Logic:
+  - Renders a floating chat button and expandable chat panel
+  - Collects current page metadata (title, description, content,
+    URL, categories, tags) as system context for the AI
+  - Sends messages to the configured AI provider endpoint
+  - Rendering is gated by ai_chat.enabled and either:
+      - Proxy mode: auth_mode: "proxy" with proxy_ready: true (recommended), or
+      - Direct mode: a non-empty ai_chat.api_key for client-side API access
+  
+  Dependencies:
+  - Bootstrap 5 for UI components and styling
+  - Bootstrap Icons for chat button icon
+  - site.ai_chat configuration from _config.yml
+  
+  Security:
+  - API key is injected at build time, not stored in source
+  - IMPORTANT: Client-side API keys are visible in page source.
+    For production, route requests through a server-side proxy
+    by changing the 'endpoint' config to your proxy URL.
+  
+  Accessibility:
+  - ARIA labels for screen readers
+  - Keyboard navigation support (Escape to close)
+  - Focus management when opening/closing the chat panel
+  ===================================================================
+-->
+
+{% assign ai_auth_mode = site.ai_chat.auth_mode | default: 'proxy' %}
+{% comment %}
+  Boolean expressions are NOT evaluated inside assign tags (Liquid stores a
+  truthy string instead) — compute the render flag with if-tags, which do
+  support and/comparisons. Render only when chat is enabled AND a usable
+  auth path exists: proxy mode with a deployed proxy, or direct mode with a
+  non-empty api_key.
+{% endcomment %}
+{% assign ai_render = false %}
+{% if site.ai_chat.enabled %}
+  {% if ai_auth_mode == 'proxy' and site.ai_chat.proxy_ready %}
+    {% assign ai_render = true %}
+  {% elsif ai_auth_mode == 'direct' and site.ai_chat.api_key and site.ai_chat.api_key != '' %}
+    {% assign ai_render = true %}
+  {% endif %}
+{% endif %}
+{% if ai_render %}
+
+<!-- AI Chat Toggle Button -->
+<button id="aiChatToggle"
+        class="ai-chat-toggle btn btn-primary rounded-circle shadow-lg"
+        type="button"
+        aria-label="Open AI chat assistant"
+        aria-expanded="false"
+        aria-controls="aiChatPanel">
+  <i class="{{ site.ai_chat.icon | default: 'bi-robot' }} ai-chat-icon-open" aria-hidden="true"></i>
+  <i class="bi-x-lg ai-chat-icon-close d-none" aria-hidden="true"></i>
+</button>
+
+<!-- AI Chat Panel -->
+<div id="aiChatPanel"
+     class="ai-chat-panel shadow-lg rounded-3"
+     role="dialog"
+     aria-labelledby="aiChatTitle"
+     aria-hidden="true">
+
+  <!-- Chat Header -->
+  <div class="ai-chat-header d-flex align-items-center justify-content-between p-3">
+    <div class="d-flex align-items-center gap-2">
+      <i class="{{ site.ai_chat.icon | default: 'bi-robot' }} fs-5" aria-hidden="true"></i>
+      <h6 id="aiChatTitle" class="mb-0 fw-semibold">Zer0 Assistant</h6>
+    </div>
+    <button type="button"
+            class="btn btn-sm btn-outline-light border-0"
+            id="aiChatClose"
+            aria-label="Close chat">
+      <i class="bi-x-lg" aria-hidden="true"></i>
+    </button>
+  </div>
+
+  <!-- Chat Messages -->
+  <div id="aiChatMessages" class="ai-chat-messages p-3" role="log" aria-live="polite">
+    <!-- Welcome message inserted by JS -->
+  </div>
+
+  <!-- Chat Input -->
+  <div class="ai-chat-input p-3">
+    <form id="aiChatForm" class="d-flex gap-2" autocomplete="off">
+      <label for="aiChatInput" class="visually-hidden">Chat message</label>
+      <input type="text"
+             id="aiChatInput"
+             class="form-control form-control-sm"
+             placeholder="{{ site.ai_chat.placeholder | default: 'Ask about this page...' }}"
+             maxlength="500"
+             required>
+      <button type="submit"
+              class="btn btn-primary btn-sm"
+              id="aiChatSend"
+              aria-label="Send message">
+        <i class="bi-send" aria-hidden="true"></i>
+      </button>
+    </form>
+    <p class="ai-chat-disclaimer text-muted mt-1 mb-0">
+      <small>AI responses may be inaccurate. Verify important information.</small>
+    </p>
+  </div>
+</div>
+
+<!-- Page Context Data (generated by Jekyll at build time) -->
+<script id="aiChatPageContext" type="application/json">
+{
+  "page_title": {{ page.title | default: site.title | jsonify }},
+  "page_description": {{ page.description | default: page.excerpt | strip_html | default: "" | jsonify }},
+  "page_url": {{ page.url | absolute_url | jsonify }},
+  "page_categories": {{ page.categories | default: "" | jsonify }},
+  "page_tags": {{ page.tags | default: "" | jsonify }},
+  "page_layout": {{ page.layout | default: "" | jsonify }},
+  "page_date": {{ page.date | date: "%Y-%m-%d" | default: "" | jsonify }},
+  "site_title": {{ site.title | jsonify }},
+  "site_description": {{ site.description | strip_html | strip | truncate: 200 | jsonify }}
+}
+</script>
+
+{% comment %}
+  Page content is captured and truncated to stay within context limits.
+  HTML is stripped to send clean text to the AI.
+{% endcomment %}
+{% capture page_text %}{{ content | strip_html | strip_newlines | normalize_whitespace }}{% endcapture %}
+{% assign context_length = site.ai_chat.context_max_length | default: 2000 %}
+<script id="aiChatPageContent" type="text/plain">{{ page_text | truncate: context_length | replace: '</script>', '<\/script>' }}</script>
+
+<script>
+// AI Chat Widget
+(function() {
+  'use strict';
+
+  // Configuration from Jekyll
+  const CONFIG = {
+    endpoint: {{ site.ai_chat.endpoint | default: "/api/chat" | jsonify }},
+    authMode: {{ site.ai_chat.auth_mode | default: "proxy" | jsonify }},
+    apiKey: {{ site.ai_chat.api_key | jsonify }},
+    model: {{ site.ai_chat.model | default: "gpt-4o-mini" | jsonify }},
+    maxTokens: {{ site.ai_chat.max_tokens | default: 1024 }},
+    temperature: {{ site.ai_chat.temperature | default: 0.7 }},
+    strictContext: {{ site.ai_chat.strict_context | default: true | jsonify }},
+    outOfScopeMessage: {{ site.ai_chat.out_of_scope_message | default: "I can only answer from the content on this page." | jsonify }},
+    systemPrompt: {{ site.ai_chat.system_prompt | default: "You are a helpful assistant." | jsonify }},
+    welcomeMessage: {{ site.ai_chat.welcome_message | default: "Hi! Ask me anything about this page." | jsonify }}
+  };
+
+  // State
+  let isOpen = false;
+  let isLoading = false;
+  let lastSendTime = 0;
+  const SEND_COOLDOWN_MS = 1000; // Minimum time between sends
+  const MAX_MESSAGES = 40; // Maximum number of messages to retain in history
+  const _messages = [];
+  const messages = new Proxy(_messages, {
+    set(target, prop, value) {
+      const result = Reflect.set(target, prop, value);
+
+      // When the array grows (numeric index or length change), enforce the cap
+      if (prop === 'length' || !Number.isNaN(Number(prop))) {
+        const excess = target.length - MAX_MESSAGES;
+        if (excess > 0) {
+          // Remove oldest messages, keep only the most recent MAX_MESSAGES
+          target.splice(0, excess);
+        }
+      }
+
+      return result;
+    }
+  });
+  // DOM Elements
+  const toggle = document.getElementById('aiChatToggle');
+  const panel = document.getElementById('aiChatPanel');
+  const messagesContainer = document.getElementById('aiChatMessages');
+  const form = document.getElementById('aiChatForm');
+  const input = document.getElementById('aiChatInput');
+  const closeBtn = document.getElementById('aiChatClose');
+  const iconOpen = toggle.querySelector('.ai-chat-icon-open');
+  const iconClose = toggle.querySelector('.ai-chat-icon-close');
+
+  // Build page context for system message
+  function getPageContext() {
+    let context = '';
+    try {
+      const meta = JSON.parse(document.getElementById('aiChatPageContext').textContent);
+      const pageContent = document.getElementById('aiChatPageContent').textContent.trim();
+
+      context = 'Current page context:\n';
+      if (meta.page_title) context += '- Title: ' + meta.page_title + '\n';
+      if (meta.page_description) context += '- Description: ' + meta.page_description + '\n';
+      if (meta.page_url) context += '- URL: ' + meta.page_url + '\n';
+      if (meta.page_categories && meta.page_categories.length) {
+        context += '- Categories: ' + (Array.isArray(meta.page_categories) ? meta.page_categories.join(', ') : meta.page_categories) + '\n';
+      }
+      if (meta.page_tags && meta.page_tags.length) {
+        context += '- Tags: ' + (Array.isArray(meta.page_tags) ? meta.page_tags.join(', ') : meta.page_tags) + '\n';
+      }
+      if (meta.page_date) context += '- Date: ' + meta.page_date + '\n';
+      if (meta.site_title) context += '- Site: ' + meta.site_title + '\n';
+      if (pageContent) context += '\nPage content:\n' + pageContent + '\n';
+    } catch (e) {
+      console.warn('AI Chat: Could not parse page context', e);
+    }
+    return context;
+  }
+
+  // Build system message with page context
+  function getSystemMessage() {
+    const pageContext = getPageContext();
+    let systemContent = CONFIG.systemPrompt;
+    if (CONFIG.strictContext) {
+      systemContent += '\n\nGrounding rules:\n'
+        + '- Answer ONLY using the provided page context.\n'
+        + '- If the answer is not in the page context, reply exactly with: "' + CONFIG.outOfScopeMessage + '"\n'
+        + '- Do not invent facts, links, or features.\n';
+    }
+    if (pageContext) {
+      systemContent += '\n\n' + pageContext;
+    }
+    return { role: 'system', content: systemContent };
+  }
+
+  function escapeHtml(text) {
+    return String(text)
+      .replace(/&/g, '&amp;')
+      .replace(/</g, '&lt;')
+      .replace(/>/g, '&gt;')
+      .replace(/\"/g, '&quot;')
+      .replace(/'/g, '&#39;');
+  }
+
+  function renderAssistantMarkdown(raw) {
+    // Escape first, then allow a small markdown subset safely.
+    let safe = escapeHtml(raw || '');
+
+    safe = safe
+      .replace(/^###\s+(.+)$/gm, '<strong>$1</strong>')
+      .replace(/^##\s+(.+)$/gm, '<strong>$1</strong>')
+      .replace(/^#\s+(.+)$/gm, '<strong>$1</strong>')
+      .replace(/\*\*(.+?)\*\*/g, '<strong>$1</strong>')
+      .replace(/`([^`]+)`/g, '<code>$1</code>')
+      .replace(/\[(.+?)\]\((https?:\/\/[^\s)]+)\)/g, '<a href="$2" target="_blank" rel="noopener noreferrer">$1</a>')
+      .replace(/^\s*[-*]\s+(.+)$/gm, '• $1')
+      .replace(/\n/g, '<br>');
+
+    return safe;
+  }
+
+  // Create a message element
+  function createMessageEl(role, content) {
+    const wrapper = document.createElement('div');
+    wrapper.className = 'ai-chat-message ai-chat-message--' + role + ' mb-2';
+
+    const bubble = document.createElement('div');
+    bubble.className = 'ai-chat-bubble p-2 rounded-3 small';
+    if (role === 'assistant') {
+      bubble.innerHTML = renderAssistantMarkdown(content);
+    } else {
+      bubble.textContent = content;
+    }
+
+    wrapper.appendChild(bubble);
+    return wrapper;
+  }
+
+  // Create a loading indicator
+  function createLoadingEl() {
+    const wrapper = document.createElement('div');
+    wrapper.className = 'ai-chat-message ai-chat-message--assistant mb-2';
+    wrapper.id = 'aiChatLoading';
+
+    const bubble = document.createElement('div');
+    bubble.className = 'ai-chat-bubble p-2 rounded-3 small';
+    bubble.innerHTML = '<span class="ai-chat-typing"><span>.</span><span>.</span><span>.</span></span>';
+
+    wrapper.appendChild(bubble);
+    return wrapper;
+  }
+
+  // Append message to chat
+  function appendMessage(role, content) {
+    const el = createMessageEl(role, content);
+    messagesContainer.appendChild(el);
+    messagesContainer.scrollTop = messagesContainer.scrollHeight;
+    return el;
+  }
+
+  // Remove loading indicator
+  function removeLoading() {
+    const loading = document.getElementById('aiChatLoading');
+    if (loading) loading.remove();
+  }
+
+  // Send message to AI
+  async function sendMessage(userMessage) {
+    if (isLoading || !userMessage.trim()) return;
+
+    // Enforce cooldown between sends
+    const now = Date.now();
+    if (now - lastSendTime < SEND_COOLDOWN_MS) return;
+    lastSendTime = now;
+
+    // Add user message to UI and history
+    appendMessage('user', userMessage);
+    messages.push({ role: 'user', content: userMessage });
+
+    // Show loading
+    isLoading = true;
+    input.disabled = true;
+    messagesContainer.appendChild(createLoadingEl());
+    messagesContainer.scrollTop = messagesContainer.scrollHeight;
+
+    try {
+      const response = await fetch(CONFIG.endpoint, {
+        method: 'POST',
+        headers: (function() {
+          const requestHeaders = {
+            'Content-Type': 'application/json'
+          };
+          if (CONFIG.authMode === 'direct' && CONFIG.apiKey) {
+            requestHeaders.Authorization = 'Bearer ' + CONFIG.apiKey;
+          }
+          return requestHeaders;
+        })(),
+        body: JSON.stringify({
+          model: CONFIG.model,
+          messages: [getSystemMessage(), ...messages],
+          max_tokens: CONFIG.maxTokens,
+          temperature: CONFIG.temperature
+        })
+      });
+
+      removeLoading();
+
+      if (!response.ok) {
+        const errorData = await response.json().catch(function() { return {}; });
+        var statusMessages = {
+          401: 'Authentication failed. The API key may be invalid or missing.',
+          429: 'Rate limit exceeded. Please wait a moment and try again.',
+          500: 'The AI service is temporarily unavailable. Please try again later.',
+          503: 'The AI service is temporarily unavailable. Please try again later.'
+        };
+        throw new Error(errorData.error?.message || statusMessages[response.status] || 'API request failed (' + response.status + ')');
+      }
+
+      const data = await response.json();
+      let assistantMessage = data.choices?.[0]?.message?.content || 'Sorry, I could not generate a response.';
+      assistantMessage = String(assistantMessage).trim() || CONFIG.outOfScopeMessage;
+
+      // Add assistant message to UI and history
+      appendMessage('assistant', assistantMessage);
+      messages.push({ role: 'assistant', content: assistantMessage });
+
+    } catch (error) {
+      removeLoading();
+      appendMessage('assistant', 'Sorry, something went wrong: ' + error.message);
+      console.error('AI Chat error:', error);
+    } finally {
+      isLoading = false;
+      input.disabled = false;
+      input.focus();
+    }
+  }
+
+  // Toggle chat panel
+  function toggleChat() {
+    isOpen = !isOpen;
+    panel.classList.toggle('ai-chat-panel--open', isOpen);
+    panel.setAttribute('aria-hidden', !isOpen);
+    toggle.setAttribute('aria-expanded', isOpen);
+    iconOpen.classList.toggle('d-none', isOpen);
+    iconClose.classList.toggle('d-none', !isOpen);
+
+    if (isOpen) {
+      // Focus input when opening (short delay for CSS transition to start)
+      setTimeout(function() { input.focus(); }, 50);
+    }
+  }
+
+  // Initialize
+  function init() {
+    // Show welcome message
+    appendMessage('assistant', CONFIG.welcomeMessage);
+
+    // Event: toggle button
+    toggle.addEventListener('click', toggleChat);
+
+    // Event: close button
+    closeBtn.addEventListener('click', toggleChat);
+
+    // Event: form submit
+    form.addEventListener('submit', function(e) {
+      e.preventDefault();
+      const msg = input.value.trim();
+      if (msg) {
+        input.value = '';
+        sendMessage(msg);
+      }
+    });
+
+    // Event: Escape key closes chat
+    document.addEventListener('keydown', function(e) {
+      if (e.key === 'Escape' && isOpen) {
+        toggleChat();
+      }
+    });
+
+    // Event: click outside closes chat
+    document.addEventListener('click', function(e) {
+      if (isOpen && !panel.contains(e.target) && !toggle.contains(e.target)) {
+        toggleChat();
+      }
+    });
+  }
+
+  // Start when DOM is ready
+  if (document.readyState === 'loading') {
+    document.addEventListener('DOMContentLoaded', init);
+  } else {
+    init();
+  }
+})();
+</script>
+
+<style>
+  /* AI Chat Toggle Button */
+  /* FAB stack slot above back-to-top, below the TOC FAB — driven by the
+     design tokens (_sass/tokens/_spacing.scss, _layers.scss) so all
+     floating buttons share one offset/stacking system. */
+  .ai-chat-toggle {
+    position: fixed;
+    bottom: calc(var(--zer0-space-fab-offset, 1rem) + var(--zer0-space-fab-size, 3.5rem) + var(--zer0-space-fab-gap, 0.75rem));
+    right: var(--zer0-space-fab-offset, 1rem);
+    z-index: var(--zer0-layer-fab-chat, 1052);
+    width: 3rem;
+    height: 3rem;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    font-size: 1.25rem;
+    transition: transform 0.2s ease, box-shadow 0.2s ease;
+  }
+
+  .ai-chat-toggle:hover {
+    transform: scale(1.1);
+  }
+
+  /* AI Chat Panel */
+  .ai-chat-panel {
+    position: fixed;
+    bottom: calc(var(--zer0-space-fab-offset, 1rem) + 2 * (var(--zer0-space-fab-size, 3.5rem) + var(--zer0-space-fab-gap, 0.75rem)));
+    right: var(--zer0-space-fab-offset, 1rem);
+    z-index: var(--zer0-layer-fab-chat, 1052);
+    width: 360px;
+    max-height: 500px;
+    display: flex;
+    flex-direction: column;
+    background: var(--bs-body-bg, #212529);
+    border: 1px solid var(--bs-border-color, #495057);
+    opacity: 0;
+    visibility: hidden;
+    transform: translateY(1rem) scale(0.95);
+    transition: opacity 0.2s ease, transform 0.2s ease, visibility 0.2s ease;
+  }
+
+  .ai-chat-panel--open {
+    opacity: 1;
+    visibility: visible;
+    transform: translateY(0) scale(1);
+  }
+
+  /* Chat Header */
+  .ai-chat-header {
+    background: var(--bs-primary, #0d6efd);
+    color: #fff;
+    border-radius: 0.375rem 0.375rem 0 0;
+    flex-shrink: 0;
+  }
+
+  /* Chat Messages */
+  .ai-chat-messages {
+    flex: 1 1 auto;
+    overflow-y: auto;
+    min-height: 200px;
+    max-height: 320px;
+    scroll-behavior: smooth;
+  }
+
+  /* Message Bubbles */
+  .ai-chat-message--user {
+    display: flex;
+    justify-content: flex-end;
+  }
+
+  .ai-chat-message--user .ai-chat-bubble {
+    background: var(--bs-primary, #0d6efd);
+    color: #fff;
+    max-width: 85%;
+    word-wrap: break-word;
+  }
+
+  .ai-chat-message--assistant .ai-chat-bubble {
+    background: var(--bs-tertiary-bg, #2b3035);
+    color: var(--bs-body-color, #dee2e6);
+    max-width: 85%;
+    word-wrap: break-word;
+  }
+
+  /* Chat Input */
+  .ai-chat-input {
+    border-top: 1px solid var(--bs-border-color, #495057);
+    flex-shrink: 0;
+  }
+
+  .ai-chat-disclaimer {
+    font-size: 0.7rem;
+    line-height: 1.2;
+  }
+
+  /* Typing Animation */
+  .ai-chat-typing span {
+    animation: aiChatTyping 1.4s infinite;
+    display: inline-block;
+    font-weight: bold;
+    font-size: 1.2em;
+  }
+
+  .ai-chat-typing span:nth-child(2) {
+    animation-delay: 0.2s;
+  }
+
+  .ai-chat-typing span:nth-child(3) {
+    animation-delay: 0.4s;
+  }
+
+  @keyframes aiChatTyping {
+    0%, 60%, 100% { opacity: 0.3; transform: translateY(0); }
+    30% { opacity: 1; transform: translateY(-4px); }
+  }
+
+  /* Mobile Responsive */
+  @media (max-width: 576px) {
+    .ai-chat-panel {
+      width: calc(100vw - 2rem);
+      right: 1rem;
+      bottom: 8rem;
+      max-height: 60vh;
+    }
+
+    .ai-chat-toggle {
+      bottom: 4.5rem;
+      right: 1rem;
+    }
+  }
+
+  /* Respect reduced motion */
+  @media (prefers-reduced-motion: reduce) {
+    .ai-chat-panel,
+    .ai-chat-toggle,
+    .ai-chat-typing span {
+      transition: none !important;
+      animation: none !important;
+    }
+  }
+</style>
+
+{% endif %}

data/_includes/core/footer.html

@@ -260,10 +260,12 @@
   {%- endunless -%}
 
   <!-- Back to Top Button (controlled by assets/js/back-to-top.js) -->
+  <!-- Positioning/stacking handled by _sass/components/_back-to-top.scss
+       via the FAB tokens (bottom-up: back-to-top → chat toggle → TOC FAB) -->
   <a
     id="backToTopBtn"
     href="#"
-    class="btn btn-primary position-fixed bottom-0 end-0 m-3"
+    class="btn btn-primary"
     aria-label="Back to top"
     title="Back to top"
     role="button"

data/_layouts/root.html

@@ -96,6 +96,9 @@
         <!-- Privacy-compliant cookie consent banner -->
         {%- include components/cookie-consent.html -%}
 
+        <!-- AI Chat Assistant -->
+        {%- include components/ai-chat.html -%}
+
         <!-- JavaScript dependencies and custom scripts -->
         <div>
             <!-- Search functionality -->

data/_plugins/obsidian_links.rb

@@ -60,7 +60,11 @@ module Jekyll
       'tag_base_url' => '/tags/',
       'callout_class_prefix' => 'obsidian-callout',
       'wiki_link_class' => 'wiki-link',
-      'broken_link_class' => 'wiki-link wiki-link-broken'
+      'broken_link_class' => 'wiki-link wiki-link-broken',
+      # Slugs (normalised: lowercase, stripped) that are too generic to be
+      # useful as wiki-link targets and whose collisions should be silenced.
+      # Add entries in _config.yml under `obsidian.skip_slugs`.
+      'skip_slugs' => []
     }.freeze
 
     # Bootstrap alert mapping per Obsidian callout type.
@@ -104,15 +108,23 @@ module Jekyll
     class Index
       attr_reader :entries
 
-      def initialize(site)
+      def initialize(site, config = {})
         @entries = {}
+        config ||= {}
+        @skip_slugs = Array(config['skip_slugs'])
+                        .map { |s| s.to_s.downcase.strip.gsub(/\s+/, ' ') }
+                        .to_set
         build(site)
       end
 
       def build(site)
-        # All renderable docs across collections + standalone pages.
+        # All renderable docs across collections + standalone HTML pages.
+        # Filtering to output_ext == '.html' ensures raw binary docs (e.g.
+        # .ipynb notebook files) are not indexed as wiki-link targets.
         items = []
-        items.concat(site.documents) if site.respond_to?(:documents)
+        # Docs that don't expose output_ext (test doubles, exotic generators)
+        # stay indexable; real binary outputs are excluded.
+        items.concat(site.documents.reject { |d| d.respond_to?(:output_ext) && d.output_ext != '.html' }) if site.respond_to?(:documents)
         items.concat(site.pages.select { |p| p.output_ext == '.html' })
 
         items.each do |doc|
@@ -133,6 +145,7 @@ module Jekyll
       def register(key, url, doc)
         slug = normalize(key)
         return if slug.empty?
+        return if @skip_slugs.include?(slug)
 
         # First registration wins; subsequent collisions produce a deterministic
         # warning so authors can disambiguate (e.g. via `aliases:`).
@@ -449,7 +462,7 @@ module Jekyll
           return @cached_index
         end
 
-        new_index = Index.new(site)
+        new_index = Index.new(site, self.config)
         @cached_fingerprint = current_fingerprint
         @cached_site_id = site.object_id
         @cached_index = new_index

data/_sass/tokens/_layers.scss

@@ -18,6 +18,7 @@
 
   // Floating action buttons (stack bottom-to-top) --------------------------
   --zer0-layer-fab-back-to-top: 1050;
+  --zer0-layer-fab-chat: 1052;
   --zer0-layer-fab-toc: 1055;
   --zer0-layer-fab-local-graph: 1060;