71 lines
1.9 KiB
Markdown
71 lines
1.9 KiB
Markdown
|
# 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.
|