diff --git a/apps/web/app/(app)/[emailAccountId]/assistant/ActionSummaryCard.tsx b/apps/web/app/(app)/[emailAccountId]/assistant/ActionSummaryCard.tsx index 2ef8cdb088..71ecabac43 100644 --- a/apps/web/app/(app)/[emailAccountId]/assistant/ActionSummaryCard.tsx +++ b/apps/web/app/(app)/[emailAccountId]/assistant/ActionSummaryCard.tsx @@ -8,15 +8,18 @@ import { } from "@/app/(app)/[emailAccountId]/assistant/constants"; import { TooltipExplanation } from "@/components/TooltipExplanation"; import { getEmailTerminology } from "@/utils/terminology"; +import type { EmailLabel } from "@/providers/EmailProvider"; export function ActionSummaryCard({ action, typeOptions, provider, + labels, }: { action: CreateRuleBody["actions"][number]; typeOptions: { label: string; value: ActionType }[]; provider: string; + labels: EmailLabel[]; }) { // don't display if ( @@ -37,13 +40,17 @@ export function ActionSummaryCard({ switch (action.type) { case ActionType.LABEL: { - const labelValue = action.label?.value || ""; - if (action.label?.ai) { - summaryContent = labelValue - ? `AI ${terminology.label.action}: ${labelValue}` + const labelId = action.labelId?.value || ""; + const labelName = labelId + ? labels.find((label) => label.id === labelId)?.name + : action.labelId?.name || ""; + + if (action.labelId?.ai) { + summaryContent = labelName + ? `AI ${terminology.label.action}: ${labelName}` : `AI ${terminology.label.action}`; } else { - summaryContent = `${terminology.label.action} as "${labelValue || "unset"}"`; + summaryContent = `${terminology.label.action} as "${labelName || "unset"}"`; } break; } diff --git a/apps/web/app/(app)/[emailAccountId]/assistant/CreatedRulesModal.tsx b/apps/web/app/(app)/[emailAccountId]/assistant/CreatedRulesModal.tsx index d48f8ffa69..1cc7d2857e 100644 --- a/apps/web/app/(app)/[emailAccountId]/assistant/CreatedRulesModal.tsx +++ b/apps/web/app/(app)/[emailAccountId]/assistant/CreatedRulesModal.tsx @@ -19,6 +19,7 @@ import { CheckCircle2 } from "lucide-react"; import { useRouter } from "next/navigation"; import { prefixPath } from "@/utils/path"; import type { CreateRuleResult } from "@/utils/rule/types"; +import { useLabels } from "@/hooks/useLabels"; export function CreatedRulesModal({ open, @@ -54,6 +55,8 @@ export function CreatedRulesContent({ router.push(prefixPath(emailAccountId, "/automation?tab=test")); }; + const { userLabels } = useLabels(); + return ( <> @@ -90,7 +93,11 @@ export function CreatedRulesContent({
Actions: - +
diff --git a/apps/web/app/(app)/[emailAccountId]/assistant/FixWithChat.tsx b/apps/web/app/(app)/[emailAccountId]/assistant/FixWithChat.tsx index a6d8f82fcb..e863bd0ffd 100644 --- a/apps/web/app/(app)/[emailAccountId]/assistant/FixWithChat.tsx +++ b/apps/web/app/(app)/[emailAccountId]/assistant/FixWithChat.tsx @@ -13,7 +13,6 @@ import { } from "@/components/ui/dialog"; import { LoadingContent } from "@/components/LoadingContent"; import { useRules } from "@/hooks/useRules"; -import { useAccount } from "@/providers/EmailAccountProvider"; import { useModal } from "@/hooks/useModal"; import { NEW_RULE_ID } from "@/app/(app)/[emailAccountId]/assistant/consts"; import { Label } from "@/components/Input"; @@ -35,7 +34,6 @@ export function FixWithChat({ result: RunRulesResult | null; }) { const { data, isLoading, error } = useRules(); - const { emailAccountId } = useAccount(); const { isModalOpen, setIsModalOpen } = useModal(); const [selectedRuleId, setSelectedRuleId] = useState(null); const [explanation, setExplanation] = useState(""); @@ -107,7 +105,6 @@ export function FixWithChat({ {data && !showExplanation ? ( void; }) { return ( @@ -224,10 +219,7 @@ function RuleMismatch({