Chat Interface

Conversational AI component — the foundation for Monarch's LLM experiences.

This organism previews the direction for conversational AI interfaces within Monarch — inspired by the push-based, daily engagement model where the LLM proactively guides users through workflows.

Agent Chat

Good morning, Joe. ☀️ Here's your 2-minute briefing:

🔴

AK Design Group has stalled in Negotiation for 28 days. Last contact was a pricing objection.

📈

11 high-intent accounts detected overnight matching your ICP. Auto-enriched and scored.

✅

47 personalized emails sent to The Kitchen Source - Dallas. 12 opened, 3 clicked pricing.

8:00 AM

What's the recommended next step for AK Design Group?

8:02 AM

Based on the pricing objection pattern, I recommend:

1. Send the ROI calculator showing projected savings over 24 months
2. Schedule an executive sponsor call within the week

8:02 AM

HTML

<div class="monarch-chat">
  <div class="monarch-chat__header">
    <div class="monarch-avatar monarch-avatar-md monarch-avatar-agent">
      <svg>🤖</svg>
      <span class="monarch-avatar__status monarch-avatar__status--online"></span>
    </div>
    <div class="monarch-chat__header-info">
      <div class="monarch-chat__header-name">Monarch Intelligence</div>
      <div class="monarch-chat__header-status">Your daily briefing agent</div>
    </div>
  </div>
  <div class="monarch-chat__messages">
    <div class="monarch-chat__bubble monarch-chat__bubble--agent">
      <div class="monarch-chat__bubble-avatar">
        <div class="monarch-avatar monarch-avatar-sm monarch-avatar-agent">...</div>
      </div>
      <div class="monarch-chat__bubble-content">
        <div class="monarch-chat__bubble-body">Good morning...</div>
        <span class="monarch-chat__bubble-time">8:00 AM</span>
      </div>
    </div>
    <div class="monarch-chat__bubble monarch-chat__bubble--user">
      <div class="monarch-chat__bubble-avatar">
        <div class="monarch-avatar monarch-avatar-sm monarch-avatar-brand">JY</div>
      </div>
      <div class="monarch-chat__bubble-content">
        <div class="monarch-chat__bubble-body">Question...</div>
        <span class="monarch-chat__bubble-time">8:02 AM</span>
      </div>
    </div>
    <div class="monarch-chat__typing">
      <div class="monarch-chat__typing-dots">
        <span class="monarch-chat__typing-dot"></span>
        <span class="monarch-chat__typing-dot"></span>
        <span class="monarch-chat__typing-dot"></span>
      </div>
    </div>
  </div>
  <div class="monarch-chat__prompts">
    <button class="monarch-chat__prompt-chip">Show at-risk deals</button>
  </div>
  <div class="monarch-chat__input-area">
    <input class="monarch-input" placeholder="Ask Monarch anything..." />
    <button class="monarch-chat__send-btn"><svg>→</svg></button>
  </div>
</div>

Cambria LLM Direction

Give-to-Get Exchange

Employees answer the agent's daily questions and immediately get valuable insights back — not a one-way data extraction.

Push, Not Pull

The LLM proactively surfaces what matters. Users don't need to know what to ask — the agent leads the conversation.

Action, Not Information

Every AI response should enable action — send the email, schedule the call, update the deal — not just report status.

Progress Signals

Subtle progress indicators that reward daily engagement without gamification excess.