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 02:07:13 +05:30
parent aabb63f947
commit 3f4bcc26d9
4 changed files with 137 additions and 28 deletions
Download patch file Download diff file Expand all files Collapse all files

54
frontend/src/components/HumanHandoffDrawer.jsx
View file

@ -2,6 +2,8 @@ import { Mail, UserRound, X } from "lucide-react";
import { useEffect, useMemo, useState } from "react";
import AgentSpark from "./AgentSpark";
import {
ALL_MAIL_LABEL,
ALL_TYPES_ID,
buildHandoffSummary,
EMAIL_TYPE_OPTIONS,
HANDOFF_LABELS,
@ -62,19 +64,33 @@ export default function HumanHandoffDrawer({
);
function toggleLabel(label) {
setLabels((current) => (
current.includes(label)
? current.filter((item) => item !== label)
: [...current, label]
));
if (label === ALL_MAIL_LABEL) {
setLabels((current) => (
current.includes(ALL_MAIL_LABEL) ? [] : [ALL_MAIL_LABEL]
));
return;
}
setLabels((current) => {
const withoutAll = current.filter((item) => item !== ALL_MAIL_LABEL);
return withoutAll.includes(label)
? withoutAll.filter((item) => item !== label)
: [...withoutAll, label];
});
}
function toggleEmailType(typeId) {
setEmailTypes((current) => (
current.includes(typeId)
? current.filter((item) => item !== typeId)
: [...current, typeId]
));
if (typeId === ALL_TYPES_ID) {
setEmailTypes((current) => (
current.includes(ALL_TYPES_ID) ? [] : [ALL_TYPES_ID]
));
return;
}
setEmailTypes((current) => {
const withoutAll = current.filter((item) => item !== ALL_TYPES_ID);
return withoutAll.includes(typeId)
? withoutAll.filter((item) => item !== typeId)
: [...withoutAll, typeId];
});
}
function insertExample(example) {
@ -137,7 +153,10 @@ export default function HumanHandoffDrawer({
<section className="handoff-form-section">
<h3>Hand off emails with these labels</h3>
<p className="handoff-helper">An email matching any selected label will be eligible for handoff.</p>
<p className="handoff-helper">
These are content-based handoff categories, not inbox tabs. Gentic infers them from
subject and body text. Choose <strong>All mail</strong> to hand off every incoming email.
</p>
<div className="handoff-label-toolbar">
<input
type="search"
@ -145,7 +164,13 @@ export default function HumanHandoffDrawer({
value={labelQuery}
onChange={(event) => setLabelQuery(event.target.value)}
/>
<button type="button" onClick={() => setLabels([...HANDOFF_LABELS])}>Select all</button>
<button type="button" onClick={() => setLabels([ALL_MAIL_LABEL])}>All mail</button>
<button
type="button"
onClick={() => setLabels(HANDOFF_LABELS.filter((label) => label !== ALL_MAIL_LABEL))}
>
Select categories
</button>
</div>
<div className="handoff-label-grid">
{filteredLabels.map((label) => (
@ -163,7 +188,10 @@ export default function HumanHandoffDrawer({
<section className="handoff-form-section">
<h3>Hand off these types of email</h3>
<p className="handoff-helper">Emails matching any selected type can be considered for handoff.</p>
<p className="handoff-helper">
Types are also inferred from email content. Choose <strong>All types</strong> if you
do not want to restrict by category.
</p>
<div className="handoff-type-grid">
{EMAIL_TYPE_OPTIONS.map((type) => (
<label key={type.id} className={`handoff-type-card${emailTypes.includes(type.id) ? " selected" : ""}`}>