Settings > API: token changes wait for Save, curl example with the token

Adding or revoking an API token is now pending like the other settings:
Save applies it, Cancel drops it. After Save each new token is shown once
with a copy button, and the curl example uses it, highlighted, with its
own copy button.

Co-Authored-By: Claude Opus 5.5 (1M context) <noreply@anthropic.com>

web/index.html

@@ -462,20 +462,17 @@
               <div id="tokenList" class="token-list"></div>
               <form id="tokenForm" class="token-form">
                 <input id="tokenName" type="text" class="dk-filter" maxlength="80" autocomplete="off" spellcheck="false" data-i18n-ph="tokenNamePh" data-i18n-aria="tokenNamePh">
-                <button id="tokenCreate" class="btn" type="submit" data-i18n="tokenCreate">Create a token</button>
+                <button id="tokenCreate" class="btn" type="submit" data-i18n="tokenCreate">Add a token</button>
               </form>
-              <div id="tokenNew" class="token-new" hidden>
-                <p class="small" data-i18n="tokenOnce"></p>
-                <div class="token-secret">
-                  <code id="tokenSecret"></code>
-                  <button id="tokenCopy" class="btn" type="button" data-i18n="tokenCopy">Copy</button>
-                </div>
-              </div>
+              <div id="tokenNew" class="token-new" hidden></div>
             </section>
             <section class="set-section">
               <h3 data-i18n="tokensUse">Usage</h3>
               <p class="muted small" data-i18n="tokensUseHelp"></p>
-              <pre id="tokenExample" class="token-example"></pre>
+              <div class="token-example-box">
+                <pre id="tokenExample" class="token-example"></pre>
+                <button id="tokenExampleCopy" class="btn" type="button" data-i18n="tokenExampleCopy">Copy the command</button>
+              </div>
             </section>
           </div>
         </div>