​
How we built this (open source code here)

  1. 👀 State: useRegisterState(state) allows the agent to see the email draft and email opened.
  2. 🧱 Cedar Components: Download <SidePanelCedarChat/> to own a fully functional chat component
  3. 🎤 Microphone: Cedar manages audio blogs to send it back to the backend
  4. 🌊 Streaming: Cedar-OS auto-manages streaming
  5. 🧶 Custom Message Rendering: Define custom react components for rendering.
  6. 🔨 Change Local State: Cedar-OS takes the Agent’s response and makes the local state change
  7. 🔎 Render Diff: Render diffs through <DiffText/>
  8. 🛝 Slider Spell: Use the slider spell to intuitively redraft