fix: preserve newlines in copy and add Cmd+C shortcut (#87)

* fix: use @plannotator/web-highlighter for proper newline handling

- Switch from web-highlighter to @plannotator/web-highlighter@0.8.1
- Use source.text from highlighter (preserves newlines in cross-block selections)
- Update dependency to ^0.8.1 which fixes exports field for bundlers

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

* feat: add Cmd+C keyboard shortcut for copying selected text

Closes #60

When text is selected and the annotation toolbar is visible, Cmd+C (Mac)
or Ctrl+C (Windows/Linux) will copy the selected text with proper newlines
preserved between block elements.

This works because @plannotator/web-highlighter@0.8.1 now captures text
using Selection.toString() which preserves newlines for cross-block
selections.

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

* fix: don't intercept Cmd+C in input/textarea fields

Prevents the custom copy handler from intercepting Cmd+C when the user
is focused in an input or textarea (e.g., annotation comment input).
Previously, copying text from an input would copy the original plan
selection instead.

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

---------

Co-authored-by: Claude Opus 4.5 <noreply@anthropic.com>

Author: backnotprop

bun.lock

@@ -1,5 +1,5 @@
 import React, { useRef, useState, useEffect, forwardRef, useImperativeHandle, useCallback } from 'react';
-import Highlighter from 'web-highlighter';
+import Highlighter from '@plannotator/web-highlighter';
 import hljs from 'highlight.js';
 import 'highlight.js/styles/github-dark.css';
 import { Block, Annotation, AnnotationType, EditorMode } from '../types';
@@ -137,6 +137,32 @@ export const Viewer = forwardRef<ViewerHandle, ViewerProps>(({
     onAddAnnotationRef.current = onAddAnnotation;
   }, [onAddAnnotation]);
 
+  // Cmd+C / Ctrl+C keyboard shortcut for copying selected text
+  useEffect(() => {
+    const handleKeyDown = async (e: KeyboardEvent) => {
+      // Check for Cmd+C (Mac) or Ctrl+C (Windows/Linux)
+      if ((e.metaKey || e.ctrlKey) && e.key === 'c') {
+        // Don't intercept if typing in an input/textarea
+        const tag = (e.target as HTMLElement)?.tagName;
+        if (tag === 'INPUT' || tag === 'TEXTAREA') return;
+
+        // If we have an active selection with captured text, use that
+        if (toolbarState?.selectionText) {
+          e.preventDefault();
+          try {
+            await navigator.clipboard.writeText(toolbarState.selectionText);
+          } catch (err) {
+            console.error('Failed to copy:', err);
+          }
+        }
+        // Otherwise let the browser handle default copy behavior
+      }
+    };
+
+    document.addEventListener('keydown', handleKeyDown);
+    return () => document.removeEventListener('keydown', handleKeyDown);
+  }, [toolbarState]);
+
   // Helper to create annotation from highlighter source
   const createAnnotationFromSource = (
     highlighter: Highlighter,
@@ -433,8 +459,9 @@ export const Viewer = forwardRef<ViewerHandle, ViewerProps>(({
             window.getSelection()?.removeAllRanges();
           } else {
             // Show toolbar in selection mode
-            // Capture selection text now (preserves line breaks between blocks)
-            const selectionText = window.getSelection()?.toString() || source.text;
+            // Use source.text from web-highlighter (complete text, captured before DOM modification)
+            // Note: Selection.toString() would be truncated since web-highlighter already wrapped the selection
+            const selectionText = source.text;
             pendingSourceRef.current = source;
             setToolbarState({ element: doms[0] as HTMLElement, source, selectionText });
           }

packages/ui/components/Viewer.tsx

@@ -14,6 +14,6 @@
     "react": "^19.2.3",
     "react-dom": "^19.2.3",
     "unique-username-generator": "^1.5.1",
-    "web-highlighter": "^0.7.4"
+    "@plannotator/web-highlighter": "^0.8.1"
   }
 }