fix(docs): Copy button now copies only visible text in terminal blocks

The copy button in package manager tabs was copying all commands (npm,
pnpm, bun) instead of just the selected one. Changed getVisibleText to
recursively walk the DOM and skip elements with display: none.

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>

Author: dcramer

docs/src/components/Terminal.astro

@@ -41,8 +41,21 @@ const { title, showCopy = false } = Astro.props;
       if (!button || !body) return;
 
       button.addEventListener('click', async () => {
-        // Extract text content from the terminal body
-        const content = body.textContent || '';
+        // Get only visible text content (respects display: none)
+        function getVisibleText(element: Element): string {
+          if (getComputedStyle(element).display === 'none') return '';
+          let text = '';
+          for (const node of element.childNodes) {
+            if (node.nodeType === Node.TEXT_NODE) {
+              text += node.textContent;
+            } else if (node.nodeType === Node.ELEMENT_NODE) {
+              text += getVisibleText(node as Element);
+            }
+          }
+          return text;
+        }
+
+        const content = getVisibleText(body);
 
         // Split into lines and process each line
         const lines = content.split('\n');