feat(sample-app): click-to-copy on status bar values

Click any status value (endpoint, IDs, cookies) to copy to clipboard.
Brief green flash as feedback. Skips placeholder dashes.

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

Author: ImmutableJeffrey

packages/audience/sdk-sample-app/sample-app.css

@@ -126,12 +126,17 @@ h1 {
 .status-value {
   color: var(--text);
   word-break: break-all;
+  cursor: pointer;
 }
 
 .status-value.dim {
   color: var(--text-dim);
 }
 
+.status-value.copied {
+  color: var(--ok);
+}
+
 .panel {
   padding: 16px 20px;
   margin-bottom: 16px;

packages/audience/sdk-sample-app/sample-app.js

@@ -565,6 +565,16 @@
       $(id).addEventListener('input', syncAliasButton);
     });
     $('btn-clear-cookies').addEventListener('click', clearSdkCookies);
+    document.querySelector('.status-bar').addEventListener('click', function (e) {
+      var val = e.target.closest('.status-value');
+      if (!val || val.textContent === '—') return;
+      var original = val.textContent;
+      navigator.clipboard.writeText(original).then(function () {
+        val.textContent = 'Copied';
+        val.classList.add('copied');
+        setTimeout(function () { val.textContent = original; val.classList.remove('copied'); }, 800);
+      }).catch(function () {});
+    });
 
     $('btn-copy-log').addEventListener('click', function () {
       var s = logEntries.map(function (e) {