fix: truncate long messages from the left to prevent overflow

- Add width calculation based on editor size
- Truncate messages from the left side when they exceed available width
- Add ellipsis (...) at the beginning of truncated messages
- Ensures messages stay within editor bounds and remain right-aligned

🤖 Generated with [Claude Code](https://claude.ai/code)

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

Author: fcoury

plugins/fidget.js

@@ -71,6 +71,7 @@ function updateOverlay(red, info, messages, spinnerIcon) {
   log("[FIDGET] Updating overlay with", messages.size, "messages");
 
   const lines = [];
+  const maxWidth = info.size[0] - 4; // Leave some padding from the right edge
 
   // Convert messages to overlay lines (stack from bottom up)
   const messageArray = Array.from(messages.entries()).slice(0, config.maxMessages);
@@ -119,6 +120,12 @@ function updateOverlay(red, info, messages, spinnerIcon) {
       displayText = `${msg.text} ${spinnerIcon}`;
     }
 
+    // Truncate from the left if the message is too long
+    if (displayText.length > maxWidth) {
+      // Keep the right side of the message, add ellipsis on the left
+      displayText = "..." + displayText.substring(displayText.length - maxWidth + 3);
+    }
+    
     lines.push({
       text: displayText,
       style: info.theme.style