feat: add AI recall calling — books existing patients for routine cleanings

Adds a new recall conversation flow (recall-graph.ts) triggered from the
Patient Connection "AI Call" button: offers an existing patient a routine
exam & cleaning, classifies their yes/no reply, then books directly onto
the schedule (Column A, 30-minute slots, real conflict checking against
office hours and existing appointments) instead of only capturing a
preference for staff to follow up on.

Also adds a "Voice call" label in the message thread to distinguish call
transcripts from SMS, and updates the Call Templates settings UI with an
editable recall greeting.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>

apps/Frontend/src/components/patient-connection/message-thread.tsx

@@ -11,7 +11,7 @@ import {
 } from "@/components/ui/select";
 import { useToast } from "@/hooks/use-toast";
 import { apiRequest, queryClient } from "@/lib/queryClient";
-import { Send, ArrowLeft, FileText, Globe, Bot, UserPlus, CalendarX } from "lucide-react";
+import { Send, ArrowLeft, FileText, Globe, Bot, UserPlus, CalendarX, Phone } from "lucide-react";
 import { Switch } from "@/components/ui/switch";
 import type { Patient, Communication } from "@repo/db/types";
 import { format, isToday, isYesterday, parseISO } from "date-fns";
@@ -534,6 +534,12 @@ export function MessageThread({ patient, onBack, appointmentInfo }: MessageThrea
                             {patient.firstName[0]}{patient.lastName[0]}
                           </div>
                           <div>
+                            {comm.channel === "voice" && (
+                              <div className="flex items-center gap-1 mb-1 text-[10px] font-medium text-muted-foreground">
+                                <Phone className="h-3 w-3" />
+                                Voice call
+                              </div>
+                            )}
                             <div className="p-3 rounded-2xl bg-gray-100 text-gray-900 rounded-tl-md">
                               <p className="text-sm whitespace-pre-wrap break-words">{comm.body}</p>
                             </div>
@@ -545,6 +551,12 @@ export function MessageThread({ patient, onBack, appointmentInfo }: MessageThrea
                       )}
                       {comm.direction === "outbound" && (
                         <div>
+                          {comm.channel === "voice" && (
+                            <div className="flex items-center justify-end gap-1 mb-1 text-[10px] font-medium text-muted-foreground">
+                              <Phone className="h-3 w-3" />
+                              Voice call
+                            </div>
+                          )}
                           <div className="p-3 rounded-2xl bg-primary text-primary-foreground rounded-tr-md">
                             <p className="text-sm whitespace-pre-wrap break-words">{comm.body}</p>
                           </div>