@ticketboothapp/booking 1.2.63 → 1.2.64

package/src/components/booking/ChangeBookingFlow.tsx

@@ -11,6 +11,7 @@ import {
   quoteChangeBooking,
   confirmFreeChangeBooking,
   createChangeBookingPaymentIntent,
+  confirmBookingWithoutPayment,
   getAddOns,
   validatePromoCode,
   getPromoDiscount,
@@ -32,6 +33,7 @@ import {
 } from '../../lib/booking-constants';
 import { getSundayOfWeek } from '../../lib/booking/sunday-week';
 import { Calendar } from './Calendar';
+import { AdminPaymentChoiceModal } from './AdminPaymentChoiceModal';
 import { ItineraryBox } from './ItineraryBox';
 import { ItineraryPlaceholder } from './ItineraryPlaceholder';
 import { PickupTimeSelector } from './PickupTimeSelector';
@@ -62,10 +64,11 @@ import {
 } from '../../lib/booking/change-flow-pricing';
 import {
   mergePriceSummaryLinesForDrift,
+  mergeLineComparisonsWithFullDrift,
   normalizePricingDriftDetailFromQuote,
   normalizeTicketPricingTraceFromQuote,
   sumPriceSummaryLinesMajorUnits,
-  enrichLineComparisonsWithMergedRows,
+  computePricingDriftDelta,
 } from '../../lib/booking/change-booking-pricing-drift';
 import { ChangeBookingPricingDriftPanel } from './ChangeBookingPricingDriftPanel';
 import {
@@ -96,6 +99,7 @@ import { getItineraryStepLabel } from '../../lib/booking/itinerary-display';
 import { MANAGE_BOOKING_FROM_CHANGE_PAYMENT, MANAGE_BOOKING_QUERY_FROM } from '../../lib/manage-booking-post-checkout';
 import { useBookingHost } from '../../runtime';
 import type { BookingFlowUiOptions } from './booking-flow-ui';
+import type { ProviderDashboardChangeBookingPayload } from './provider-dashboard-change-booking';
 import type { ChangeBookingFlowProps, ChangeFlowSelectionPreview } from './booking-flow-types';
 import { BOOKING_FLOW_ABANDON_EVENT } from '../../providers/booking-dialog-provider';
 
@@ -110,6 +114,7 @@ export type { ChangeBookingFlowProps } from './booking-flow-types';
  *
  * Until the first successful quote, `selfServeCheckoutPlaceholder` still avoids showing unchecked totals.
  *
+ * **Provider dashboard** (`onChangeBooking`) — unchanged; manual pricing via `flowUi.providerDashboardChangePricingUi`.
  */
 function mergeQuoteSliceWithServerPreview(
   slice: ReturnType<typeof sliceChangeQuoteForUi>,
@@ -406,8 +411,9 @@ function pickOutboundMatchingPreviousSelection(
   anchor: { productOptionId: string | null; minutesFromMidnight: number },
   companyTimezone: string,
   optionsMap: Map<string, { mostPopular?: boolean }>,
+  isAdmin: boolean
 ): Availability | null {
-  const selectable = timesForSelectedDate.filter((a) => (a.vacancies ?? 0) > 0);
+  const selectable = timesForSelectedDate.filter((a) => (a.vacancies ?? 0) > 0 || isAdmin);
   if (selectable.length === 0) return null;
 
   const withOption =
@@ -441,8 +447,9 @@ function pickReturnMatchingPreviousSelection(
   sortedReturnOptions: ReturnOption[],
   anchor: { returnLocation: string; minutesFromMidnight: number },
   companyTimezone: string,
+  isAdmin: boolean
 ): ReturnOption | null {
-  const eligible = sortedReturnOptions.filter((o) => (o.vacancies ?? 0) > 0);
+  const eligible = sortedReturnOptions.filter((o) => (o.vacancies ?? 0) > 0 || isAdmin);
   if (eligible.length === 0) return null;
 
   const sameLoc = eligible.filter((o) => o.returnLocation === anchor.returnLocation);
@@ -631,7 +638,7 @@ function resolveInitialAvailabilityFromBooking(
 }
 
 /**
- * Customer self-serve **change booking** only (no standard new-booking paths).
+ * Customer self-serve and provider-dashboard **change booking** only (no standard new-booking paths).
  * Duplicated from {@link NewBookingFlow} intentionally so each flow can evolve independently.
  */
 export function ChangeBookingFlow({
@@ -656,6 +663,7 @@ export function ChangeBookingFlow({
   partnerPortalBooking = false,
   availabilityPricingProfileId,
   availabilityCancellationPolicyProfileId,
+  onChangeBooking,
 }: ChangeBookingFlowProps) {
   /** Always the booking’s sold currency — not the site currency switcher / parent default. */
   const currency = useMemo((): Currency => {
@@ -667,6 +675,16 @@ export function ChangeBookingFlow({
     return DEFAULT_CURRENCY;
   }, [originalReceipt?.currency, initialValues?.currency, currencyFromParent]);
 
+  const isManualOverrideEligibleLine = (line: { editable: boolean; type?: string; label?: string }): boolean => {
+    if (!line.editable) return false;
+    const type = (line.type ?? '').toUpperCase();
+    const label = (line.label ?? '').toLowerCase();
+    const isPromoLikeType =
+      type.includes('PROMO') || type.includes('DISCOUNT') || type.includes('VOUCHER') || type.includes('GIFT');
+    const isPromoLikeLabel =
+      label.includes('promo') || label.includes('discount') || label.includes('voucher') || label.includes('gift');
+    return !(isPromoLikeType || isPromoLikeLabel);
+  };
   const { env, analytics } = useBookingHost();
   const { t } = useTranslations();
   const { locale } = useLocale();
@@ -675,12 +693,15 @@ export function ChangeBookingFlow({
   const cancellationPolicyProfileIdForAvailabilities =
     (availabilityCancellationPolicyProfileId ?? '').trim() || null;
   const {
+    permissions,
     isSimplifiedPricingView,
     onShowManage,
     getSuccessUrl,
     suppressCalendarDateScroll,
+    mode: bookingAppMode,
   } = useBookingApp();
   const availabilitiesCache = useAvailabilitiesCache();
+  const isAdmin = permissions.viewerRole === 'admin';
   const [availabilities, setAvailabilities] = useState<Availability[]>([]);
   const [selectedAvailability, setSelectedAvailability] = useState<Availability | null>(null);
   const [selectedReturnOption, setSelectedReturnOption] = useState<ReturnOption | null>(null);
@@ -779,6 +800,12 @@ export function ChangeBookingFlow({
       differenceTotal: number;
     };
   } | null>(null);
+  /** Admin only: skip sending confirmation at creation (provider dashboard). */
+  const [skipConfirmationCommunications, setSkipConfirmationCommunications] = useState(false);
+  /** Admin only: disable all auto communications for this booking (provider dashboard). */
+  const [disableAutoCommunications, setDisableAutoCommunications] = useState(false);
+  /** Admin only: show choice to pay now or confirm without payment (full balance owed). */
+  const [showAdminPaymentChoice, setShowAdminPaymentChoice] = useState(false);
   const hasAppliedInitialValuesRef = useRef(false);
   const hasAppliedInitialQuantitiesRef = useRef(false);
   const hasHydratedAddOnsFromReceiptRef = useRef(false);
@@ -797,8 +824,10 @@ export function ChangeBookingFlow({
       return null;
     }
   }, [initialValues?.dateTime, companyTimezone]);
+  const isProviderDashboardChange = Boolean(onChangeBooking);
+  const isCustomerSelfServeChange = !isProviderDashboardChange;
   /** Do not render catalog-/FE-derived dollar amounts in UI until `quoteChangeBooking` returns `serverDisplay`. */
-  const suppressSelfServeCurrencyUi = true;
+  const suppressSelfServeCurrencyUi = isCustomerSelfServeChange;
 
   useEffect(() => {
     setPartnerAttributionConfirmed(false);
@@ -808,13 +837,13 @@ export function ChangeBookingFlow({
    * user picks a different return time — baseline is the first auto-selected return for this outbound.
    */
   const [implicitReturnBaselineId, setImplicitReturnBaselineId] = useState<string | null>(null);
-  /** Promo from booking is fixed — show read-only, never add new. */
+  /** Any change flow (self-serve or provider): promo from booking is fixed — show read-only, never add new. */
   const lockedPromoCode = initialValues?.promoCode?.trim()
     ? initialValues.promoCode.trim().toUpperCase()
     : null;
   /** Public self-serve only: cannot reduce tickets below original counts. */
   const changeBookingMinimumQuantities = useMemo(() => {
-    if (!initialValues?.bookingItems?.length) return undefined;
+    if (!isCustomerSelfServeChange || !initialValues?.bookingItems?.length) return undefined;
     const m: Record<string, number> = {};
     for (const item of initialValues.bookingItems) {
       const key = item.category?.trim();
@@ -822,7 +851,30 @@ export function ChangeBookingFlow({
       m[key] = Math.max(0, Number(item.count) || 0);
     }
     return m;
-  }, [initialValues?.bookingItems]);
+  }, [isCustomerSelfServeChange, initialValues?.bookingItems]);
+  const [adminChoiceData, setAdminChoiceData] = useState<{
+    reservationReference: string;
+    reservationExpiration?: string;
+    checkoutBreakdown: { lineItems: Array<{ label: string; amount: number; type?: string; quantity?: number }>; totalAmount: number; currency: string };
+    totalAmount: number;
+    datePart: string;
+    timePart: string;
+    availabilityProductOptionId: string;
+    itineraryDisplay?: ItineraryDisplayStep[] | null;
+    clientSecret: string;
+    ticketLinesForModal: CheckoutModalLineItem[];
+    feeLineItems: OrderSummary['feeLineItems'];
+    returnPriceAdjustment: number;
+    cancellationPolicyFee: number;
+    cancellationPolicyLabel?: string;
+    subtotal: number;
+    tax: number;
+    totalQuantity: number;
+    isTaxIncludedInPrice: boolean;
+    taxRate: number;
+    promoDiscountAmount: number;
+    discountLabel?: string | null;
+  } | null>(null);
   const [latestChangeQuote, setLatestChangeQuote] = useState<{
     priceDiff: number;
     currency: Currency;
@@ -1659,12 +1711,14 @@ export function ChangeBookingFlow({
   }, [initialValues?.productId, product.productId]);
 
   /**
-   * Receipt pricing on protected seats/fees: Rule A (exact receipt unit when same calendar day
-   * + same product option) vs Rule B (`max(receipt, live)` when date or option changes).
+   * Receipt pricing on protected seats/fees — **customer self-serve only**: Rule A (exact receipt unit when same calendar day
+   * + same product option) vs Rule B (`max(receipt, live)` when date or option changes). Provider dashboard uses live catalog.
    */
   const changeFlowApplyReceiptPaidFloors = useMemo(
-    () => changeFlowBookingParentProductIdForFloors === product.productId.trim(),
-    [changeFlowBookingParentProductIdForFloors, product.productId],
+    () =>
+      !isProviderDashboardChange &&
+      changeFlowBookingParentProductIdForFloors === product.productId.trim(),
+    [isProviderDashboardChange, changeFlowBookingParentProductIdForFloors, product.productId],
   );
 
   useEffect(() => {
@@ -1790,27 +1844,27 @@ export function ChangeBookingFlow({
 
   const initialAddOnMinQtyByKey = useMemo(() => {
     const map = new Map<string, number>();
-    if (false) return map;
+    if (!isCustomerSelfServeChange) return map;
     for (const sel of initialAddOnBaselineSelections) {
       const key = `${sel.addOnId.trim()}::${sel.variantId?.trim() || ''}`;
       map.set(key, (map.get(key) ?? 0) + Math.max(1, Number(sel.quantity) || 1));
     }
     return map;
-  }, [true, initialAddOnBaselineSelections]);
+  }, [isCustomerSelfServeChange, initialAddOnBaselineSelections]);
 
   const initialAddOnMinTotalByAddOnId = useMemo(() => {
     const map = new Map<string, number>();
-    if (false) return map;
+    if (!isCustomerSelfServeChange) return map;
     for (const sel of initialAddOnBaselineSelections) {
       const addOnId = sel.addOnId.trim();
       map.set(addOnId, (map.get(addOnId) ?? 0) + Math.max(1, Number(sel.quantity) || 1));
     }
     return map;
-  }, [true, initialAddOnBaselineSelections]);
+  }, [isCustomerSelfServeChange, initialAddOnBaselineSelections]);
 
   const applyChangeFlowAddOnFloor = useCallback(
     (nextSelections: Array<{ addOnId: string; variantId?: string; quantity?: number }>) => {
-      if (false || initialAddOnMinQtyByKey.size === 0) return nextSelections;
+      if (!isCustomerSelfServeChange || initialAddOnMinQtyByKey.size === 0) return nextSelections;
       const qtyByKey = new Map<string, number>();
       for (const sel of nextSelections) {
         const key = `${sel.addOnId.trim()}::${sel.variantId?.trim() || ''}`;
@@ -1837,7 +1891,7 @@ export function ChangeBookingFlow({
         return { addOnId, variantId, quantity: qty };
       });
     },
-    [true, initialAddOnMinQtyByKey, initialAddOnMinTotalByAddOnId]
+    [isCustomerSelfServeChange, initialAddOnMinQtyByKey, initialAddOnMinTotalByAddOnId]
   );
 
   const updateAddOnSelections = useCallback(
@@ -2451,14 +2505,14 @@ export function ChangeBookingFlow({
     const options = selectedAvailability?.returnOptions ?? [];
     const serverReturnMap = latestChangeQuote?.serverPreview?.returnOptionPriceByReturnAvailabilityId;
     const floor = effectiveChangeFlowReturnUnitFloorPerPerson;
-    const applyReturnFloor = floor != null && true;
+    const applyReturnFloor = floor != null && isCustomerSelfServeChange;
     return options.map((opt) => {
       const vacancyCredit = changeFlowSeatCreditForReturnAvailabilityId(opt.returnAvailabilityId);
       const adjustedVacancies = Math.max(0, opt.vacancies ?? 0) + vacancyCredit;
       const rawPerPerson = opt.priceAdjustmentByCurrency?.[currency] ?? 0;
       const flooredPerPerson = applyReturnFloor ? Math.max(rawPerPerson, floor) : rawPerPerson;
       let perPerson = flooredPerPerson;
-      if (true && serverReturnMap && opt.returnAvailabilityId) {
+      if (isCustomerSelfServeChange && serverReturnMap && opt.returnAvailabilityId) {
         const sid = opt.returnAvailabilityId.trim();
         const sp = serverReturnMap[sid];
         if (sp != null && Number.isFinite(sp)) {
@@ -2481,7 +2535,7 @@ export function ChangeBookingFlow({
   }, [
     selectedAvailability?.returnOptions,
     effectiveChangeFlowReturnUnitFloorPerPerson,
-    true,
+    isCustomerSelfServeChange,
     currency,
     changeFlowSeatCreditForReturnAvailabilityId,
     latestChangeQuote?.serverPreview?.returnOptionPriceByReturnAvailabilityId,
@@ -2490,11 +2544,11 @@ export function ChangeBookingFlow({
   const selectedReturnOptionWithFloor = useMemo(() => {
     if (!selectedReturnOption) return selectedReturnOption;
     const floor = effectiveChangeFlowReturnUnitFloorPerPerson;
-    const applyReturnFloor = floor != null && true;
+    const applyReturnFloor = floor != null && isCustomerSelfServeChange;
     const rawPerPerson = selectedReturnOption.priceAdjustmentByCurrency?.[currency] ?? 0;
     let perPerson = rawPerPerson;
     const serverReturnMap = latestChangeQuote?.serverPreview?.returnOptionPriceByReturnAvailabilityId;
-    if (true && serverReturnMap && selectedReturnOption.returnAvailabilityId) {
+    if (isCustomerSelfServeChange && serverReturnMap && selectedReturnOption.returnAvailabilityId) {
       const sid = selectedReturnOption.returnAvailabilityId.trim();
       const sp = serverReturnMap[sid];
       if (sp != null && Number.isFinite(sp)) {
@@ -2515,7 +2569,7 @@ export function ChangeBookingFlow({
   }, [
     selectedReturnOption,
     effectiveChangeFlowReturnUnitFloorPerPerson,
-    true,
+    isCustomerSelfServeChange,
     currency,
     latestChangeQuote?.serverPreview?.returnOptionPriceByReturnAvailabilityId,
   ]);
@@ -2556,7 +2610,7 @@ export function ChangeBookingFlow({
   /** Quote `ticketUnitPriceByCategory` overrides catalog units for ticket rows (customer self-serve only). */
   const pricingForTicketSelector = useMemo(() => {
     const m = latestChangeQuote?.serverPreview?.ticketUnitPriceByCategory;
-    if (false || !m) return pricing;
+    if (!isCustomerSelfServeChange || !m) return pricing;
     return pricing.map((r) => {
       const u = m[r.category.toUpperCase()];
       if (u == null || !Number.isFinite(u)) return r;
@@ -2567,7 +2621,7 @@ export function ChangeBookingFlow({
         baseInDisplayCurrency: u,
       };
     });
-  }, [pricing, latestChangeQuote?.serverPreview?.ticketUnitPriceByCategory, true]);
+  }, [pricing, latestChangeQuote?.serverPreview?.ticketUnitPriceByCategory, isCustomerSelfServeChange]);
 
   // Price breakdown: mid-layer returns line items (base + one per rule/deal). UI renders each line; rate in brackets when used.
   const getPriceBreakdown = useCallback((category: string, priceCAD: number, baseInDisplayCurrency: number | undefined, appliedAdjustments: Array<{ type: string; id: string; name: string; changeByCurrency?: Record<string, number> }> = []): PriceBreakdownData | null => {
@@ -2672,7 +2726,7 @@ export function ChangeBookingFlow({
 
   // When return selection (or refreshed availabilities) caps the party below current ticket counts, trim tickets (non-admin).
   useEffect(() => {
-    if (false || !selectedAvailability) return;
+    if (isAdmin || !selectedAvailability) return;
     const cap = effectivePartySizeCap;
     if (totalQuantity <= cap) return;
     const over = totalQuantity - cap;
@@ -2700,7 +2754,7 @@ export function ChangeBookingFlow({
     effectivePartySizeCap,
     totalQuantity,
     selectedAvailability,
-    false,
+    isAdmin,
     changeBookingMinimumQuantities,
   ]);
 
@@ -2774,7 +2828,7 @@ export function ChangeBookingFlow({
    */
   const changeFlowProtectedReturnAdjustment = useMemo(() => {
     if (totalQuantity <= 0) return returnPriceAdjustment;
-    if (false) return returnPriceAdjustment;
+    if (isProviderDashboardChange) return returnPriceAdjustment;
     if (effectiveChangeFlowReturnUnitFloorPerPerson == null) return returnPriceAdjustment;
     const livePerPerson =
       returnOptionCatalogPerPerson ?? (selectedReturnOption?.priceAdjustmentByCurrency?.[currency] ?? 0);
@@ -2788,7 +2842,7 @@ export function ChangeBookingFlow({
   }, [
     totalQuantity,
     returnPriceAdjustment,
-    false,
+    isProviderDashboardChange,
     effectiveChangeFlowReturnUnitFloorPerPerson,
     selectedReturnOption,
     returnOptionCatalogPerPerson,
@@ -2799,7 +2853,7 @@ export function ChangeBookingFlow({
 
   /** Return row amount for PriceSummary, Stripe breakdown, and CheckoutModal (catalog vs protected same-product-option). */
   const checkoutReturnLineAmount = useMemo(() => {
-    if (true) {
+    if (isCustomerSelfServeChange) {
       return changeFlowProtectedReturnAdjustment;
     }
     if (changeFlowApplyReceiptPaidFloors) {
@@ -2807,7 +2861,7 @@ export function ChangeBookingFlow({
     }
     return returnPriceAdjustment;
   }, [
-    true,
+    isCustomerSelfServeChange,
     changeFlowApplyReceiptPaidFloors,
     changeFlowProtectedReturnAdjustment,
     returnPriceAdjustment,
@@ -2879,13 +2933,35 @@ export function ChangeBookingFlow({
     return [...feeLineItems, ...addOnLines];
   }, [feeLineItems, addOnSelections, addOns]);
 
+  const providerPricingUi = flowUi?.providerDashboardChangePricingUi;
+  const providerQuotedLines = providerPricingUi?.quotedLines ?? [];
+  const providerEditableLines = providerQuotedLines.filter((line) => isManualOverrideEligibleLine(line));
+  const showProviderPricingInlineEditor =
+    isProviderDashboardChange && isAdmin && (
+      providerPricingUi?.loading ||
+      providerPricingUi?.error != null ||
+      providerQuotedLines.length > 0
+    );
+  const normalizeReceiptLabel = (value: string): string =>
+    value
+      .toLowerCase()
+      .replace(/\([^)]*\)/g, '')
+      .replace(/[^a-z0-9]+/g, '')
+      .trim();
+  const providerEditableLineByNormalizedLabel = useMemo(() => {
+    const m = new Map<string, (typeof providerEditableLines)[number]>();
+    for (const line of providerEditableLines) {
+      const key = normalizeReceiptLabel(line.label ?? '');
+      if (key) m.set(key, line);
+    }
+    return m;
+  }, [providerEditableLines]);
+
   const checkoutPriceSummaryLines = useMemo((): PriceSummaryLine[] => {
     if (!selectedAvailability) return [];
     const returnLineAmount = checkoutReturnLineAmount;
-    /** Show row when a return is selected and either the priced amount is non-zero or a receipt return floor exists (catalog slot can be $0 while floored total is not). */
     const showReturnLine =
-      Boolean(selectedReturnOption) &&
-      (Math.abs(returnLineAmount) > 0.0005 || effectiveChangeFlowReturnUnitFloorPerPerson != null);
+      Boolean(selectedReturnOption) && Math.abs(returnLineAmount) > 0.0005;
     return [
       ...ticketLineItemsForChangeFlowDisplay.map((line): PriceSummaryLine => {
         const rate = pricing.find((r) => r.category === line.category);
@@ -2897,8 +2973,13 @@ export function ChangeBookingFlow({
         );
         return {
           kind: 'ticket',
-          lineKey: undefined,
-          editable: false,
+          lineKey:
+            showProviderPricingInlineEditor
+              ? providerEditableLineByNormalizedLabel.get(normalizeReceiptLabel(line.category))?.lineKey
+              : undefined,
+          editable:
+            showProviderPricingInlineEditor &&
+            providerEditableLineByNormalizedLabel.has(normalizeReceiptLabel(line.category)),
           category: line.category,
           qty: line.qty,
           itemTotal: line.itemTotal,
@@ -2933,8 +3014,25 @@ export function ChangeBookingFlow({
             fee.name.toLowerCase().includes('license'));
         return {
           kind: 'line' as const,
-          lineKey: undefined,
-          editable: false,
+          lineKey:
+            showProviderPricingInlineEditor
+              ? providerEditableLineByNormalizedLabel.get(
+                  normalizeReceiptLabel(
+                    feeLineItems.some((f) => f.name === fee.name)
+                      ? `${fee.name} (${totalQuantity} ${totalQuantity === 1 ? 'person' : 'people'})`
+                      : fee.name
+                  )
+                )?.lineKey
+              : undefined,
+          editable:
+            showProviderPricingInlineEditor &&
+            providerEditableLineByNormalizedLabel.has(
+              normalizeReceiptLabel(
+                feeLineItems.some((f) => f.name === fee.name)
+                  ? `${fee.name} (${totalQuantity} ${totalQuantity === 1 ? 'person' : 'people'})`
+                  : fee.name
+              )
+            ),
           label: feeLineItems.some((f) => f.name === fee.name)
             ? `${fee.name} (${totalQuantity} ${totalQuantity === 1 ? 'person' : 'people'})`
             : fee.name,
@@ -2960,7 +3058,8 @@ export function ChangeBookingFlow({
     effectiveCancellationPolicyLabel,
     feeLineItemsWithAddOns,
     feeLineItems,
-    effectiveChangeFlowReturnUnitFloorPerPerson,
+    showProviderPricingInlineEditor,
+    providerEditableLineByNormalizedLabel,
   ]);
 
   const checkoutPriceSummaryLinesForCheckout = useMemo(() => {
@@ -3131,7 +3230,45 @@ export function ChangeBookingFlow({
 
     const clientMappedFromApi = mapQuoteLineItemsToPriceSummaryLines(api?.clientLineItems);
     const useBeClientLines = clientMappedFromApi.length > 0;
-    const clientLinesForMerge = useBeClientLines ? clientMappedFromApi : checkoutPriceSummaryLines;
+    /**
+     * Checkout passes tax/discount via PriceSummary props, not always as `priceSummaryLines`. Include them here so
+     * drift rows and their sums align with `changeFlowNewBookingTotal` (subtotal + tax − promo).
+     */
+    const clientLinesForMerge: PriceSummaryLine[] = (() => {
+      if (useBeClientLines) return clientMappedFromApi;
+      const lines: PriceSummaryLine[] = [...checkoutPriceSummaryLines];
+      const hasTaxLine = lines.some(
+        (l) => l.kind === 'line' && String(l.type ?? '').toUpperCase() === 'TAX',
+      );
+      if (!hasTaxLine && !isTaxIncludedInPrice && Math.abs(effectiveTax) >= 0.005) {
+        lines.push({
+          kind: 'line',
+          label: t('booking.tax') !== 'booking.tax' ? t('booking.tax') : 'Taxes and fees',
+          amount: effectiveTax,
+          type: 'TAX',
+        });
+      }
+      const hasPromoSummaryLine = lines.some(
+        (l) =>
+          l.kind === 'line' &&
+          (/PROMO|DISCOUNT|VOUCHER|GIFT/i.test(String(l.type ?? '')) ||
+            (l.amount < -0.005 && /promo|discount/i.test(l.label))),
+      );
+      if (!hasPromoSummaryLine && Math.abs(effectivePromoDiscountAmount) >= 0.005) {
+        const trimmedPromoCode = appliedPromoCode?.trim() ?? '';
+        const promoLabel =
+          trimmedPromoCode.length > 0
+            ? `Promo: ${trimmedPromoCode}`
+            : originalReceipt?.promoLabel?.trim() || 'Discount';
+        lines.push({
+          kind: 'line',
+          label: promoLabel,
+          amount: -effectivePromoDiscountAmount,
+          type: 'PROMO_CODE',
+        });
+      }
+      return lines;
+    })();
 
     const serverMappedFromApi = mapQuoteLineItemsToPriceSummaryLines(api?.serverLineItems);
     const useBeServerLines = serverMappedFromApi.length > 0;
@@ -3175,14 +3312,35 @@ export function ChangeBookingFlow({
     }
 
     const mergedForDrift = mergePriceSummaryLinesForDrift(clientLinesForMerge, serverLinesForMerge);
-    let rows =
+    const rows =
       api?.lineComparisons && api.lineComparisons.length > 0
-        ? enrichLineComparisonsWithMergedRows(api.lineComparisons, mergedForDrift)
+        ? mergeLineComparisonsWithFullDrift(api.lineComparisons, mergedForDrift)
         : mergedForDrift;
 
+    const receiptAnchoring = api?.receiptAnchoring;
+    let driftRows = rows;
+    if (receiptAnchoring) {
+      const adj = roundMoney(
+        receiptAnchoring.reconciledTotalMajorUnits -
+          receiptAnchoring.requestedCatalogLineSumMajorUnits,
+      );
+      if (Math.abs(adj) >= 0.005) {
+        driftRows = [
+          ...rows,
+          {
+            key: 'meta:receipt-anchoring',
+            label: 'Receipt anchoring adjustment (BE only — not included in app total)',
+            clientAmount: null,
+            serverAmount: adj,
+            delta: computePricingDriftDelta(null, adj),
+          },
+        ];
+      }
+    }
+
     const hasTotalDelta = totalDelta != null && Math.abs(totalDelta) >= 0.005;
 
-    if (rows.length === 0 && !hasTotalDelta) {
+    if (driftRows.length === 0 && !hasTotalDelta) {
       return null;
     }
 
@@ -3211,7 +3369,7 @@ export function ChangeBookingFlow({
 
     return (
       <ChangeBookingPricingDriftPanel
-        rows={rows}
+        rows={driftRows}
         clientTotal={clientTotalForDrift}
         serverTotal={serverTotalFromQuote}
         totalDelta={totalDelta}
@@ -3219,6 +3377,7 @@ export function ChangeBookingFlow({
         locale={locale}
         ticketCartDetail={ticketCartDetail.length > 0 ? ticketCartDetail : undefined}
         serverTicketPricingTrace={latestChangeQuote.ticketPricingTrace ?? undefined}
+        receiptAnchoring={receiptAnchoring}
         footnote={
           usesBeLinePayload
             ? 'Lines use pricingDriftDetail.clientLineItems / serverLineItems when the quote includes them; totals prefer explicit major-unit fields, then sums of those lines, then the live cart / receipt preview.'
@@ -3237,6 +3396,12 @@ export function ChangeBookingFlow({
     locale,
     ticketLineItemsForChangeFlowDisplay,
     pricingForTicketSelector,
+    isTaxIncludedInPrice,
+    effectiveTax,
+    effectivePromoDiscountAmount,
+    appliedPromoCode,
+    originalReceipt?.promoLabel,
+    t,
   ]);
 
   /** Replaces PriceSummary with non-numeric status until quote returns authoritative totals (no FE dollar amounts). */
@@ -3426,31 +3591,62 @@ export function ChangeBookingFlow({
     addOnSelections,
     initialAddOnMinQtyByKey,
   ]);
-  const hasChangeSelection = changeSelectionDetails.hasChangesFromInitial;
+  const hasChangeSelection =
+    isProviderDashboardChange
+      ? changeSelectionDetails.hasOperationalChangesFromInitial
+      : changeSelectionDetails.hasChangesFromInitial;
 
   const changeFlowNeedsServerPrice =
-    true &&
+    isCustomerSelfServeChange &&
     hasChangeSelection &&
     !!initialValues?.bookingReference?.trim() &&
     !!lastName.trim();
 
-  const isChangeQuoteBlocked = true && latestChangeQuote?.canProceed === false;
-  const requiresReturnInChangeFlow = true && !!initialValues?.returnAvailabilityId?.trim();
+  const isChangeQuoteBlocked = isCustomerSelfServeChange && latestChangeQuote?.canProceed === false;
+  const requiresReturnInChangeFlow = isCustomerSelfServeChange && !!initialValues?.returnAvailabilityId?.trim();
   const missingRequiredReturnSelection = requiresReturnInChangeFlow && !selectedReturnOption;
 
   const changeFlowSubmitDisabled =
     missingRequiredReturnSelection ||
-    (true &&
+    (isCustomerSelfServeChange &&
       changeFlowNeedsServerPrice &&
       (changeQuoteLoading || (!latestChangeQuote && !changeQuoteFetchError)));
 
-  const providerTotalsPreview = null;
-  const hasEffectiveChangeSelection = hasChangeSelection;
+  const providerTotalsPreview =
+    showProviderPricingInlineEditor && providerPricingUi?.totalsPreview
+      ? providerPricingUi.totalsPreview
+      : null;
+  const providerHasEditedLineOverrides =
+    isProviderDashboardChange &&
+    providerQuotedLines.some((line) => {
+      if (!isManualOverrideEligibleLine(line)) return false;
+      const raw = providerPricingUi?.lineAmountInputs?.[line.lineKey];
+      const parsed = raw == null || raw.trim() === '' ? line.amount : Number(raw);
+      if (!Number.isFinite(parsed)) return false;
+      const rounded = Math.round(parsed * 100) / 100;
+      return Math.abs(rounded - line.amount) > 0.0001;
+    });
+  const providerHasAdditionalAdjustments =
+    isProviderDashboardChange &&
+    (providerPricingUi?.additionalAdjustments ?? []).some((adj) => {
+      const parsed = Number((adj.amountInput ?? '').trim());
+      const hasAmount = Number.isFinite(parsed) && parsed > 0;
+      const currentAmount = hasAmount ? (Math.round(parsed * 100) / 100).toFixed(2) : '';
+      const originalAmount = adj.originalAmountInput ?? '';
+      const currentLabel = (adj.label ?? '').trim();
+      const originalLabel = (adj.originalLabel ?? '').trim();
+      const currentMode = adj.mode;
+      const originalMode = adj.originalMode;
+      if (!originalMode) return hasAmount || currentLabel.length > 0;
+      return currentAmount !== originalAmount || currentLabel !== originalLabel || currentMode !== originalMode;
+    });
+  const hasEffectiveChangeSelection =
+    hasChangeSelection || providerHasEditedLineOverrides || providerHasAdditionalAdjustments;
 
   const displayedChangeAmounts = resolveChangeFlowDisplayedAmounts({
     providerPreview: providerTotalsPreview,
     serverQuotePreview:
-      true && latestChangeQuote?.serverDisplay
+      isCustomerSelfServeChange && latestChangeQuote?.serverDisplay
         ? latestChangeQuote.serverDisplay
         : null,
     fromCart: {
@@ -3466,13 +3662,13 @@ export function ChangeBookingFlow({
   const changeFlowClientEstimateDue = (() => {
     if (!originalReceipt) return totalPrice;
     // Customer self-serve: amount due comes from POST .../change/quote (`amountDueCents` / priceDiff), not FE delta math.
-    if (true && latestChangeQuote != null && !changeQuoteFetchError) {
+    if (isCustomerSelfServeChange && latestChangeQuote != null && !changeQuoteFetchError) {
       return normalizeNearZeroOwed(latestChangeQuote.priceDiff);
     }
     return changeFlowBalanceVsOriginal({
       newTotal: displayChangeFlowProposedTotal,
       originalReceiptTotal: originalReceipt.total,
-      audience: 'customer',
+      audience: isProviderDashboardChange ? 'provider' : 'customer',
     });
   })();
 
@@ -3481,6 +3677,14 @@ export function ChangeBookingFlow({
 
   const changeCheckoutButtonLabel = (() => {
     if (!hasEffectiveChangeSelection) return undefined;
+    if (isProviderDashboardChange) {
+      const est = Math.round(changeFlowClientEstimateDue * 100) / 100;
+      return est > 0
+        ? `Change booking (${formatCurrencyAmount(est, currency, locale as 'en' | 'fr')})`
+        : est < 0
+          ? `Change booking (${formatCurrencyAmount(est, currency, locale as 'en' | 'fr')})`
+          : 'Change booking (no charge)';
+    }
     if (changeFlowNeedsServerPrice) {
       if (changeQuoteLoading) {
         const tr = t('booking.updatingPrice');
@@ -3514,8 +3718,39 @@ export function ChangeBookingFlow({
   const checkoutFormError =
     (error || '') ||
     (missingRequiredReturnSelection ? 'Removing return option in self-serve is not available. Please contact support.' : '') ||
-    (true && isChangeQuoteBlocked ? (latestChangeQuote?.reasonIfBlocked ?? '') : '') ||
-    (true ? changeQuoteFetchError ?? '' : '');
+    (isCustomerSelfServeChange && isChangeQuoteBlocked ? (latestChangeQuote?.reasonIfBlocked ?? '') : '') ||
+    (isCustomerSelfServeChange ? changeQuoteFetchError ?? '' : '');
+
+  const providerPricingOverrides =
+    isProviderDashboardChange && providerQuotedLines.length > 0
+      ? providerQuotedLines
+          .filter((line) => isManualOverrideEligibleLine(line))
+          .map((line) => {
+            const raw = providerPricingUi?.lineAmountInputs?.[line.lineKey];
+            const parsed = raw == null || raw.trim() === '' ? line.amount : Number(raw);
+            if (!Number.isFinite(parsed)) return null;
+            const rounded = Math.round(parsed * 100) / 100;
+            return Math.abs(rounded - line.amount) > 0.0001
+              ? { lineKey: line.lineKey, amount: rounded, reason: 'Provider dashboard override' }
+              : null;
+          })
+          .filter((v): v is { lineKey: string; amount: number; reason: string } => v != null)
+      : [];
+  const providerAdditionalAdjustments =
+    isProviderDashboardChange
+      ? (providerPricingUi?.additionalAdjustments ?? [])
+          .map((adj) => {
+            const parsed = Number((adj.amountInput ?? '').trim());
+            if (!Number.isFinite(parsed) || parsed <= 0) return null;
+            const rounded = Math.round(parsed * 100) / 100;
+            const signed = adj.mode === 'DISCOUNT' ? -rounded : rounded;
+            return {
+              label: adj.label?.trim() || (signed < 0 ? 'Provider discount' : 'Provider charge'),
+              amount: signed,
+            };
+          })
+          .filter((v): v is { label: string; amount: number } => v != null)
+      : [];
 
   const changeFlowSelectionPreview = useMemo((): ChangeFlowSelectionPreview | null => {
     if (!selectedAvailability || totalQuantity <= 0) return null;
@@ -3621,7 +3856,7 @@ export function ChangeBookingFlow({
 
   /** Debounced server quote so CTA + “amount owed” match PaymentIntent; avoids free confirm when FE estimate ≠ BE. */
   useEffect(() => {
-    if (false) {
+    if (!isCustomerSelfServeChange) {
       setChangeQuoteLoading(false);
       setChangeQuoteFetchError(null);
       setLatestChangeQuote(null);
@@ -3712,7 +3947,7 @@ export function ChangeBookingFlow({
       window.clearTimeout(timer);
     };
   }, [
-    true,
+    isCustomerSelfServeChange,
     hasChangeSelection,
     selectedAvailability,
     selectedAvailability?.dateTime,
@@ -3763,7 +3998,8 @@ export function ChangeBookingFlow({
           timesForSelectedDate,
           anchor,
           companyTimezone,
-          optionsMap
+          optionsMap,
+          isAdmin
         );
         changeFlowOutboundAnchorRef.current = null;
         if (matched) {
@@ -3854,7 +4090,8 @@ export function ChangeBookingFlow({
         const fromAnchor = pickReturnMatchingPreviousSelection(
           sorted,
           returnAnchor,
-          companyTimezone
+          companyTimezone,
+          isAdmin
         );
         changeFlowReturnAnchorRef.current = null;
         if (fromAnchor) {
@@ -3900,7 +4137,7 @@ export function ChangeBookingFlow({
     selectedAvailability,
     selectedReturnOption,
     companyTimezone,
-    false,
+    isAdmin,
     initialValues?.returnAvailabilityId,
     initialValues?.returnDateTime,
   ]);
@@ -3963,9 +4200,9 @@ export function ChangeBookingFlow({
     const firstWithInventory = dates.find((d) => {
       const rows = availabilitiesByDate[d] ?? [];
       if (rows.length === 0) return false;
-      if (false) return rows.some((a) => (a.vacancies ?? 0) > 0);
+      if (isAdmin) return rows.some((a) => (a.vacancies ?? 0) > 0);
       if (
-        true &&
+        isCustomerSelfServeChange &&
         changeFlowInitialTicketCount > 0
       ) {
         return rows.some(
@@ -3974,7 +4211,7 @@ export function ChangeBookingFlow({
       }
       return rows.some((a) => (a.vacancies ?? 0) > 0);
     });
-    const first = firstWithInventory ?? (false && dates[0] ? dates[0] : undefined);
+    const first = firstWithInventory ?? (isAdmin && dates[0] ? dates[0] : undefined);
     if (!first) return;
 
     hasAutoSelectedPartnerDateRef.current = true;
@@ -3997,8 +4234,8 @@ export function ChangeBookingFlow({
     selectedDate,
     dates,
     availabilitiesByDate,
-    false,
-    true,
+    isAdmin,
+    isCustomerSelfServeChange,
     changeFlowInitialTicketCount,
     getCalendarEffectiveOutboundVacancies,
     useWindowScroll,
@@ -4036,7 +4273,7 @@ export function ChangeBookingFlow({
   };
 
   const handleQuantityChange = (category: string, delta: number) => {
-    const maxAvailable = false ? Number.MAX_SAFE_INTEGER : effectivePartySizeCap;
+    const maxAvailable = isAdmin ? Number.MAX_SAFE_INTEGER : effectivePartySizeCap;
     const currentQty = quantities[category] || 0;
     const minQ =
       changeBookingMinimumQuantities != null
@@ -4044,7 +4281,7 @@ export function ChangeBookingFlow({
         : 0;
     const newQty = Math.max(minQ, currentQty + delta);
     // Admin can overbook; non-admin cannot exceed vacancies
-    if (delta > 0 && !false && orderSummary.totalQuantity >= maxAvailable) {
+    if (delta > 0 && !isAdmin && orderSummary.totalQuantity >= maxAvailable) {
       return;
     }
     setQuantities(prev => ({
@@ -4177,27 +4414,30 @@ export function ChangeBookingFlow({
       return;
     }
 
-    // Validate email (required)
-    if (!email) {
-      setError(t('booking.enterEmail') || 'Please enter your email address');
-      return;
-    }
+    const skipContactFields = isProviderDashboardChange;
+    if (!skipContactFields) {
+      // Validate email (required)
+      if (!email) {
+        setError(t('booking.enterEmail') || 'Please enter your email address');
+        return;
+      }
 
-    if (!/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(email)) {
-      setError(t('booking.invalidEmail') || 'Please enter a valid email address');
-      return;
-    }
+      if (!/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(email)) {
+        setError(t('booking.invalidEmail') || 'Please enter a valid email address');
+        return;
+      }
 
-    // Validate first name (required)
-    if (!firstName?.trim()) {
-      setError(t('booking.enterFirstName') || 'Please enter your first name');
-      return;
-    }
+      // Validate first name (required)
+      if (!firstName?.trim()) {
+        setError(t('booking.enterFirstName') || 'Please enter your first name');
+        return;
+      }
 
-    // Validate last name (required for manage booking lookup)
-    if (!lastName?.trim()) {
-      setError(t('booking.enterLastName') || 'Please enter your last name');
-      return;
+      // Validate last name (required for manage booking lookup)
+      if (!lastName?.trim()) {
+        setError(t('booking.enterLastName') || 'Please enter your last name');
+        return;
+      }
     }
 
     // Allow checkout if pickup location is selected OR if user chose "I don't know"
@@ -4225,6 +4465,44 @@ export function ChangeBookingFlow({
         return;
       }
 
+      if (onChangeBooking) {
+        const pickupForChange = pickupLocationId
+          ? product.pickupLocations?.find((loc) => loc.id === pickupLocationId)
+          : null;
+        await onChangeBooking({
+          productId: availabilityProductOptionId,
+          dateTime: selectedAvailability.dateTime,
+          bookingItems,
+          returnAvailabilityId: selectedReturnOption?.returnAvailabilityId ?? null,
+          pickupLocationId: pickupLocationId ?? null,
+          travelerHotel: pickupForChange?.name ?? null,
+          startTime: selectedAvailability.dateTime ?? null,
+          passengerCount: null,
+          childSafetySeatsCount: null,
+          foodRestrictions: null,
+          addOnSelections: addOnSelections.length > 0 ? addOnSelections : null,
+          cancellationPolicyId: cancellationPolicyId ?? initialValues?.cancellationPolicyId ?? null,
+          promoCode: appliedPromoCode ?? null,
+          newTotalAmount: displayChangeFlowProposedTotal,
+          additionalHoursCount: null,
+          pricingAdjustment:
+            providerPricingOverrides.length > 0 || providerAdditionalAdjustments.length > 0
+              ? {
+                  mode: 'MANUAL_LINES',
+                  lineOverrides: providerPricingOverrides,
+                  additionalAdjustments: providerAdditionalAdjustments,
+                }
+              : undefined,
+          capacitySeatCredit: {
+            enabled: true,
+            previousPassengerCount: changeFlowInitialTicketCount,
+            previousAvailabilityId: initialValues?.availabilityId ?? null,
+            previousReturnAvailabilityId: initialValues?.returnAvailabilityId ?? null,
+          },
+        });
+        setLoading(false);
+        return;
+      }
 
       const bookingSourceContext = buildBookingSourceContext(bookingSourceAttribution, {
         clientChannelSource: inferClientBookingSourceFromProductIds(
@@ -4232,17 +4510,18 @@ export function ChangeBookingFlow({
           availabilityProductOptionId,
         ),
         forcePartnerPortalChannel: partnerPortalBooking,
-        forceDashboardSource: false,
+        forceDashboardSource: bookingAppMode === 'provider-dashboard',
       });
 
       // Get the hotel name if a pickup location was selected
       const selectedPickupLocation = pickupLocationId 
         ? product.pickupLocations?.find(loc => loc.id === pickupLocationId)
         : null;
+      let quotedPriceDiff: number | null = null;
       let changeIntentIdForCheckout: string | undefined;
       let changeBookingReferenceForPaidFlow: string | undefined;
 
-      {
+      if (isCustomerSelfServeChange) {
         const changeBookingReference = initialValues?.bookingReference?.trim();
         const changeLastName = lastName.trim();
         if (!changeBookingReference || !changeLastName) {
@@ -4270,6 +4549,7 @@ export function ChangeBookingFlow({
           },
           currency
         );
+        quotedPriceDiff = quoteSlice.priceDiff;
         changeBookingReferenceForPaidFlow = changeBookingReference;
         changeIntentIdForCheckout = quoteSlice.changeIntentId ?? undefined;
         setLatestChangeQuote(
@@ -4361,11 +4641,13 @@ export function ChangeBookingFlow({
       // Build checkout breakdown from the exact same values we show in the UI and Stripe modal.
       // Backend will charge totalAmount and store this as the receipt so /manage matches.
       const taxForBreakdown = effectivePromoDiscountAmount > 0 ? effectiveTax : tax;
-      const amountDueForCheckout = changeFlowBalanceVsOriginal({
-        newTotal: changeFlowNewBookingTotal,
-        originalReceiptTotal: originalReceipt?.total ?? 0,
-        audience: 'customer',
-      });
+      const amountDueForCheckout = isCustomerSelfServeChange
+        ? changeFlowBalanceVsOriginal({
+            newTotal: changeFlowNewBookingTotal,
+            originalReceiptTotal: originalReceipt?.total ?? 0,
+            audience: 'customer',
+          })
+        : totalPrice;
       const lines = [
         ...ticketLineItemsForChangeFlowDisplay.map((line) => ({
           label: line.category,
@@ -4442,7 +4724,8 @@ export function ChangeBookingFlow({
         roundingLabel: t('booking.rounding') || 'Rounding',
       });
 
-      const paymentIntent = await createChangeBookingPaymentIntent(
+      const paymentIntent = isCustomerSelfServeChange
+        ? await createChangeBookingPaymentIntent(
             (() => {
               const id = changeIntentIdForCheckout ?? latestChangeQuote?.changeIntentId;
               if (!id) {
@@ -4450,8 +4733,76 @@ export function ChangeBookingFlow({
               }
               return id;
             })()
-          );
+          )
+        : await createPaymentIntent({
+            productId: product.productId,
+            optionId: availabilityProductOptionId,
+            date: datePart,
+            time: timePart,
+            quantity: totalQuantity,
+            customerEmail: email,
+            customerFirstName: firstName.trim() || undefined,
+            customerLastName: lastName.trim() || undefined,
+            currency: currency,
+            travelerHotel: selectedPickupLocation?.name || undefined,
+            pickupLocationId: pickupLocationId || undefined,
+            itineraryDisplay: itineraryDisplay ?? undefined,
+            returnAvailabilityId: selectedReturnOption?.returnAvailabilityId,
+            promoCode: (lockedPromoCode || appliedPromoCode) || undefined,
+            cancellationPolicyId: cancellationPolicyId || undefined,
+            termsAcceptedAt: termsAcceptedAt ?? undefined,
+            checkoutBreakdown,
+            skipConfirmationCommunications: isAdmin && skipConfirmationCommunications ? true : undefined,
+            disableAutoCommunications: isAdmin && disableAutoCommunications ? true : undefined,
+            ...bookingSourceContext,
+          });
 
+      // Admin: show choice to pay now or confirm without payment (customer owes full balance)
+      if (isAdmin) {
+        const adminReservationRef =
+          initialValues?.bookingReference?.trim() ??
+          changeBookingReferenceForPaidFlow ??
+          '';
+        if (!adminReservationRef) {
+          throw new Error('Missing reservation reference for admin payment flow');
+        }
+        setError('');
+        setAdminChoiceData({
+          reservationReference: adminReservationRef,
+          reservationExpiration: undefined,
+          checkoutBreakdown,
+          totalAmount: amountDueForCheckout,
+          datePart,
+          timePart,
+          availabilityProductOptionId,
+          itineraryDisplay: itineraryDisplay ?? undefined,
+          clientSecret: paymentIntent.clientSecret ?? '',
+          ticketLinesForModal: ticketLineItemsForChangeFlowDisplay.map((line) => {
+            const rate = pricing.find((r) => r.category === line.category);
+            const breakdown = getPriceBreakdown(
+              line.category,
+              rate?.priceCAD ?? 0,
+              rate?.baseInDisplayCurrency,
+              rate?.appliedAdjustments ?? []
+            );
+            return { line, breakdown };
+          }),
+          feeLineItems: feeLineItemsWithAddOns,
+          returnPriceAdjustment: checkoutReturnLineAmount,
+          cancellationPolicyFee,
+          cancellationPolicyLabel: effectiveCancellationPolicyLabel,
+          subtotal: effectiveSubtotal,
+          tax: effectivePromoDiscountAmount > 0 ? effectiveTax : tax,
+          totalQuantity,
+          isTaxIncludedInPrice,
+          taxRate: pricingConfig?.taxRate ?? 0,
+          promoDiscountAmount: effectivePromoDiscountAmount > 0 ? effectivePromoDiscountAmount : 0,
+          discountLabel: appliedPromoCode ? `Promo: ${appliedPromoCode}` : (originalReceipt?.promoLabel || undefined),
+        });
+        setShowAdminPaymentChoice(true);
+        setLoading(false);
+        return;
+      }
 
       const ticketLinesForModal: CheckoutModalLineItem[] = ticketLineItemsForChangeFlowDisplay.map((line) => {
         const rate = pricing.find((r) => r.category === line.category);
@@ -4473,7 +4824,7 @@ export function ChangeBookingFlow({
         // Paid change: always return to stable ref+lastName + explicit intent (not reservationRef).
         // /manage-booking runs bounded refresh only when `from=change_payment` (see manage-booking page).
         successUrlOverride:
-          true && changeBookingReferenceForPaidFlow
+          isCustomerSelfServeChange && changeBookingReferenceForPaidFlow
             ? (() => {
                 const origin = typeof window !== 'undefined' ? window.location.origin : '';
                 const ref = encodeURIComponent(
@@ -4501,7 +4852,7 @@ export function ChangeBookingFlow({
         promoDiscountAmount: effectivePromoDiscountAmount > 0 ? effectivePromoDiscountAmount : 0,
         discountLabel: appliedPromoCode ? `Promo: ${appliedPromoCode}` : (originalReceipt?.promoLabel || undefined),
         changeTotals:
-          true && originalReceipt
+          isCustomerSelfServeChange && originalReceipt
             ? {
                 previousTotal: originalReceipt.total,
                 newTotal: displayChangeFlowProposedTotal,
@@ -4570,7 +4921,85 @@ export function ChangeBookingFlow({
     }
   };
 
+  const handleConfirmWithoutPayment = async () => {
+    if (!adminChoiceData) return;
+    setLoading(true);
+    setError('');
+    try {
+      const bookingSourceContext = buildBookingSourceContext(bookingSourceAttribution, {
+        clientChannelSource: inferClientBookingSourceFromProductIds(
+          product.productId,
+          adminChoiceData.availabilityProductOptionId,
+        ),
+        forcePartnerPortalChannel: partnerPortalBooking,
+        forceDashboardSource: bookingAppMode === 'provider-dashboard',
+      });
+      const result = await confirmBookingWithoutPayment({
+        reservationReference: adminChoiceData.reservationReference,
+        productId: product.productId,
+        optionId: adminChoiceData.availabilityProductOptionId,
+        date: adminChoiceData.datePart,
+        time: adminChoiceData.timePart,
+        customerEmail: email || undefined,
+        customerFirstName: firstName.trim() || undefined,
+        customerLastName: lastName.trim() || undefined,
+        currency: currency,
+        travelerHotel: product.pickupLocations?.find(loc => loc.id === pickupLocationId)?.name || undefined,
+        pickupLocationId: pickupLocationId || undefined,
+        itineraryDisplay: adminChoiceData.itineraryDisplay ?? undefined,
+        termsAcceptedAt: termsAcceptedAt ?? undefined,
+        skipConfirmationCommunications: skipConfirmationCommunications ? true : undefined,
+        disableAutoCommunications: disableAutoCommunications ? true : undefined,
+        checkoutBreakdown: adminChoiceData.checkoutBreakdown,
+        depositAmount: 0,
+        balanceAmount: adminChoiceData.totalAmount,
+        totalAmount: adminChoiceData.totalAmount,
+        ...bookingSourceContext,
+      });
+      pendingReservationRef.current = null;
+      const ref = formatBookingRefForDisplay(result.bookingReference);
+      const ln = lastName.trim();
+      setShowAdminPaymentChoice(false);
+      setAdminChoiceData(null);
+      onSuccess?.({ reservationReference: adminChoiceData.reservationReference });
+      if (onShowManage) {
+        onShowManage({ ref, lastName: ln });
+      } else {
+        const params = new URLSearchParams({ ref, lastName: ln, booking_complete: '1' });
+        window.location.href = `/manage-booking?${params.toString()}`;
+      }
+    } catch (err) {
+      setError(err instanceof Error ? err.message : 'Failed to confirm booking');
+    } finally {
+      setLoading(false);
+    }
+  };
 
+  const handlePayNow = () => {
+    if (!adminChoiceData) return;
+    setShowAdminPaymentChoice(false);
+    setCheckoutClientSecret(adminChoiceData.clientSecret);
+    setCheckoutModalData({
+      reservationReference: adminChoiceData.reservationReference,
+      reservationExpiration: adminChoiceData.reservationExpiration,
+      customerLastName: lastName.trim(),
+      ticketLines: adminChoiceData.ticketLinesForModal,
+      feeLineItems: adminChoiceData.feeLineItems,
+      returnPriceAdjustment: adminChoiceData.returnPriceAdjustment,
+      cancellationPolicyFee: adminChoiceData.cancellationPolicyFee,
+      cancellationPolicyLabel: adminChoiceData.cancellationPolicyLabel,
+      subtotal: adminChoiceData.subtotal,
+      tax: adminChoiceData.tax,
+      total: adminChoiceData.totalAmount,
+      totalQuantity: adminChoiceData.totalQuantity,
+      isTaxIncludedInPrice: adminChoiceData.isTaxIncludedInPrice,
+      taxRate: adminChoiceData.taxRate,
+      promoDiscountAmount: adminChoiceData.promoDiscountAmount,
+      discountLabel: adminChoiceData.discountLabel,
+    });
+    setShowCheckoutModal(true);
+    setAdminChoiceData(null);
+  };
 
   if (activeOptions.length === 0) {
     return (
@@ -4582,6 +5011,17 @@ export function ChangeBookingFlow({
 
   return (
     <div className="booking-flow-root space-y-8">
+      {/* Admin: choose to pay now or confirm without payment (full balance owed) */}
+      <AdminPaymentChoiceModal
+        open={!!(showAdminPaymentChoice && adminChoiceData)}
+        totalAmount={adminChoiceData?.totalAmount ?? 0}
+        currency={currency}
+        loading={loading}
+        error={error}
+        onPayNow={handlePayNow}
+        onConfirmWithoutPayment={handleConfirmWithoutPayment}
+        onCancel={() => { setShowAdminPaymentChoice(false); setAdminChoiceData(null); setError(''); }}
+      />
       {checkoutModalData && (
         <CheckoutModal
           open={showCheckoutModal}
@@ -4655,12 +5095,12 @@ export function ChangeBookingFlow({
                 syncVisibleWeekToSelectedDate={true}
                 selectableSoldOutDate={changeFlowOriginalDate}
                 partySizeRequiredForCalendarSelection={
-                  true && !false && changeFlowInitialTicketCount > 0
+                  isCustomerSelfServeChange && !isAdmin && changeFlowInitialTicketCount > 0
                     ? changeFlowInitialTicketCount
                     : undefined
                 }
                 getEffectiveVacancies={
-                  true && !false && changeFlowInitialTicketCount > 0
+                  isCustomerSelfServeChange && !isAdmin && changeFlowInitialTicketCount > 0
                     ? getCalendarEffectiveOutboundVacancies
                     : undefined
                 }
@@ -4684,7 +5124,7 @@ export function ChangeBookingFlow({
                 earliestDate={earliestAvailabilityDate}
                 onVisibleRangeChange={handleVisibleRangeChange}
                 currency={currency}
-                showCapacity={false}
+                showCapacity={isAdmin}
                 extraDiscountPercent={calendarDiscountPercent}
                 capDiscountBadgesToBookingDate={changeFlowOriginalDate}
               />
@@ -4740,7 +5180,7 @@ export function ChangeBookingFlow({
               selectedTicketCount={totalQuantity}
               optionsMap={optionsMap}
               hasAnyMostPopular={hasAnyMostPopular}
-              isAdmin={false}
+              isAdmin={isAdmin}
               pickupLocationSkipped={pickupLocationSkipped}
               t={t}
               onTimeSelect={handleTimeSelect}
@@ -4756,7 +5196,7 @@ export function ChangeBookingFlow({
               companyTimezone={companyTimezone}
               currency={currency}
               locale={locale}
-              isAdmin={false}
+              isAdmin={isAdmin}
               t={t}
               onReturnSelect={(option) => {
                 const raw = selectedAvailability.returnOptions?.find(
@@ -4784,7 +5224,7 @@ export function ChangeBookingFlow({
               resourceCount={selectedReturnOption ? null : (selectedAvailability.resourceCount ?? null)}
               currency={currency}
               locale={locale}
-              isAdmin={false}
+              isAdmin={isAdmin}
               isSimplifiedPricingView={isSimplifiedPricingView}
               t={t}
               onQuantityChange={handleQuantityChange}
@@ -4806,7 +5246,7 @@ export function ChangeBookingFlow({
               currency={currency}
               locale={locale}
               onSelectionsChange={updateAddOnSelections}
-              minimumTotalByAddOnId={initialAddOnMinTotalByAddOnId}
+              minimumTotalByAddOnId={isCustomerSelfServeChange ? initialAddOnMinTotalByAddOnId : undefined}
               suppressPrices={false}
             />
           )}
@@ -4836,15 +5276,99 @@ export function ChangeBookingFlow({
                 currency={currency}
                 locale={locale}
                 t={t}
-                extraBetweenTaxAndTotal={undefined}
-                extraBeforeSubtotal={undefined}
+                extraBetweenTaxAndTotal={
+                  <>
+                    {showProviderPricingInlineEditor && providerPricingUi?.error ? (
+                      <div className="mt-2 text-sm text-red-700">{providerPricingUi.error}</div>
+                    ) : null}
+                    {showProviderPricingInlineEditor &&
+                    providerPricingUi?.loading &&
+                    providerQuotedLines.length === 0 ? (
+                      <div className="mt-2 text-sm text-stone-500">Loading price lines...</div>
+                    ) : null}
+                    {showProviderPricingInlineEditor &&
+                    providerPricingUi?.helperText &&
+                    !providerPricingUi.error ? (
+                      <div className="mt-2 text-xs text-stone-500">{providerPricingUi.helperText}</div>
+                    ) : null}
+                  </>
+                }
+                extraBeforeSubtotal={
+                  showProviderPricingInlineEditor && (providerPricingUi?.additionalAdjustments?.length ?? 0) > 0 ? (
+                    <div className="space-y-1">
+                      {providerPricingUi?.additionalAdjustments?.map((adj) => (
+                        <div key={adj.id} className="flex items-center justify-between gap-2 text-sm">
+                          <div className="flex min-w-0 items-center gap-1">
+                            <button
+                              type="button"
+                              className="rounded border border-stone-300 px-1 text-xs text-stone-600 hover:bg-stone-100"
+                              onClick={() => providerPricingUi?.onRemoveAdditionalAdjustment?.(adj.id)}
+                            >
+                              -
+                            </button>
+                            <input
+                              type="text"
+                              className="w-40 rounded border border-stone-300 px-2 py-0.5 text-sm"
+                              placeholder="Line description"
+                              value={adj.label}
+                              onChange={(e) =>
+                                providerPricingUi?.onUpdateAdditionalAdjustment?.(adj.id, { label: e.target.value })
+                              }
+                            />
+                          </div>
+                          <div className="flex items-center gap-1">
+                            <select
+                              className="rounded border border-stone-300 px-1 py-0.5 text-xs"
+                              value={adj.mode}
+                              onChange={(e) =>
+                                providerPricingUi?.onUpdateAdditionalAdjustment?.(adj.id, {
+                                  mode: e.target.value as 'DISCOUNT' | 'CHARGE',
+                                })
+                              }
+                            >
+                              <option value="DISCOUNT">-</option>
+                              <option value="CHARGE">+</option>
+                            </select>
+                            <input
+                              type="text"
+                              inputMode="decimal"
+                              className="h-6 w-24 rounded border border-stone-300 bg-white px-2 py-0.5 text-right text-sm font-medium leading-none text-stone-700"
+                              placeholder="0.00"
+                              value={adj.amountInput}
+                              onChange={(e) =>
+                                providerPricingUi?.onUpdateAdditionalAdjustment?.(adj.id, {
+                                  amountInput: e.target.value,
+                                })
+                              }
+                            />
+                          </div>
+                        </div>
+                      ))}
+                      <button
+                        type="button"
+                        className="rounded border border-stone-300 px-2 py-0.5 text-xs text-stone-600 hover:bg-stone-100"
+                        onClick={() => providerPricingUi?.onAddAdditionalAdjustment?.()}
+                      >
+                        + add line item
+                      </button>
+                    </div>
+                  ) : showProviderPricingInlineEditor ? (
+                    <button
+                      type="button"
+                      className="rounded border border-stone-300 px-2 py-0.5 text-xs text-stone-600 hover:bg-stone-100"
+                      onClick={() => providerPricingUi?.onAddAdditionalAdjustment?.()}
+                    >
+                      + add line item
+                    </button>
+                  ) : undefined
+                }
                 firstName={firstName}
                 lastName={lastName}
                 email={email}
                 onFirstNameChange={(v) => { setFirstName(v); setError(''); }}
                 onLastNameChange={(v) => { setLastName(v); setError(''); }}
                 onEmailChange={(v) => { setEmail(v); setError(''); }}
-                readOnlyContactFields={false}
+                readOnlyContactFields
                 pickupLocations={
                   selectedDate && product.pickupLocations && product.pickupLocations.length > 0
                     ? product.pickupLocations
@@ -4878,29 +5402,38 @@ export function ChangeBookingFlow({
                   setTermsAccepted(checked);
                   setTermsAcceptedAt(checked ? new Date().toISOString() : null);
                 }}
-                isAdmin={false}
+                isAdmin={isAdmin}
                 showCommunicationAdminSection={false}
-                skipConfirmationCommunications={false}
-                disableAutoCommunications={false}
-                onSkipConfirmationChange={() => {}}
-                onDisableCommunicationsChange={() => {}}
+                skipConfirmationCommunications={skipConfirmationCommunications}
+                disableAutoCommunications={disableAutoCommunications}
+                onSkipConfirmationChange={setSkipConfirmationCommunications}
+                onDisableCommunicationsChange={setDisableAutoCommunications}
                 error={checkoutFormError}
                 loading={loading}
                 totalQuantity={totalQuantity}
                 onCheckout={handleCheckout}
                 submitLabel={changeCheckoutButtonLabel ?? deferredInvoiceSubmitLabel}
                 hideSubmitButton={
-                  showCheckoutModal || !hasEffectiveChangeSelection || isChangeQuoteBlocked
+                  showCheckoutModal ||
+                  showAdminPaymentChoice ||
+                  !hasEffectiveChangeSelection ||
+                  isChangeQuoteBlocked
                 }
                 submitDisabled={changeFlowSubmitDisabled}
                 attributionSummary={flowUi?.partnerAttributionSummary}
                 attributionConfirmLabel={flowUi?.partnerAttributionConfirmLabel}
                 attributionConfirmed={partnerAttributionConfirmed}
                 onAttributionConfirmedChange={setPartnerAttributionConfirmed}
-                lineAmountInputs={undefined}
-                onLineAmountInputChange={undefined}
-                onLineAmountInputBlur={undefined}
-                onLineAmountReset={undefined}
+                lineAmountInputs={showProviderPricingInlineEditor ? providerPricingUi?.lineAmountInputs : undefined}
+                onLineAmountInputChange={
+                  showProviderPricingInlineEditor ? providerPricingUi?.onLineAmountInputChange : undefined
+                }
+                onLineAmountInputBlur={
+                  showProviderPricingInlineEditor ? providerPricingUi?.onLineAmountInputBlur : undefined
+                }
+                onLineAmountReset={
+                  showProviderPricingInlineEditor ? providerPricingUi?.onLineAmountReset : undefined
+                }
               />
             </>
           )}