⚠️
Cannot connect to Orchestra backend
Make sure the backend is running (docker compose up -d) and accessible, then reload this page.
Error: {loadError}
);
}
if (loading) {
return (
{/* ── Sidebar ── */}
Workspace
{[
['run', 'Run & Generate'],
['workflows', 'Workflows'],
['agents', 'Agent Library'],
].map(([id, label]) => (
))}
Context
{[
['org', 'Org Context'],
['documents', 'Documents'],
].map(([id, label]) => (
))}
Analytics
{[
['economics', 'Economics'],
['operations', 'Operations'],
].map(([id, label]) => (
))}
Configuration
{/* ── Main content area ── */}
{page === 'workflows' &&
}
{page === 'run' &&
}
{page === 'agents' &&
}
{page === 'context-sources' && window.ContextSourcesPage &&
React.createElement(window.ContextSourcesPage, { agents })}
{page === 'economics' &&
}
{page === 'operations' &&
}
{page === 'org' &&
}
{page === 'documents' &&
}
{/* ── Advisor modal ── */}
{advisorModal && (
e.target === e.currentTarget && setAdvisorModal(null)}>
Delivery Advisor
Workflow analysis & recommendations
{advisorModal.loading &&
Analysing workflow…
}
{advisorModal.error &&
{advisorModal.error}
}
{!advisorModal.loading && (advisorModal.recs || []).map((rec, i) => (
{rec.title}
{rec.detail || rec.description}
{rec.action && (
)}
))}
{!advisorModal.loading && !advisorModal.error && !(advisorModal.recs?.length) && (
No recommendations — workflow looks well-configured.
)}
)}
{/* ── FinOps modal ── */}
{finopsModal && (
e.target === e.currentTarget && setFinopsModal(null)}>
FinOps Analyst
Cost projection & run economics
{finopsModal.loading &&
Calculating cost projection…
}
{finopsModal.error &&
{finopsModal.error}
}
{finopsModal.data && (
{[
['Estimated cost', finopsModal.data.estimatedCost || '—'],
['Estimated tokens', finopsModal.data.estimatedTokens || '—'],
['Estimated duration', finopsModal.data.estimatedDuration || '—'],
].map(([label, val]) => (
))}
{finopsModal.data.notes && (
{finopsModal.data.notes}
)}
)}
)}
{/* ── Settings modal (AI model toggle) ── */}
{settingsModal && (
e.target === e.currentTarget && setSettingsModal(null)}>
Settings
AI model & preferences
{settingsModal.loading && (
Loading settings…
)}
{settingsModal.error && (
{settingsModal.error}
)}
{settingsModal.data && (
AI Model
Which model new runs use. Vertex AI is production (billed); AI Studio is the free tier for testing.
{[['vertex', settingsModal.data.providers?.vertex],
['aistudio', settingsModal.data.providers?.aistudio]].map(([key, info]) => {
const cur = settingsModal.data.modelProvider;
const active = cur === key || (!cur && settingsModal.data.activeModel === info?.model);
const unavailable = info && !info.available;
return (
);
})}
Active model
{settingsModal.data.activeModel}
{settingsModal.data.pinRequired && (
Admin PIN
setSettingsPin(e.target.value)}
style={{ width:'100%' }}
/>
)}
)}
)}
{/* Left panel: wf list */}
{workflows.map(wf => (
{ setActiveWfId(wf.id); setActiveStageId(null); }}
>
{wf.name}
{wf.stages?.length || 0} stages
{workflows.length > 1 && (
)}
))}
{/* Centre: canvas */}
{activeWf ? (
<>
{activeWf.name}
{activeWf.description}
{/* Pipeline canvas */}
{/* Arc SVG layer */}
{arcs.length > 0 && (
)}
{(activeWf.stages || []).map((stage, si) => {
const owner = agentById(stage.ownerId);
const out = outputById(stage.outputId);
const isActive = stage.id === activeStageId;
return (
{si > 0 && }
setActiveStageId(isActive ? null : stage.id)}
>
STAGE {String(si+1).padStart(2,'0')}
{stage.name}
{owner?.role || '—'}
{out &&
{out.name}
}
{(stage.reviews || []).map(rev => (
))}
);
})}
) : (
Select a workflow or create a new one.
)}
{/* Right: stage inspector */}
{activeStage && (
s.id === activeStage.id)}
agents={agents} outputs={outputs} agentById={agentById}
patchStage={patchStage} addReview={addReview} addHumanGate={addHumanGate} removeReview={removeReview}
deleteStage={deleteStage}
/>
)}