# Task ID: 107

**Title:** Implement Edit Mode for Model Studio

**Status:** done

**Dependencies:** 106 ✓

**Priority:** medium

**Description:** Add inline editing capability to model studio for modifying paused responses before release.

**Details:**

Extend `src/cli/src/commands/console/model-studio.tsx`:

```typescript
import { spawn } from 'child_process';
import { writeFileSync, readFileSync, unlinkSync } from 'fs';
import { tmpdir } from 'os';
import { join } from 'path';

async function editContent(original: string): Promise<string> {
  const editor = process.env.EDITOR ?? 'vim';
  const tmpFile = join(tmpdir(), `mcpctl-edit-${Date.now()}.txt`);
  
  writeFileSync(tmpFile, original);
  
  return new Promise((resolve, reject) => {
    const proc = spawn(editor, [tmpFile], {
      stdio: 'inherit',
    });
    
    proc.on('close', (code) => {
      if (code === 0) {
        const edited = readFileSync(tmpFile, 'utf-8');
        unlinkSync(tmpFile);
        resolve(edited);
      } else {
        unlinkSync(tmpFile);
        reject(new Error(`Editor exited with code ${code}`));
      }
    });
  });
}

// In the TUI component:
useInput(async (input, key) => {
  if (input === 'e' && pauseMode && selectedPausedItem) {
    const edited = await editContent(selectedPausedItem.transformed);
    pauseQueue.editAndRelease(selectedPausedItem.id, edited);
    
    // Emit correction event
    trafficCapture.emit({
      eventType: 'content_edited',
      sessionId: selectedPausedItem.sessionId,
      contentType: selectedPausedItem.contentType,
      sourceName: selectedPausedItem.sourceName,
      original: selectedPausedItem.original,
      transformed: selectedPausedItem.transformed,
      edited,
      timestamp: Date.now(),
    });
  }
});
```

**Test Strategy:**

Integration test: pressing 'e' opens editor with content, saving and closing applies edit, edit event is emitted with correct before/after content.