feat: implement copy selected text with Ctrl+C

changelog.md

@@ -17,6 +17,8 @@ All notable changes to this project will be documented in this file.
 - **Multi-select delete**: Double-click to enter selection mode, click to toggle selection, batch delete support
 - **Title truncation**: Long titles in the list display with ellipsis
 - **Time display**: Format "time · month/day/year", e.g., "12:45 · 4/11/2026"
+- **Copy**: In edit mode, use Shift+Arrow to select text, then Ctrl+C to copy
+- **Exit**: Press Ctrl+D to exit
 
 ### Technical
 
@@ -33,4 +35,11 @@ All notable changes to this project will be documented in this file.
 ```bash
 npm run dev    # Development mode
 npm run build  # Build to mio.exe
-```
+```
+
+### Keyboard Shortcuts
+
+- `Shift+Arrow` - Select text in edit mode
+- `Ctrl+C` - Copy selected text (in edit mode)
+- `Ctrl+D` - Exit application
+- `Esc` - Exit application (alternative)

src/components/NoteEditor.tsx

@@ -1,10 +1,12 @@
 import { useState, useEffect, useRef } from "react";
+import type { TextareaRenderable } from "@opentui/core";
 import { db, type Note } from "../db";
 
 interface NoteEditorProps {
   note: Note | null;
   onUpdate: () => void;
   onDelete: (id: number) => void;
+  onCopySelected: () => string;
 }
 
 function renderMarkdown(content: string): any {
@@ -58,11 +60,11 @@ function renderMarkdown(content: string): any {
   return elements;
 }
 
-export function NoteEditor({ note, onUpdate, onDelete }: NoteEditorProps) {
+export function NoteEditor({ note, onUpdate, onDelete, onCopySelected }: NoteEditorProps) {
   const [isEditing, setIsEditing] = useState(false);
   const [title, setTitle] = useState("");
   const [content, setContent] = useState("");
-  const textareaRef = useRef<{ plainText: string } | null>(null);
+  const textareaRef = useRef<TextareaRenderable | null>(null);
 
   useEffect(() => {
     if (note) {
@@ -75,6 +77,14 @@ export function NoteEditor({ note, onUpdate, onDelete }: NoteEditorProps) {
     setIsEditing(false);
   }, [note?.id]);
 
+  useEffect(() => {
+    if (onCopySelected) {
+      (window as any).__getSelectedText = () => {
+        return textareaRef.current?.getSelectedText() ?? "";
+      };
+    }
+  }, [onCopySelected]);
+
   const handleSave = async () => {
     if (note) {
       const finalContent = textareaRef.current?.plainText ?? content;
@@ -85,6 +95,10 @@ export function NoteEditor({ note, onUpdate, onDelete }: NoteEditorProps) {
     }
   };
 
+  const getSelectedText = (): string => {
+    return textareaRef.current?.getSelectedText() ?? "";
+  };
+
   if (!note) {
     return (
       <box flexGrow={1} justifyContent="center" alignItems="center">

src/index.tsx

@@ -77,10 +77,20 @@ function App() {
 
   const selectedNote = selectedId ? notes.find((n) => n.id === selectedId) : null;
 
+  const handleCopySelected = (): string => {
+    return (window as any).__getSelectedText?.() ?? "";
+  };
+
   useKeyboard((key) => {
-    if (key.name === "escape") {
+    if (key.ctrl && key.name === "d") {
       process.exit(0);
     }
+    if (key.ctrl && key.name === "c") {
+      const text = handleCopySelected();
+      if (text) {
+        process.stdout.write('\x1b]52;c;' + btoa(text) + '\x07');
+      }
+    }
   });
 
   return (
@@ -98,11 +108,11 @@ function App() {
         />
       </box>
       <box flexGrow={1}>
-        <NoteEditor note={selectedNote || null} onUpdate={handleUpdate} onDelete={handleDelete} />
+        <NoteEditor note={selectedNote || null} onUpdate={handleUpdate} onDelete={handleDelete} onCopySelected={handleCopySelected} />
       </box>
     </box>
   );
 }
 
-const renderer = await createCliRenderer();
+const renderer = await createCliRenderer({ exitOnCtrlC: false });
 createRoot(renderer).render(<App />);