myrlin-workbook 0.9.11 → 0.9.13

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "myrlin-workbook",
-  "version": "0.9.11",
+  "version": "0.9.13",
   "description": "Browser-based project manager for Claude Code sessions - session discovery, multi-terminal, cost tracking, docs, and kanban board",
   "main": "src/index.js",
   "bin": {

package/src/web/public/app.js

@@ -9568,11 +9568,14 @@ class CWMApp {
         const text = accumulatedTranscript.trim();
         if (text) {
           const currentTp = this.terminalPanes[slotIdx];
-          if (currentTp && currentTp.ws && currentTp.ws.readyState === WebSocket.OPEN) {
-            currentTp.ws.send(JSON.stringify({ type: 'input', data: text + '\n' }));
-            this.showToast('Voice input sent', 'success');
-          } else {
+          if (!currentTp || !currentTp.ws || currentTp.ws.readyState !== WebSocket.OPEN) {
             this.showToast('Terminal not connected, voice input discarded', 'warning');
+          } else {
+            // Clean up punctuation and grammar before sending
+            this._punctuateVoiceText(text).then(cleaned => {
+              currentTp.ws.send(JSON.stringify({ type: 'input', data: cleaned + '\n' }));
+              this.showToast('Voice input sent', 'success');
+            });
           }
         }
       } else {
@@ -9633,6 +9636,31 @@ class CWMApp {
     }
   }
 
+  /**
+   * Add punctuation and grammar to raw voice transcription text.
+   * Tries the server-side AI punctuation endpoint (uses Anthropic API key if configured).
+   * Falls back to basic rule-based cleanup if the API is unavailable.
+   * @param {string} rawText - Raw speech-to-text output without punctuation
+   * @returns {Promise<string>} Cleaned text with punctuation and capitalization
+   */
+  async _punctuateVoiceText(rawText) {
+    if (!rawText || !rawText.trim()) return rawText;
+
+    // Try AI-powered punctuation via the server
+    try {
+      const data = await this.api('POST', '/api/ai/punctuate', { text: rawText });
+      if (data && data.text) return data.text;
+    } catch (_) {
+      // API unavailable or no key configured, fall through to rule-based
+    }
+
+    // Rule-based fallback: capitalize first letter, add period at end
+    let text = rawText.trim();
+    text = text.charAt(0).toUpperCase() + text.slice(1);
+    if (!/[.!?]$/.test(text)) text += '.';
+    return text;
+  }
+
   /**
    * Swap two terminal panes in the grid.
    * Swaps the xterm DOM nodes and the terminalPanes array entries.

package/src/web/public/terminal.js

@@ -257,6 +257,7 @@ class TerminalPane {
     this._writeBuf = '';
     this._activitySample = '';
     this._writeRaf = null;
+    this._pasteHandled = false;
   }
 
   _log(msg) {
@@ -400,10 +401,17 @@ class TerminalPane {
       const xtermTextarea = container.querySelector('.xterm-helper-textarea');
       if (xtermTextarea) {
         xtermTextarea.addEventListener('beforeinput', (e) => {
-          // Block paste events - we handle Ctrl+V/Cmd+V ourselves via
-          // pasteFromClipboard() to avoid xterm.js onData firing twice
+          // Intercept paste-via-beforeinput to prevent xterm.js onData double-send.
+          // Extract the pasted text and send it through our WebSocket instead.
+          // Set _pasteHandled flag so the paste event handler doesn't double-send.
           if (e.inputType === 'insertFromPaste') {
             e.preventDefault();
+            this._pasteHandled = true;
+            const text = e.data || (e.dataTransfer && e.dataTransfer.getData('text/plain')) || '';
+            if (text && this.ws && this.ws.readyState === WebSocket.OPEN) {
+              const bracketedText = '\x1b[200~' + text + '\x1b[201~';
+              this.ws.send(JSON.stringify({ type: 'input', data: bracketedText }));
+            }
             return;
           }
 
@@ -426,10 +434,22 @@ class TerminalPane {
           }
         }, { capture: true });
 
-        // Also block native paste event as a fallback
+        // Intercept native paste events (right-click > Paste, Edit menu, touch-paste)
+        // and route them through our WebSocket instead of letting xterm.js double-send.
+        // Ctrl+V/Cmd+V is handled by the custom key handler. beforeinput may have
+        // already handled this paste (sets _pasteHandled), so check the flag first.
         xtermTextarea.addEventListener('paste', (e) => {
           e.preventDefault();
           e.stopPropagation();
+          if (this._pasteHandled) {
+            this._pasteHandled = false;
+            return;
+          }
+          const text = (e.clipboardData || window.clipboardData || '').getData('text');
+          if (text && this.ws && this.ws.readyState === WebSocket.OPEN) {
+            const bracketedText = '\x1b[200~' + text + '\x1b[201~';
+            this.ws.send(JSON.stringify({ type: 'input', data: bracketedText }));
+          }
         }, { capture: true });
       }
 

package/src/web/server.js

@@ -2363,6 +2363,57 @@ app.put('/api/keys/anthropic', requireAuth, (req, res) => {
   return res.json({ success: true, configured: !!key, masked });
 });
 
+// ──────────────────────────────────────────────────────────
+//  AI-POWERED VOICE PUNCTUATION
+// ──────────────────────────────────────────────────────────
+
+/**
+ * POST /api/ai/punctuate
+ * Adds punctuation, capitalization, and grammar to raw voice dictation text.
+ * Uses Claude Haiku for fast, low-cost cleanup. Returns 400 if no API key.
+ * Body: { text: "raw voice text without punctuation" }
+ * Returns: { text: "Cleaned text with proper punctuation." }
+ */
+app.post('/api/ai/punctuate', requireAuth, async (req, res) => {
+  const { text } = req.body || {};
+  if (!text || typeof text !== 'string' || text.trim().length < 2) {
+    return res.status(400).json({ error: 'Text is required (at least 2 characters)' });
+  }
+
+  const store = getStore();
+  const apiKey = (store.getState().settings || {}).anthropicApiKey || '';
+  if (!apiKey) {
+    return res.status(400).json({ error: 'No Anthropic API key configured' });
+  }
+
+  try {
+    const response = await fetch('https://api.anthropic.com/v1/messages', {
+      method: 'POST',
+      headers: {
+        'Content-Type': 'application/json',
+        'x-api-key': apiKey,
+        'anthropic-version': '2023-06-01',
+      },
+      body: JSON.stringify({
+        model: 'claude-haiku-4-5-20251001',
+        max_tokens: 1024,
+        system: `You are a punctuation and grammar fixer for voice dictation. Given raw speech-to-text output, add proper punctuation (periods, commas, question marks, exclamation points), capitalization, and fix obvious grammar issues. Keep the original meaning and wording intact. Do NOT add, remove, or rephrase words. Do NOT add quotes around the text. Return ONLY the corrected text, nothing else.`,
+        messages: [{ role: 'user', content: text.trim() }],
+      }),
+    });
+
+    if (!response.ok) {
+      return res.status(502).json({ error: `Claude API returned ${response.status}` });
+    }
+
+    const data = await response.json();
+    const cleaned = (data.content && data.content[0] && data.content[0].text) || text;
+    return res.json({ text: cleaned.trim() });
+  } catch (err) {
+    return res.status(502).json({ error: 'Failed to reach Claude API: ' + err.message });
+  }
+});
+
 // ──────────────────────────────────────────────────────────
 //  AI-POWERED SESSION FINDER
 // ──────────────────────────────────────────────────────────