feat(scratchpad): improve footer UX and accessibility

- Add line count to the scratchpad footer ("X chars, Y lines").
- Remove `aria-live` from character count to prevent screen reader spam.
- Fix focus management: keep focus on "Copy" and "Remove Empty Lines" buttons after click to allow status updates to be announced and prevent disorienting focus jumps.
- Update `.Jules/palette.md` with focus management learning.

Author: google-labs-jules[bot]

.Jules/palette.md

@@ -9,3 +9,7 @@
 ## 2024-05-27 - Clipboard Reliability in Webviews
 **Learning:** `navigator.clipboard.writeText` in VS Code Webviews is flaky because it requires the document to be focused, which isn't guaranteed if the user just clicked a button.
 **Action:** Always delegate clipboard operations to the extension host via `postMessage` and `vscode.env.clipboard.writeText` for robust behavior.
+
+## 2025-10-26 - Scratchpad Focus Management
+**Learning:** In VS Code Webviews, automatically returning focus to the main input (e.g. textarea) after a button click (like "Copy" or "Remove Empty Lines") can be disorienting for screen reader users and keyboard navigators. It interrupts the natural tab order and prevents users from hearing status updates on the button they just clicked.
+**Action:** Avoid calling `.focus()` on the input element immediately after secondary actions unless the primary purpose of the action is to prepare for immediate typing. For status updates (like "Copied!"), keep focus on the trigger element.

src/features/scratchpad/scratchpad.html

@@ -108,7 +108,7 @@
         spellcheck="false"
     ></textarea>
     <div class="footer">
-        <span id="char-count" class="char-count" aria-live="polite">0 chars</span>
+        <span id="char-count" class="char-count">0 chars, 0 lines</span>
         <div class="actions">
             <button id="btn-copy" class="btn btn-primary" aria-label="Copy to Clipboard" title="Copy content to clipboard">
                 Copy
@@ -143,7 +143,8 @@
 
         function updateCharCount() {
             const length = textarea.value.length;
-            charCount.textContent = `${length} char${length !== 1 ? 's' : ''}`;
+            const lines = length === 0 ? 0 : textarea.value.split('\n').length;
+            charCount.textContent = `${length} char${length !== 1 ? 's' : ''}, ${lines} line${lines !== 1 ? 's' : ''}`;
         }
 
         function resetClearButton() {
@@ -203,8 +204,6 @@
 
             if (copyTimeoutId) clearTimeout(copyTimeoutId);
             copyTimeoutId = setTimeout(resetCopyButton, 2000);
-
-            textarea.focus();
         });
 
         // Clear Button Logic
@@ -256,8 +255,6 @@
 
             if (removeEmptyTimeoutId) clearTimeout(removeEmptyTimeoutId);
             removeEmptyTimeoutId = setTimeout(resetRemoveEmptyButton, 2000);
-
-            textarea.focus();
         });
 
         textarea.addEventListener('focus', resetClearButton);