Suyash091/agentic.email
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

handoff fixes

Browse source
This commit is contained in:
debu-2 2026-10-06 03:14:53 +05:30
parent 89ddebdb60
commit 8d5e9712a6
20 changed files with 1056 additions and 141 deletions
Download patch file Download diff file Expand all files Collapse all files

18
frontend/src/components/HandoffConversation.jsx
View file

@ -83,10 +83,26 @@ export default function HandoffConversation({ handoffId, onBack }) {
{conversation.messages.map((message) => (
<article key={message.id} className={`handoff-message handoff-message-${message.role}`}>
<header>
<strong>{message.role === "human" ? "HUMAN OWNER" : "AGENT"}</strong>
<strong>
{message.role === "human"
? "HUMAN OWNER"
: message.role === "customer"
? "CUSTOMER"
: "AGENT"}
</strong>
<time>{formatTime(message.event_at)}</time>
</header>
<HandoffMessageBody message={message} />
{message.role === "human" && message.relay_status === "SENT" && (
<p className="handoff-relay-status handoff-relay-status-sent">
✓ Sent to customer
</p>
)}
{message.role === "human" && message.relay_status === "FAILED" && (
<p className="handoff-relay-status handoff-relay-status-failed">
⚠ Could not send to customer
</p>
)}
</article>
))}
</div>

4
frontend/src/styles.css
View file

@ -559,6 +559,10 @@ h1 em { color:var(--coral); font-style:normal; font-weight:500; }
.handoff-message-human header strong { color:#11966a; }
.handoff-message header time { color:#9a96a5; font-size:11px; }
.handoff-message-body { color:#292536; font-size:13px; line-height:1.6; white-space:pre-wrap; }
.handoff-message-customer header strong { color:#2563eb; }
.handoff-relay-status { margin:10px 0 0; font-size:12px; }
.handoff-relay-status-sent { color:#11966a; }
.handoff-relay-status-failed { color:#c2410c; }
.handoff-show-quoted { margin-top:8px; padding:0; border:0; background:transparent; color:#6d5bd0; font-size:11px; font-weight:600; cursor:pointer; }
.handoff-quoted-body { margin:8px 0 0; padding:10px 12px; border:1px solid #ece9f2; border-radius:8px; background:#faf9fc; color:#77758a; font-size:11px; line-height:1.45; white-space:pre-wrap; overflow:auto; }
.handoff-settings-intro { margin-bottom:18px; padding:18px 20px; border:1px solid #ece7ff; border-radius:14px; background:#fbf9ff; }