Move 'Use with AI agents' disclaimer above the code block

index.html

@@ -1381,6 +1381,9 @@ pre {
             <option value="transcribe">Transcribe — Cohere</option>
           </select>
         </div>
+        <div class="agent-tip">
+          <strong>Use with AI agents</strong> — These API calls work great with Claude Code, Cursor, Windsurf, or any AI coding agent. Paste a snippet into your agent's context and ask it to call the feature. The agent can use your <code style="background:var(--surface2);padding:1px 4px;border-radius:3px;font-size:12px">HF_TOKEN</code> environment variable to authenticate. Works with MCP servers, automation scripts, and CI/CD pipelines too.
+        </div>
         <div class="api-tabs" id="api-main-tabs">
           <button class="api-tab active" type="button" data-lang="javascript" onclick="showApiLang('javascript', this)">JavaScript</button>
           <button class="api-tab" type="button" data-lang="python" onclick="showApiLang('python', this)">Python</button>
@@ -1390,10 +1393,6 @@ pre {
           <button class="copy-btn" onclick="copyCode(this)"><svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="9" y="9" width="13" height="13" rx="2"/><path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"/></svg> Copy</button>
           <pre><code id="api-code"></code></pre>
         </div>
-
-        <div class="agent-tip">
-          <strong>Use with AI agents</strong> — These API calls work great with Claude Code, Cursor, Windsurf, or any AI coding agent. Paste a snippet into your agent's context and ask it to call the feature. The agent can use your <code style="background:var(--surface2);padding:1px 4px;border-radius:3px;font-size:12px">HF_TOKEN</code> environment variable to authenticate. Works with MCP servers, automation scripts, and CI/CD pipelines too.
-        </div>
       </div>
 
       <div class="footer">Powered by <a href="https://huggingface.co/spaces/k2-fsa/OmniVoice" target="_blank">OmniVoice</a>, <a href="https://huggingface.co/spaces/Qwen/Qwen3-TTS" target="_blank">Qwen3-TTS</a>, <a href="https://huggingface.co/spaces/Plachta/Seed-VC" target="_blank">Seed-VC</a>, <a href="https://huggingface.co/spaces/multimodalart/resemble-enhance-zerogpu" target="_blank">Resemble Enhance</a>, <a href="https://huggingface.co/spaces/stabilityai/stable-audio-3" target="_blank">Stable Audio 3</a> & <a href="https://huggingface.co/spaces/CohereLabs/cohere-transcribe-03-2026" target="_blank">Cohere Transcribe</a></div>
@@ -2726,6 +2725,9 @@ renderApiCode();
 // ── Per-page inline API panels ──
 
 const API_PANEL_TABS_HTML = `
+  <div class="agent-tip" style="margin-bottom:12px">
+    <strong>Use with AI agents</strong> — Paste this snippet into Claude Code, Cursor, Windsurf, or any AI agent. The agent can use your <code style="background:var(--surface2);padding:1px 4px;border-radius:3px;font-size:12px">HF_TOKEN</code> environment variable to authenticate.
+  </div>
   <div class="api-tabs">
     <button class="api-tab" type="button" data-lang="javascript" onclick="showInlineApiLang('javascript', this)">JavaScript</button>
     <button class="api-tab" type="button" data-lang="python" onclick="showInlineApiLang('python', this)">Python</button>