Reference
The editor
AsmiEditor.tsx is the top-level shell;
AsmiEditorContext.tsx is the reducer-backed state container. The
editor surfaces six panels:
- Canvas (
CanvasPanel.tsx) — visual state machine with parallel regions for conversation and expression. Nodes are states, transitions carry guards that branch on intent / sentiment / confidence. - Properties (
PropertiesPanel.tsx+StateProperties.tsx/TransitionProperties.tsx) — edit selected node/edge fields. - Narrative (
NarrativePanel.tsx) — record a canonical happy-path scenario: user messages + avatar responses + expression transitions. The recording is later frozen on the gallery share and used by the MCPverify_deploymenttool as ground truth. - Brand voice editor (
panels/BrandVoiceEditor.tsx) — tweak the 8 sliders post-wizard. Runs throughbrand-voice-compiler.tsto produce the final system prompt. - JSON preview (
panels/JsonPreviewPanel.tsx) — inspect the rawAvatarDefinition. - Deployment modal — generates / reveals / regenerates the user's MCP API key + prints the full briefing markdown for pasting into any coding AI.