Compare commits
No commits in common. "10ccae24306c79d3d3d5ec61a20ded24a5e374fc" and "68cf310f0cbc4798a3f809f0328eef14456a3f20" have entirely different histories.
10ccae2430
...
68cf310f0c
@ -82,7 +82,7 @@ class CollaborativeOrchestrator {
|
||||
}
|
||||
|
||||
/**
|
||||
* Start a session - SYSTEM creates base structure, then Round 1 begins with Agent 1
|
||||
* Start a session - create initial document with first agent
|
||||
*/
|
||||
async startSession(sessionId) {
|
||||
try {
|
||||
@ -91,23 +91,27 @@ class CollaborativeOrchestrator {
|
||||
|
||||
console.log(`[Session ${sessionId}] Starting session with ${session.agents.length} agents: ${session.agents.join(', ')}`)
|
||||
|
||||
// STEP 1: SYSTEM creates base structure (not an AI agent)
|
||||
console.log(`[Session ${sessionId}] [SYSTEM] Creating base document structure...`)
|
||||
const baseStructure = `# ${session.initialPrompt.split('\n')[0] || 'Project Overview'}\n\nThis document will be collaboratively developed by ${session.agents.length} AI specialists.`
|
||||
const firstAgent = session.agents[0]
|
||||
console.log(`[Session ${sessionId}] ${firstAgent} creating initial document...`)
|
||||
|
||||
console.log(`[Session ${sessionId}] [SYSTEM] Base structure created (${baseStructure.length} chars)`)
|
||||
console.log(`[Session ${sessionId}] ===== BASE STRUCTURE (v0) =====`)
|
||||
console.log(baseStructure)
|
||||
console.log(`[Session ${sessionId}] ===== END BASE STRUCTURE =====`)
|
||||
// Generate initial document
|
||||
const initialResponse = await generateAgentResponseSync(
|
||||
firstAgent,
|
||||
session.initialPrompt,
|
||||
''
|
||||
)
|
||||
|
||||
// Save base structure to DB
|
||||
const initialDocument = extractSection(initialResponse)
|
||||
const thinking = extractThinking(initialResponse)
|
||||
|
||||
// Save to DB
|
||||
const insertStmt = db.prepare(
|
||||
'INSERT INTO document_versions (session_id, version_number, content, modified_by, modification_reason, round_number) VALUES (?, ?, ?, ?, ?, ?)'
|
||||
)
|
||||
insertStmt.run(sessionId, 0, baseStructure, 'SYSTEM', 'Base structure creation', 0)
|
||||
insertStmt.run(sessionId, 0, initialDocument, firstAgent, 'Initial document creation', 0)
|
||||
|
||||
// Update session
|
||||
session.currentDocument = baseStructure
|
||||
session.currentDocument = initialDocument
|
||||
session.versionNumber = 0
|
||||
session.started = true
|
||||
session.consecutiveNoChanges = 0
|
||||
@ -116,17 +120,22 @@ class CollaborativeOrchestrator {
|
||||
const updateStmt = db.prepare('UPDATE collaborative_sessions SET status = ? WHERE id = ?')
|
||||
updateStmt.run('ongoing', sessionId)
|
||||
|
||||
// Broadcast base structure
|
||||
console.log(`[Session ${sessionId}] Initial document created (${initialDocument.length} chars)`)
|
||||
console.log(`[Session ${sessionId}] ===== INITIAL DOCUMENT =====`)
|
||||
console.log(initialDocument)
|
||||
console.log(`[Session ${sessionId}] ===== END INITIAL DOCUMENT =====`)
|
||||
|
||||
// Broadcast initial document
|
||||
this.broadcast(sessionId, {
|
||||
type: 'initial_document_created',
|
||||
content: baseStructure,
|
||||
agentName: 'SYSTEM',
|
||||
thinking: 'Created base structure for collaboration',
|
||||
content: initialDocument,
|
||||
agentName: firstAgent,
|
||||
thinking,
|
||||
roundNumber: 0
|
||||
})
|
||||
|
||||
console.log(`[Session ${sessionId}] Base structure ready. Scheduling Round 1 in 2s...`)
|
||||
// Auto-start first round with all agents
|
||||
console.log(`[Session ${sessionId}] Scheduling first round in 2s...`)
|
||||
// Auto-start first round
|
||||
setTimeout(() => this.runRound(sessionId), 2000)
|
||||
} catch (error) {
|
||||
console.error('Error starting session:', error)
|
||||
@ -151,17 +160,11 @@ class CollaborativeOrchestrator {
|
||||
|
||||
console.log(`[Session ${sessionId}] ===== ROUND ${roundNumber} START =====`)
|
||||
|
||||
// Each agent reviews the document SEQUENTIALLY, receiving the updated version from the previous agent
|
||||
// Each agent reviews the document
|
||||
for (let i = 0; i < agentsInRound.length; i++) {
|
||||
const agentName = agentsInRound[i]
|
||||
const documentVersion = session.versionNumber
|
||||
|
||||
// STEP: Agent receives current document state
|
||||
console.log(`[Session ${sessionId}] Round ${roundNumber}: AGENT ${i + 1}/${agentsInRound.length} - ${agentName}`)
|
||||
console.log(`[Session ${sessionId}] ${agentName} receives document v${documentVersion} (${session.currentDocument.length} chars)`)
|
||||
console.log(`[Session ${sessionId}] ===== DOCUMENT SEEN BY ${agentName} (v${documentVersion}) =====`)
|
||||
console.log(session.currentDocument)
|
||||
console.log(`[Session ${sessionId}] ===== END DOCUMENT SEEN BY ${agentName} =====`)
|
||||
console.log(`[Session ${sessionId}] Round ${roundNumber}: ${agentName} reviewing...`)
|
||||
|
||||
// Broadcast that this agent is working
|
||||
this.broadcast(sessionId, {
|
||||
@ -171,22 +174,21 @@ class CollaborativeOrchestrator {
|
||||
})
|
||||
|
||||
try {
|
||||
console.log(`[Session ${sessionId}] ${agentName} analyzing and generating response...`)
|
||||
const response = await generateAgentResponseSync(
|
||||
agentName,
|
||||
session.initialPrompt,
|
||||
session.currentDocument // <-- This is always the latest version
|
||||
session.currentDocument
|
||||
)
|
||||
|
||||
const thinking = extractThinking(response)
|
||||
const section = extractSection(response)
|
||||
|
||||
console.log(`[Session ${sessionId}] ${agentName} response received (${response.length} chars)`)
|
||||
console.log(`[Session ${sessionId}] --- THINKING (${agentName}) ---`)
|
||||
console.log(`[Session ${sessionId}] Round ${roundNumber}: ${agentName} response received (${response.length} chars)`)
|
||||
console.log(`[Session ${sessionId}] --- THINKING ---`)
|
||||
console.log(thinking)
|
||||
console.log(`[Session ${sessionId}] --- SECTION (${agentName}) ---`)
|
||||
console.log(`[Session ${sessionId}] --- SECTION ---`)
|
||||
console.log(section)
|
||||
console.log(`[Session ${sessionId}] --- END RESPONSE (${agentName}) ---`)
|
||||
console.log(`[Session ${sessionId}] --- END RESPONSE ---`)
|
||||
|
||||
// Broadcast agent's thinking in real-time
|
||||
this.broadcast(sessionId, {
|
||||
@ -213,13 +215,12 @@ class CollaborativeOrchestrator {
|
||||
const isNewSection = !docBefore.includes(headerText)
|
||||
const action = isNewSection ? 'CREATED NEW SECTION' : 'MODIFIED'
|
||||
|
||||
console.log(`[Session ${sessionId}] ✓ ${agentName} ${action}: "${headerText}"`)
|
||||
console.log(`[Session ${sessionId}] Document updated: v${session.versionNumber - 1} → v${session.versionNumber} (${docBefore.length} → ${updatedDocument.length} chars)`)
|
||||
console.log(`[Session ${sessionId}] ===== BEFORE (v${session.versionNumber - 1}) =====`)
|
||||
console.log(`[Session ${sessionId}] Round ${roundNumber}: ${agentName} ${action}: "${headerText}" (v${session.versionNumber})`)
|
||||
console.log(`[Session ${sessionId}] ===== DOCUMENT BEFORE (v${session.versionNumber - 1}) =====`)
|
||||
console.log(docBefore)
|
||||
console.log(`[Session ${sessionId}] ===== AFTER (v${session.versionNumber}) [${agentName}] =====`)
|
||||
console.log(`[Session ${sessionId}] ===== DOCUMENT AFTER (v${session.versionNumber}) =====`)
|
||||
console.log(updatedDocument)
|
||||
console.log(`[Session ${sessionId}] ===== END CHANGE =====`)
|
||||
console.log(`[Session ${sessionId}] ===== END DOCUMENT =====`)
|
||||
|
||||
// Save version to DB
|
||||
const insertStmt = db.prepare(
|
||||
|
||||
@ -48,7 +48,7 @@ function startNewCollaboration() {
|
||||
<CollaborativeSession
|
||||
v-if="currentSessionId"
|
||||
:session-id="currentSessionId"
|
||||
@go-home="startNewCollaboration"
|
||||
@session-completed="startNewCollaboration"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -12,7 +12,7 @@ const props = defineProps({
|
||||
}
|
||||
})
|
||||
|
||||
const emit = defineEmits(['go-home'])
|
||||
const emit = defineEmits(['session-completed'])
|
||||
|
||||
const collaborationStore = useCollaborationStore()
|
||||
const ws = useWebSocket(props.sessionId)
|
||||
@ -149,7 +149,7 @@ const completeSession = async () => {
|
||||
isAutoRunning.value = false
|
||||
if (autoRunTimeout.value) clearTimeout(autoRunTimeout.value)
|
||||
await collaborationStore.completeSession(props.sessionId)
|
||||
// Stay on the session page - don't redirect
|
||||
emit('session-completed')
|
||||
} catch (error) {
|
||||
console.error('Error completing session:', error)
|
||||
}
|
||||
@ -199,7 +199,7 @@ function formatAgentName(agent) {
|
||||
</button>
|
||||
|
||||
<button
|
||||
v-if="!hasConverged && (isAutoRunning || isRunningRound)"
|
||||
v-if="isAutoRunning || isRunningRound"
|
||||
@click="stopSession"
|
||||
class="stop-btn"
|
||||
title="Stop the session"
|
||||
@ -207,15 +207,6 @@ function formatAgentName(agent) {
|
||||
Stop
|
||||
</button>
|
||||
|
||||
<button
|
||||
v-if="hasConverged"
|
||||
@click="$emit('go-home')"
|
||||
class="home-btn"
|
||||
title="Start new session"
|
||||
>
|
||||
Home
|
||||
</button>
|
||||
|
||||
<div v-if="isAutoRunning || isRunningRound" class="auto-run-indicator">
|
||||
<span class="pulse"></span>
|
||||
Auto-running...
|
||||
@ -394,24 +385,6 @@ function formatAgentName(agent) {
|
||||
box-shadow: 0 8px 20px rgba(244, 67, 54, 0.3);
|
||||
}
|
||||
|
||||
.home-btn {
|
||||
padding: 0.75rem 1.5rem;
|
||||
background: rgba(76, 175, 80, 0.8);
|
||||
border: 1px solid rgba(255, 255, 255, 0.2);
|
||||
color: white;
|
||||
border-radius: 10px;
|
||||
font-weight: 500;
|
||||
cursor: pointer;
|
||||
transition: all 0.3s ease;
|
||||
backdrop-filter: blur(10px);
|
||||
}
|
||||
|
||||
.home-btn:hover {
|
||||
background: rgba(76, 175, 80, 0.95);
|
||||
transform: translateY(-2px);
|
||||
box-shadow: 0 8px 20px rgba(76, 175, 80, 0.3);
|
||||
}
|
||||
|
||||
.auto-run-indicator {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
||||
@ -17,14 +17,26 @@ const getAgentStatus = (round) => {
|
||||
}))
|
||||
}
|
||||
|
||||
const totalRounds = computed(() => conversationHistory.value.length)
|
||||
const roundProgress = computed(() => {
|
||||
if (agentCount.value === 0 || conversationHistory.value.length === 0) return 0
|
||||
// Estimate progress: assume ~10 rounds max before convergence
|
||||
const maxRounds = Math.ceil(agentCount.value * 1.5)
|
||||
return Math.min(Math.round((conversationHistory.value.length / maxRounds) * 100), 100)
|
||||
})
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<div class="timeline-panel">
|
||||
<!-- Round Counter -->
|
||||
<!-- Progress Bar -->
|
||||
<div class="progress-section">
|
||||
<div class="round-counter">Round {{ totalRounds }}</div>
|
||||
<div class="progress-header">
|
||||
<span class="progress-label">Session Progress</span>
|
||||
<span class="progress-percent">{{ roundProgress }}%</span>
|
||||
</div>
|
||||
<div class="progress-bar">
|
||||
<div class="progress-fill" :style="{ width: roundProgress + '%' }"></div>
|
||||
</div>
|
||||
<div class="round-counter">Round {{ currentRound }}</div>
|
||||
</div>
|
||||
|
||||
<!-- Timeline -->
|
||||
@ -78,18 +90,50 @@ const totalRounds = computed(() => conversationHistory.value.length)
|
||||
|
||||
.progress-section {
|
||||
padding: 1rem;
|
||||
background: rgba(102, 126, 234, 0.12);
|
||||
background: rgba(102, 126, 234, 0.1);
|
||||
border: 1px solid rgba(102, 126, 234, 0.3);
|
||||
border-radius: 12px;
|
||||
backdrop-filter: blur(10px);
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.progress-header {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
margin-bottom: 0.75rem;
|
||||
font-size: 0.875rem;
|
||||
}
|
||||
|
||||
.progress-label {
|
||||
color: rgba(255, 255, 255, 0.7);
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
.progress-percent {
|
||||
color: var(--primary);
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.progress-bar {
|
||||
height: 6px;
|
||||
background: rgba(255, 255, 255, 0.05);
|
||||
border-radius: 3px;
|
||||
overflow: hidden;
|
||||
margin-bottom: 0.5rem;
|
||||
}
|
||||
|
||||
.progress-fill {
|
||||
height: 100%;
|
||||
background: linear-gradient(90deg, #667eea, #764ba2);
|
||||
border-radius: 3px;
|
||||
transition: width 0.3s ease;
|
||||
}
|
||||
|
||||
.round-counter {
|
||||
font-size: 1.2rem;
|
||||
color: rgba(102, 126, 234, 0.9);
|
||||
font-weight: 600;
|
||||
letter-spacing: 0.5px;
|
||||
text-align: center;
|
||||
font-size: 0.875rem;
|
||||
color: rgba(255, 255, 255, 0.6);
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
.timeline-list {
|
||||
@ -152,18 +196,18 @@ const totalRounds = computed(() => conversationHistory.value.length)
|
||||
align-items: center;
|
||||
gap: 0.3rem;
|
||||
padding: 0.25rem 0.5rem;
|
||||
background: rgba(150, 150, 150, 0.15);
|
||||
background: rgba(255, 255, 255, 0.05);
|
||||
border-radius: 6px;
|
||||
font-size: 0.7rem;
|
||||
color: rgba(255, 255, 255, 0.35);
|
||||
color: rgba(255, 255, 255, 0.5);
|
||||
cursor: help;
|
||||
transition: all 0.2s ease;
|
||||
}
|
||||
|
||||
.agent-item.active {
|
||||
background: rgba(76, 175, 80, 0.25);
|
||||
color: rgba(76, 175, 80, 0.95);
|
||||
border: 1px solid rgba(76, 175, 80, 0.4);
|
||||
background: rgba(76, 175, 80, 0.2);
|
||||
color: rgba(76, 175, 80, 0.9);
|
||||
border: 1px solid rgba(76, 175, 80, 0.3);
|
||||
}
|
||||
|
||||
.agent-dot {
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user