@flamingo-stack/openframe-frontend-core 0.0.575-snapshot.20260827225444 → 0.0.575

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@flamingo-stack/openframe-frontend-core",
-  "version": "0.0.575-snapshot.20260827225444",
+  "version": "0.0.575",
   "description": "Shared design system and components for all Flamingo platforms",
   "type": "module",
   "main": "./dist/index.js",

package/src/components/meeting-scheduler/index.tsx

@@ -39,7 +39,6 @@ import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
 import { useIsHydrated } from '../../hooks/ui/use-is-hydrated';
 import { useHumanitySignals } from '../../hooks/use-humanity-signals';
 import { useMeetingBooking } from '../../hooks/use-meeting-booking';
-import { useToast } from '../../hooks/use-toast';
 import {
   isSupportedFormField,
   type BookingConfirmation,
@@ -57,11 +56,11 @@ import { SlotPicker, SlotPickerSkeleton, dayKeyInZone } from './slot-picker';
 
 /**
  * Visitor-facing copy per booking-error code. Everything except SLOT_TAKEN
- * surfaces as an error TOAST at submit time, and ONLY as a toast (owner
- * decision 2026-08-27 — no inline duplicate; hosts must mount the lib
- * Toaster, as every hub platform does globally). SLOT_TAKEN renders above
- * the calendar instead: its recovery flow returns the visitor there. An
- * unrecognized code (newer host than widget) falls back to the VALIDATION
+ * renders in a prominent `<Alert>` ABOVE the form the visitor just submitted
+ * (an inline alert is deterministic in every embed context — a toast needs a
+ * host-mounted provider this widget cannot assume). SLOT_TAKEN renders above
+ * the calendar instead: its recovery flow returns the visitor there.
+ * An unrecognized code (newer host than widget) falls back to the VALIDATION
  * copy — fail-safe, never blank.
  */
 const BOOKING_ERROR_COPY: Record<Exclude<MeetingBookingErrorCode, 'SLOT_TAKEN'>, string> = {
@@ -305,7 +304,6 @@ export function HubSpotMeetingScheduler({
   const [bookingError, setBookingError] = useState<MeetingBookingErrorCode | null>(null);
 
   const { honeypotInputProps, getSignals, resetSignals } = useHumanitySignals();
-  const { toast } = useToast();
 
   // Reset the machine when the host switches links. Adjusted while rendering —
   // React's documented pattern for a prop-driven reset — so the swapped-in link
@@ -415,17 +413,9 @@ export function HubSpotMeetingScheduler({
         setStep('slot');
         resetSignals();
         void refetchAvailability();
-      } else {
-        // The error surface is the TOAST, full stop (host-mounted Toaster —
-        // every hub platform mounts it globally; embedders must too).
-        toast({
-          variant: 'error',
-          title: 'Booking failed',
-          description: BOOKING_ERROR_COPY[code] ?? BOOKING_ERROR_COPY.VALIDATION,
-        });
       }
     },
-    [book, onBooked, refetchAvailability, resetSignals, toast],
+    [book, onBooked, refetchAvailability, resetSignals],
   );
 
   const escapeHatch = fallbackUrl ? (
@@ -535,6 +525,14 @@ export function HubSpotMeetingScheduler({
                 }).format(new Date(selectedSlot))}{' '}
                 · {formatDurationCompact(durationMs / 1000)}
               </p>
+              {bookingError && bookingError !== 'SLOT_TAKEN' && (
+                <Alert variant="error" className="flex flex-col items-start gap-[var(--spacing-system-xs)]">
+                  <AlertDescription>
+                    {BOOKING_ERROR_COPY[bookingError] ?? BOOKING_ERROR_COPY.VALIDATION}
+                  </AlertDescription>
+                  {escapeHatch}
+                </Alert>
+              )}
               <BookingForm
                 availability={availability}
                 meetingId={meetingId}