AYANA Bali Reservation Assistant

Status: Loading... | Last Update:

🎮 Basic Controls

📏 Size Testing

📍 Position Testing

🎯 Combined Testing

🔄 Hot Reload Info

This page automatically reloads the widget when you make changes to the source code.

To test hot reload:

Make changes to any file in src/
The widget will automatically rebuild and reload
You ' ll see the changes immediately in the browser

A/B Test Debugger

Current Variant: Not set (will use PostHog or fallback)

Cookie Name: reservation_ai_ab_variant

Manually setting a variant overrides PostHog assignment. The variant is sent as the X-AB-Variant header on each API request.

📖 Usage Examples

Basic usage

<script src="http://localhost:3000/widget"></script>

              <script>
                ReservationAIWidget.init();
              </script>

With custom size

<script src="http://localhost:3000/widget"></script>

              <script>
                ReservationAIWidget.init({ width: 500, height: 600 });
              </script>

With custom position

<script src="http://localhost:3000/widget"></script>

              <script>
                ReservationAIWidget.init({ position: 'bottom-left' });
              </script>

Combined

<script src="http://localhost:3000/widget"></script>

              <script>
                ReservationAIWidget.init({ 
                  width: 450, 
                  height: 650, 
                  position: 'top-right' 
                });
              </script>

🧪 Reservation AI Widget Test Suite