-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathspirit.html
671 lines (649 loc) · 41.2 KB
/
spirit.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
666
667
668
669
670
671
<!DOCTYPE html>
<html lang="en">
<head>
<script src="https://spiritairlines-stage.quiq-api.com/app/chat-ui/index.js" charset="UTF-8"></script>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Spirit Airlines AI Agent Test Page</title>
<style>
html,
body {
height: 100%;
margin: 0;
padding: 0;
display: flex;
flex-direction: column;
}
body {
font-family: Arial, sans-serif;
display: none;
/* Hide content initially */
}
header {
background-color: #FFEC00;
padding: 0px 20px;
display: flex;
justify-content: space-between;
align-items: center;
height: 60px;
box-sizing: border-box;
}
.logo {
width: 98px;
/* Adjust size as necessary */
height: auto;
}
.hamburger {
display: block;
width: 22px;
/* size of the hamburger icon */
height: 3px;
/* thickness of the hamburger bars */
background-color: #333;
/* color of the hamburger icon */
position: relative;
/* needed to position the pseudo-elements */
transition: background 0.3s ease;
}
.hamburger::before,
.hamburger::after {
content: '';
position: absolute;
width: 100%;
height: 3px;
background-color: #333;
transition: transform 0.3s ease;
}
.hamburger::before {
top: -8px;
}
.hamburger::after {
top: 8px;
}
main {
flex: 1;
padding: 30px 40px;
text-align: left;
box-sizing: border-box;
overflow: auto;
}
#main-div {
max-width: 1000px;
margin: auto;
}
footer {
background-color: #191919;
padding: 8px 20px;
text-align: left;
color: #fff;
box-sizing: border-box;
}
li {
line-height: 2;
}
.selected {
background: #fffde6;
}
.user_story {
padding: 8px 14px;
box-sizing: border-box;
}
.user_story div {
text-align: right;
padding: 10px;
}
button {
padding: 6px 12px;
}
</style>
</head>
<body>
<script>
var correctPassword = 'quiq'; // Set your password here
var userPassword = prompt('Please enter the password to view this site:');
if (userPassword !== correctPassword) {
document.body.innerHTML = '<h1>Access Denied</h1>'; // Message shown if password is wrong
} else {
document.body.style.display = 'flex'; // Show content and use flex if password is correct
var chat = Quiq({
pageConfigurationId: 'ai-agent-cs'
});
}
</script>
<header>
<img src="https://proservices-static-prod.quiq-cdn.com/shared/spiritairlines/Spirit-Banner-Transparent-Logo-2.png" alt="Spirit Airlines Logo" class="logo">
<div class="hamburger"></div>
</header>
<main>
<div id="main-div">
<h1>AI Agent Testing Page for Spirit Airlines</h1>
<p>Welcome to the testing page for the Spirit Airlines AI Agent. Please follow the guidelines below to ensure effective testing:</p>
<ul>
<li>Verify that the AI responds accurately to customer inquiries.</li>
<li>Test the AI's ability to handle unexpected user input.</li>
<li>Assess response time for typical customer questions.</li>
<li>Check the AI's capability to escalate complex issues to human agents.</li>
</ul>
<p>
<h2>Testing Scenarios for Spirit Airlines AI Agent</h2>
</p>
<hr>
<div id="voucher" class="user_story">
<h3>Scenario: Inquiry about Voucher Usage</h3>
<ul>
<li><strong>User Story:</strong> As a guest, I want to inquire about my voucher so that I can understand how to use it.</li>
<li><strong>Context:</strong> Guest has received a voucher and needs information on its usage.</li>
<li><strong>Initial User Input:</strong> I have a voucher and I need to know how to use it.</li>
<li><strong>Potential Escalation Scenarios:</strong> If the guest has trouble redeeming the voucher or if the voucher is expired or invalid.</li>
<li><strong>Expected Resolution:</strong> The guest is provided with detailed information on how to redeem the voucher, including applicable flights, booking process, and any terms and conditions.</li>
<li><strong>Acceptance Criteria:</strong> The guest receives clear instructions on how to use the voucher, including any restrictions or expiration dates.</li>
</ul>
<div>
<button onclick="loadContext('voucher')">Load Context</button>
</div>
</div>
<hr>
<div id="reservation_credit" class="user_story">
<h3>Scenario: Reservation Credit</h3>
<ul>
<li><strong>User Story:</strong> As a guest, I want to understand my reservation credit so that I can apply it to a future booking.</li>
<li><strong>Context:</strong> Guest has a reservation credit from a previous cancellation or change.</li>
<li><strong>Initial User Input:</strong> I have a reservation credit from a previous cancellation. How can I use it for my next flight?</li>
<li><strong>Potential Escalation Scenarios:</strong> The guest is unable to find their reservation credit, the credit has expired, or the guest wants to transfer the credit to another person.</li>
<li><strong>Expected Resolution:</strong> The guest receives clear instructions on how to apply their reservation credit to a new booking, including any restrictions or expiration details.</li>
<li><strong>Acceptance Criteria:</strong> The guest should be able to view the amount of their reservation credit, its expiration date, and the process to apply it to a future booking.</li>
</ul>
<div>
<button onclick="loadContext('reservation_credit')">Load Context</button>
</div>
</div>
<hr>
<div id="trying_to_book" class="user_story">
<h3>Scenario: Trying to book</h3>
<ul>
<li><strong>User Story:</strong> As a guest, I want assistance with booking a flight so that I can complete my reservation.</li>
<li><strong>Context:</strong> Guest is attempting to book a flight but encountering difficulties.</li>
<li><strong>Initial User Input:</strong> The guest has provided their travel dates, destination, and number of passengers but is unsure how to proceed with the booking.</li>
<li><strong>Potential Escalation Scenarios:</strong> If the guest continues to experience issues, they may request to speak with a supervisor or customer service representative.</li>
<li><strong>Expected Resolution:</strong> The guest successfully completes their flight booking with the assistance provided.</li>
<li><strong>Acceptance Criteria:</strong> The guest receives clear guidance on how to complete their flight booking, including any necessary steps or information required.</li>
</ul>
<div>
<button onclick="loadContext('trying_to_book')">Load Context</button>
</div>
</div>
<hr>
<div id="get_a_refund" class="user_story">
<h3>Scenario: Get a refund</h3>
<ul>
<li><strong>User Story:</strong> As a guest, I want to request a refund so that I can get my money back for a cancelled or changed flight.</li>
<li><strong>Context:</strong> Guest is seeking a refund for a flight that was cancelled or significantly changed.</li>
<li><strong>Initial User Input:</strong> The guest provides their booking reference number and details of the cancelled or changed flight.</li>
<li><strong>Potential Escalation Scenarios:</strong> If the refund is not processed within the expected timeframe, the guest may escalate the issue to customer service management.</li>
<li><strong>Expected Resolution:</strong> The guest receives a full refund to their original payment method within the specified timeframe.</li>
<li><strong>Acceptance Criteria:</strong> The guest receives confirmation of the refund request and a timeline for when to expect the refund.</li>
</ul>
<div>
<button onclick="loadContext('get_a_refund')">Load Context</button>
</div>
</div>
<hr>
<div id="my_flight_was_canceled" class="user_story">
<h3>Scenario: My flight was canceled</h3>
<ul>
<li><strong>User Story:</strong> As a guest, I want information about my cancelled flight so that I can understand my options.</li>
<li><strong>Context:</strong> Guest's flight has been cancelled and they need to know next steps.</li>
<li><strong>Initial User Input:</strong> My flight was canceled. What should I do next?</li>
<li><strong>Potential Escalation Scenarios:</strong> If the guest is unhappy with the options provided, they may request to speak to a supervisor or customer service representative.</li>
<li><strong>Expected Resolution:</strong> The guest is informed about how to rebook their flight, request a refund, or receive compensation, along with any necessary contact information.</li>
<li><strong>Acceptance Criteria:</strong> The guest receives clear information about their options for rebooking, refunds, and any compensation they may be entitled to.</li>
</ul>
<div>
<button onclick="loadContext('my_flight_was_canceled')">Load Context</button>
</div>
</div>
<hr>
<div id="error_message" class="user_story">
<h3>Scenario: Error message</h3>
<ul>
<li><strong>User Story:</strong> As a guest, I want to resolve an error message I received while using Spirit's website or app.</li>
<li><strong>Context:</strong> Guest encountered an error while using Spirit's online services.</li>
<li><strong>Initial User Input:</strong> The guest reports the specific error message encountered while using the website or app.</li>
<li><strong>Potential Escalation Scenarios:</strong> If the error persists, the guest may need to be escalated to technical support for further assistance.</li>
<li><strong>Expected Resolution:</strong> The guest is guided through troubleshooting steps or provided with a workaround to complete their intended action.</li>
<li><strong>Acceptance Criteria:</strong> The guest receives a clear explanation of the error message and steps to resolve it, or an alternative solution if the issue cannot be resolved immediately.</li>
</ul>
<div>
<button onclick="loadContext('error_message')">Load Context</button>
</div>
</div>
<hr>
<div id="check_bag" class="user_story">
<h3>Scenario: Check Baggage Policies</h3>
<ul>
<li><strong>User Story:</strong> As a guest, I want to check my bag so that I can understand the process and fees.</li>
<li><strong>Context:</strong> Guest needs information about baggage policies and fees.</li>
<li><strong>Initial User Input:</strong> What are the baggage policies and fees for checking a bag?</li>
<li><strong>Potential Escalation Scenarios:</strong> If the guest has further questions about specific fees or exceptions, or if they encounter issues during the check-in process.</li>
<li><strong>Expected Resolution:</strong> The guest understands the baggage policies and fees, and is informed about how to check their bag at the airport.</li>
<li><strong>Acceptance Criteria:</strong> The guest receives clear information about baggage policies, including fees for checked bags, size and weight restrictions, and the process for checking bags at the airport.</li>
</ul>
<div>
<button onclick="loadContext('check_bag')">Load Context</button>
</div>
</div>
<hr>
<div id="cancel_flight" class="user_story">
<h3>Scenario: Cancel Flight</h3>
<ul>
<li><strong>User Story:</strong> As a guest, I want to cancel my flight so that I can receive a refund or credit.</li>
<li><strong>Context:</strong> Guest needs to cancel their reservation.</li>
<li><strong>Initial User Input:</strong> I would like to cancel my flight reservation.</li>
<li><strong>Potential Escalation Scenarios:</strong> If the guest encounters issues with the cancellation process or has questions about their refund or credit, they may need to speak with a customer service representative.</li>
<li><strong>Expected Resolution:</strong> The guest receives a confirmation of the cancellation and details regarding their refund or credit options.</li>
<li><strong>Acceptance Criteria:</strong> The guest successfully cancels their flight and receives confirmation of the cancellation along with information on the refund or credit process.</li>
</ul>
<div>
<button onclick="loadContext('cancel_flight')">Load Context</button>
</div>
</div>
<hr>
<div id="check_in" class="user_story">
<h3>Scenario: Check In</h3>
<ul>
<li><strong>User Story:</strong> As a guest, I want to check in for my flight so that I'm ready for travel.</li>
<li><strong>Context:</strong> Guest needs to complete the check-in process.</li>
<li><strong>Initial User Input:</strong> Guest provides confirmation number and last name.</li>
<li><strong>Potential Escalation Scenarios:</strong> Guest encounters issues with the confirmation number or flight details.</li>
<li><strong>Expected Resolution:</strong> Guest receives confirmation of check-in and a digital boarding pass.</li>
<li><strong>Acceptance Criteria:</strong> Guest successfully checks in and receives a boarding pass.</li>
</ul>
<div>
<button onclick="loadContext('check_in')">Load Context</button>
</div>
</div>
<hr>
<div id="use_credit" class="user_story">
<h3>Scenario: Use flight credit for new booking</h3>
<ul>
<li><strong>User Story:</strong> As a guest, I want to use my flight credit so that I can book a new flight.</li>
<li><strong>Context:</strong> Guest has a flight credit and wants to apply it to a new booking.</li>
<li><strong>Initial User Input:</strong> I have a flight credit that I would like to use for my next booking.</li>
<li><strong>Potential Escalation Scenarios:</strong> The flight credit is not recognized, the guest encounters an error during the booking process, or the guest has questions about the terms of the flight credit.</li>
<li><strong>Expected Resolution:</strong> The guest's flight credit is applied to the new booking, and they receive a confirmation email with the updated itinerary.</li>
<li><strong>Acceptance Criteria:</strong> The guest successfully applies their flight credit to a new booking and receives confirmation of the transaction.</li>
</ul>
<div>
<button onclick="loadContext('use_credit')">Load Context</button>
</div>
</div>
<hr>
<div id="flight_status" class="user_story">
<h3>Scenario: Check Flight Status</h3>
<ul>
<li><strong>User Story:</strong> As a guest, I want to check my flight status so that I can plan my travel accordingly.</li>
<li><strong>Context:</strong> Guest needs up-to-date information on their flight.</li>
<li><strong>Initial User Input:</strong> Flight number or departure city and destination city.</li>
<li><strong>Potential Escalation Scenarios:</strong> If the flight status cannot be retrieved, the guest may need to speak with a customer service representative for further assistance.</li>
<li><strong>Expected Resolution:</strong> The guest is provided with the current status of their flight, including any delays or changes.</li>
<li><strong>Acceptance Criteria:</strong> The guest receives accurate and real-time information about their flight status, including departure and arrival times, delays, and gate information.</li>
</ul>
<div>
<button onclick="loadContext('flight_status')">Load Context</button>
</div>
</div>
<hr>
<div id="special_assistance" class="user_story">
<h3>Scenario: Special Assistance Request</h3>
<ul>
<li><strong>User Story:</strong> As a guest, I want to add special assistance to my reservation so that my needs are accommodated during travel.</li>
<li><strong>Context:</strong> Guest requires special assistance (e.g., wheelchair, service animal).</li>
<li><strong>Initial User Input:</strong> Guest provides details about the type of special assistance required (e.g., wheelchair, service animal).</li>
<li><strong>Potential Escalation Scenarios:</strong> If the guest's request cannot be accommodated, they may need to speak with a supervisor for alternative solutions.</li>
<li><strong>Expected Resolution:</strong> The guest's request for special assistance is processed, and they receive a confirmation email with details of the assistance provided.</li>
<li><strong>Acceptance Criteria:</strong> Guest successfully adds special assistance to their reservation and receives confirmation of the request.</li>
</ul>
<div>
<button onclick="loadContext('special_assistance')">Load Context</button>
</div>
</div>
<hr>
<div id="modify_existing_reservation" class="user_story">
<h3>Scenario: Modify Existing Reservation</h3>
<ul>
<li><strong>User Story:</strong> As a guest, I want to modify my existing reservation so that it fits my updated travel plans.</li>
<li><strong>Context:</strong> Guest needs to change their flight date, time, or other details.</li>
<li><strong>Initial User Input:</strong> Guest provides their reservation number and the new desired flight details.</li>
<li><strong>Potential Escalation Scenarios:</strong> If the guest encounters issues with the modification process, such as system errors or unexpected fees, they may request to speak with a customer service representative.</li>
<li><strong>Expected Resolution:</strong> The guest's reservation is modified according to their request, and they receive updated itinerary information.</li>
<li><strong>Acceptance Criteria:</strong> The guest can successfully change their flight date, time, or other details without incurring excessive fees, and receives a confirmation of the changes made.</li>
</ul>
<div>
<button onclick="loadContext('modify_existing_reservation')">Load Context</button>
</div>
</div>
<hr>
<div id="add_bag" class="user_story">
<h3>Scenario: Add Bag</h3>
<ul>
<li><strong>User Story:</strong> As a guest, I want to add a bag to my reservation so that I can bring everything I need for my trip.</li>
<li><strong>Context:</strong> Guest wants to add baggage to an existing reservation.</li>
<li><strong>Initial User Input:</strong> Guest provides their reservation number and the number of bags they wish to add.</li>
<li><strong>Potential Escalation Scenarios:</strong> If the guest encounters issues with their reservation number or payment, they may need to speak with customer service.</li>
<li><strong>Expected Resolution:</strong> The guest receives a confirmation email with the updated baggage details and any additional charges if applicable.</li>
<li><strong>Acceptance Criteria:</strong> The guest can successfully add a bag to their existing reservation and receive confirmation of the updated baggage allowance.</li>
</ul>
<div>
<button onclick="loadContext('add_bag')">Load Context</button>
</div>
</div>
<hr>
<div id="add_seat" class="user_story">
<h3>Scenario: Add Seat Assignment</h3>
<ul>
<li><strong>User Story:</strong> As a guest, I want to add a seat assignment to my reservation so that I can choose where I sit.</li>
<li><strong>Context:</strong> Guest wants to select or change their seat assignment.</li>
<li><strong>Initial User Input:</strong> Guest provides their reservation details and selects a seat from the available options.</li>
<li><strong>Potential Escalation Scenarios:</strong> If the selected seat is no longer available, the guest should be prompted to choose another seat. If there are issues with the reservation details, the guest may need to contact customer support.</li>
<li><strong>Expected Resolution:</strong> The guest successfully adds a seat assignment to their reservation and receives a confirmation of the updated seat selection.</li>
<li><strong>Acceptance Criteria:</strong> The guest can view available seat options and select a preferred seat. The system should confirm the seat assignment and update the reservation accordingly.</li>
</ul>
<div>
<button onclick="loadContext('add_seat')">Load Context</button>
</div>
</div>
<hr>
<div id="irop" class="user_story">
<h3>Scenario: Irregular Operations (IROP)</h3>
<ul>
<li><strong>User Story:</strong> As a guest affected by irregular operations (IROP), I want to know my options so that I can adjust my travel plans.</li>
<li><strong>Context:</strong> Guest's flight has been affected by IROP and needs to understand available alternatives.</li>
<li><strong>Initial User Input:</strong> My flight has been canceled due to irregular operations. What are my options?</li>
<li><strong>Potential Escalation Scenarios:</strong> If the guest is dissatisfied with the options provided or if they encounter issues with rebooking.</li>
<li><strong>Expected Resolution:</strong> The guest is informed about their rebooking options, eligibility for refunds, and any travel credits available.</li>
<li><strong>Acceptance Criteria:</strong> The guest receives clear information about their options, including rebooking, refunds, and travel credits.</li>
</ul>
<div>
<button onclick="loadContext('irop')">Load Context</button>
</div>
</div>
<hr>
<div id="special_assistance" class="user_story">
<h3>Scenario: Requesting Special Assistance</h3>
<ul>
<li><strong>User Story:</strong> As a guest, I want to request special assistance for my flight so that my needs are accommodated.</li>
<li><strong>Context:</strong> Guest requires special assistance due to disability or other needs.</li>
<li><strong>Initial User Input:</strong> I need special assistance for my upcoming flight due to my disability.</li>
<li><strong>Potential Escalation Scenarios:</strong> If the guest's request for assistance is not acknowledged or if accommodations are not provided as needed.</li>
<li><strong>Expected Resolution:</strong> The guest is provided with the necessary assistance and accommodations for their flight.</li>
<li><strong>Acceptance Criteria:</strong> Guest successfully requests special assistance and receives confirmation of accommodations.</li>
</ul>
<div>
<button onclick="loadContext('special_assistance')">Load Context</button>
</div>
</div>
<hr>
<div id="optional_services" class="user_story">
<h3>Scenario: Optional Services</h3>
<ul>
<li><strong>User Story:</strong> As a guest, I want to add an optional service to my reservation so that I can customize my travel experience.</li>
<li><strong>Context:</strong> Guest wants to add services like bags, seats, or pet-in-cabin to their existing reservation.</li>
<li><strong>Initial User Input:</strong> The guest provides their reservation confirmation number and selects the optional services they wish to add.</li>
<li><strong>Potential Escalation Scenarios:</strong> The guest encounters issues with their reservation number, the optional services are unavailable, or there are payment processing errors.</li>
<li><strong>Expected Resolution:</strong> The guest receives a confirmation of the added services and an updated total cost for their reservation.</li>
<li><strong>Acceptance Criteria:</strong> The guest can successfully add optional services such as bags, seats, or pet-in-cabin to their existing reservation without any errors.</li>
</ul>
<div>
<button onclick="loadContext('optional_services')">Load Context</button>
</div>
</div>
<hr>
<div id="add_pet" class="user_story">
<h3>Scenario: Add Pet to Reservation</h3>
<ul>
<li><strong>User Story:</strong> As a guest traveling with a pet, I want to add a pet to my cabin reservation so that I can bring my pet with me.</li>
<li><strong>Context:</strong> Guest needs to add a pet-in-cabin to their existing reservation.</li>
<li><strong>Initial User Input:</strong> Guest provides reservation details and pet information.</li>
<li><strong>Potential Escalation Scenarios:</strong> If the pet type is not allowed, if the reservation is already at capacity, or if there are issues with payment.</li>
<li><strong>Expected Resolution:</strong> The pet is added to the reservation, and the guest receives an updated confirmation email.</li>
<li><strong>Acceptance Criteria:</strong> The guest successfully adds a pet-in-cabin to their existing reservation and receives confirmation of the addition.</li>
</ul>
<div>
<button onclick="loadContext('add_pet')">Load Context</button>
</div>
</div>
<hr>
<div id="add_car_seat_or_stroller" class="user_story">
<h3>Scenario: Add Car Seat or Stroller</h3>
<ul>
<li><strong>User Story:</strong> As a guest with a car seat or stroller, I want to add it to my reservation so that I can travel with my child equipment.</li>
<li><strong>Context:</strong> Guest needs to add a car seat and/or stroller to their existing reservation.</li>
<li><strong>Initial User Input:</strong> I would like to add a car seat and/or stroller to my reservation.</li>
<li><strong>Potential Escalation Scenarios:</strong> If the guest encounters issues while adding the items, they may need to speak with customer service for assistance.</li>
<li><strong>Expected Resolution:</strong> The car seat and/or stroller is added to the reservation, and the guest receives a confirmation of the update.</li>
<li><strong>Acceptance Criteria:</strong> The guest can successfully add a car seat and/or stroller to their existing reservation without any issues.</li>
</ul>
<div>
<button onclick="loadContext('add_car_seat_or_stroller')">Load Context</button>
</div>
</div>
<hr>
<div id="portable_oxygen_concentrator" class="user_story">
<h3>Scenario: Adding a Portable Oxygen Concentrator to Reservation</h3>
<ul>
<li><strong>User Story:</strong> As a guest requiring a portable oxygen concentrator (POC), I want to add it to my reservation so that I can travel safely.</li>
<li><strong>Context:</strong> Guest needs to add a POC to their existing reservation.</li>
<li><strong>Initial User Input:</strong> The guest provides their reservation details and requests to add a POC.</li>
<li><strong>Potential Escalation Scenarios:</strong> If the guest encounters issues adding the POC, they may need to speak with customer service for assistance.</li>
<li><strong>Expected Resolution:</strong> The guest receives a confirmation email or notification indicating that the POC has been added to their reservation.</li>
<li><strong>Acceptance Criteria:</strong> The guest can successfully add a portable oxygen concentrator (POC) to their existing reservation and receive confirmation of the addition.</li>
</ul>
<div>
<button onclick="loadContext('portable_oxygen_concentrator')">Load Context</button>
</div>
</div>
<hr>
<div id="add_wheelchair" class="user_story">
<h3>Scenario: Add Wheelchair Service</h3>
<ul>
<li><strong>User Story:</strong> As a guest with a disability, I want to add wheelchair service to my reservation so that I can navigate the airport comfortably.</li>
<li><strong>Context:</strong> Guest needs to add wheelchair service or register their personal wheelchair for an existing reservation.</li>
<li><strong>Initial User Input:</strong> Guest provides reservation details and requests wheelchair service.</li>
<li><strong>Potential Escalation Scenarios:</strong> If the wheelchair service is not available, the guest may need to be informed of alternative options or assistance.</li>
<li><strong>Expected Resolution:</strong> The guest receives confirmation of the added wheelchair service or registration of their personal wheelchair.</li>
<li><strong>Acceptance Criteria:</strong> The guest can successfully add wheelchair service to their reservation or register their personal wheelchair before their flight.</li>
</ul>
<div>
<button onclick="loadContext('add_wheelchair')">Load Context</button>
</div>
</div>
<hr>
<div id="add_shortcut_security" class="user_story">
<h3>Scenario: Add Shortcut Security to Reservation</h3>
<ul>
<li><strong>User Story:</strong> As a guest, I want to add Shortcut Security to my reservation so that I can expedite my airport experience.</li>
<li><strong>Context:</strong> Guest wants to add Shortcut Security option to their existing reservation.</li>
<li><strong>Initial User Input:</strong> Guest provides their reservation details and requests to add Shortcut Security.</li>
<li><strong>Potential Escalation Scenarios:</strong> If the guest's reservation cannot be found or if there are issues processing the payment for Shortcut Security.</li>
<li><strong>Expected Resolution:</strong> The guest's reservation is updated to include Shortcut Security, and they receive an updated confirmation email.</li>
<li><strong>Acceptance Criteria:</strong> The guest successfully adds Shortcut Security to their existing reservation and receives confirmation of the addition.</li>
</ul>
<div>
<button onclick="loadContext('add_shortcut_security')">Load Context</button>
</div>
</div>
<hr>
<div id="memberships" class="user_story">
<h3>Scenario: Membership Inquiries</h3>
<ul>
<li><strong>User Story:</strong> As a guest, I want to inquire about Spirit's membership programs so that I can understand the benefits and join.</li>
<li><strong>Context:</strong> Guest is interested in Free Spirit or Spirit Saver$ Club® memberships.</li>
<li><strong>Initial User Input:</strong> What are the benefits of Free Spirit and Spirit Saver$ Club® memberships?</li>
<li><strong>Potential Escalation Scenarios:</strong> If the guest has further questions about specific benefits or issues with the membership application process, they may need to be escalated to a customer service representative.</li>
<li><strong>Expected Resolution:</strong> The guest understands the differences between the two membership programs and is able to make an informed decision about joining.</li>
<li><strong>Acceptance Criteria:</strong> The guest receives clear information about the benefits, costs, and application process for Free Spirit and Spirit Saver$ Club® memberships.</li>
</ul>
<div>
<button onclick="loadContext('memberships')">Load Context</button>
</div>
</div>
<hr>
<div id="resend_confirmation_email" class="user_story">
<h3>Scenario: Resend Confirmation Email</h3>
<ul>
<li><strong>User Story:</strong> As a guest, I want to have my confirmation email resent so that I have all my booking details.</li>
<li><strong>Context:</strong> Guest hasn't received or has lost their confirmation email.</li>
<li><strong>Initial User Input:</strong> The guest provides their booking reference number and email address.</li>
<li><strong>Potential Escalation Scenarios:</strong> If the guest does not receive the email after resending, escalate to customer support for further assistance.</li>
<li><strong>Expected Resolution:</strong> The guest successfully receives a resent confirmation email.</li>
<li><strong>Acceptance Criteria:</strong> The guest receives a new confirmation email with all booking details within a few minutes of the request.</li>
</ul>
<div>
<button onclick="loadContext('resend_confirmation_email')">Load Context</button>
</div>
</div>
<hr>
<div id="travel_advisory" class="user_story">
<h3>Scenario: Travel Advisory</h3>
<ul>
<li><strong>User Story:</strong> As a guest, I want to check current travel advisories so that I can prepare for my trip.</li>
<li><strong>Context:</strong> Guest needs information on travel restrictions, requirements, or advisories.</li>
<li><strong>Initial User Input:</strong> What are the current travel advisories for my destination?</li>
<li><strong>Potential Escalation Scenarios:</strong> If the guest requires more detailed information or has specific concerns about their travel plans, they may need to speak with a customer service representative.</li>
<li><strong>Expected Resolution:</strong> Provide the guest with the latest travel advisories, including any necessary documentation, health requirements, and safety protocols.</li>
<li><strong>Acceptance Criteria:</strong> The guest receives up-to-date information on travel restrictions, requirements, and advisories for their destination.</li>
</ul>
<div>
<button onclick="loadContext('travel_advisory')">Load Context</button>
</div>
</div>
<hr>
<div id="travelling_with_a_minor" class="user_story">
<h3>Scenario: Travelling with a Minor</h3>
<ul>
<li><strong>User Story:</strong> As a guest, I want to understand the requirements for traveling with a minor so that I can ensure a smooth journey.</li>
<li><strong>Context:</strong> Guest is planning to travel with a child or unaccompanied minor.</li>
<li><strong>Initial User Input:</strong> What are the requirements for traveling with a child or unaccompanied minor?</li>
<li><strong>Potential Escalation Scenarios:</strong> If the guest is not satisfied with the information provided or has further questions about specific situations, they may request to speak with a supervisor.</li>
<li><strong>Expected Resolution:</strong> The guest is provided with detailed guidelines on traveling with a minor, including age restrictions, necessary documentation, and any applicable fees.</li>
<li><strong>Acceptance Criteria:</strong> The guest receives clear information on age requirements, documentation needed, and any additional fees for traveling with a minor.</li>
</ul>
<div>
<button onclick="loadContext('travelling_with_a_minor')">Load Context</button>
</div>
</div>
<hr>
<div id="military" class="user_story">
<h3>Scenario: Military Discounts and Services</h3>
<ul>
<li><strong>User Story:</strong> As a military member, I want to know about special services or discounts available to me so that I can utilize my benefits.</li>
<li><strong>Context:</strong> Guest is an active duty military member seeking information on special services or discounts.</li>
<li><strong>Initial User Input:</strong> What special services or discounts do you offer for military members?</li>
<li><strong>Potential Escalation Scenarios:</strong> If the guest is not satisfied with the information provided, they may request to speak with a supervisor or customer service representative for further assistance.</li>
<li><strong>Expected Resolution:</strong> The guest is informed about the available discounts, such as military fare discounts, priority boarding, and any special baggage policies for military personnel.</li>
<li><strong>Acceptance Criteria:</strong> The guest receives detailed information about special services and discounts available for active duty military members, including how to access these benefits during booking.</li>
</ul>
<div>
<button onclick="loadContext('military')">Load Context</button>
</div>
</div>
<hr>
<div id="name_change" class="user_story">
<h3>Scenario: Name Change Request</h3>
<ul>
<li><strong>User Story:</strong> As a guest, I want to request a name change on my reservation so that my booking matches my identification.</li>
<li><strong>Context:</strong> Guest needs to correct or update the name on their reservation.</li>
<li><strong>Initial User Input:</strong> I need to change the name on my reservation.</li>
<li><strong>Potential Escalation Scenarios:</strong> If the name change request is made less than 24 hours before the flight, or if the guest cannot provide the necessary identification.</li>
<li><strong>Expected Resolution:</strong> The name on the reservation is updated to match the guest's identification, and a confirmation is sent to the guest.</li>
<li><strong>Acceptance Criteria:</strong> The guest must provide the correct name as it appears on their identification, and the request must be made at least 24 hours before the flight departure.</li>
</ul>
<div>
<button onclick="loadContext('name_change')">Load Context</button>
</div>
</div>
<hr>
<div id="new_travel_options" class="user_story">
<h3>Scenario: New Travel Options</h3>
<ul>
<li><strong>User Story:</strong> As a guest, I want to learn about new travel options or services so that I can enhance my travel experience.</li>
<li><strong>Context:</strong> Guest is interested in learning about Spirit's latest offerings or changes to services.</li>
<li><strong>Initial User Input:</strong> What are Spirit's latest travel options and services?</li>
<li><strong>Potential Escalation Scenarios:</strong> If the guest requires more detailed information or has specific questions about their travel plans, they may need to be escalated to a customer service representative.</li>
<li><strong>Expected Resolution:</strong> The guest is informed about the latest travel options and services, allowing them to make informed decisions for their travel plans.</li>
<li><strong>Acceptance Criteria:</strong> The guest receives detailed information about Spirit's latest travel options and services, including any new routes, fare changes, and amenities.</li>
</ul>
<div>
<button onclick="loadContext('new_travel_options')">Load Context</button>
</div>
</div>
<hr>
<div id="service_animal" class="user_story">
<h3>Scenario: Service Animal Registration</h3>
<ul>
<li><strong>User Story:</strong> As a guest traveling with a service animal, I want to add my animal to my reservation so that I can travel with my necessary support.</li>
<li><strong>Context:</strong> Guest needs to register their service animal for their flight.</li>
<li><strong>Initial User Input:</strong> I would like to register my service animal for my upcoming flight.</li>
<li><strong>Potential Escalation Scenarios:</strong> If the guest does not have the required documentation or if the service animal does not meet the airline's criteria, the guest may need to speak with a customer service representative.</li>
<li><strong>Expected Resolution:</strong> The service animal is successfully registered, and the guest receives confirmation via email.</li>
<li><strong>Acceptance Criteria:</strong> The guest must provide documentation for the service animal and complete the registration process at least 48 hours before the flight.</li>
</ul>
<div>
<button onclick="loadContext('service_animal')">Load Context</button>
</div>
</div>
<hr>
<div id="complaint_feedback" class="user_story">
<h3>Scenario: Complaint/Feedback</h3>
<ul>
<li><strong>User Story:</strong> As a guest, I want to file a complaint or provide feedback so that my concerns are addressed.</li>
<li><strong>Context:</strong> Guest has had a negative experience or wants to provide general feedback.</li>
<li><strong>Initial User Input:</strong> I had a terrible experience with my recent flight and would like to share my feedback.</li>
<li><strong>Potential Escalation Scenarios:</strong> If the guest is not satisfied with the initial response, they may request to speak with a supervisor or escalate the issue to a higher authority.</li>
<li><strong>Expected Resolution:</strong> The guest receives a formal acknowledgment of their complaint and information on how it will be addressed.</li>
<li><strong>Acceptance Criteria:</strong> The guest's complaint or feedback is acknowledged, and a response is provided within 48 hours.</li>
</ul>
<div>
<button onclick="loadContext('complaint_feedback')">Load Context</button>
</div>
</div>
<hr>
<div id="spirit_meet_and_assistance" class="user_story">
<h3>Scenario: Requesting Spirit Meet and Assistance Service</h3>
<ul>
<li><strong>User Story:</strong> As a guest with special needs, I want to request Spirit Meet and Assistance service so that I can navigate the airport comfortably.</li>
<li><strong>Context:</strong> Guest requires additional assistance navigating the airport or during the flight.</li>
<li><strong>Initial User Input:</strong> I need assistance at the airport and during my flight due to my special needs.</li>
<li><strong>Potential Escalation Scenarios:</strong> If the guest does not receive confirmation of the assistance service, or if the assistance is not provided as requested, the guest may escalate the issue to customer service.</li>
<li><strong>Expected Resolution:</strong> The guest is provided with a dedicated assistant to help them through the airport and during boarding, ensuring a comfortable travel experience.</li>
<li><strong>Acceptance Criteria:</strong> Guest successfully requests Spirit Meet and Assistance service and receives confirmation of the service prior to their travel date.</li>
</ul>
<div>
<button onclick="loadContext('spirit_meet_and_assistance')">Load Context</button>
</div>
</div>
</div>
</main>
<script>
function loadContext(hash) {
if (history.pushState) {
// Ensure it's supported
var newUrl = window.location.href.split('#')[0] + '#' + hash;
window.history.pushState({ path: newUrl }, '', newUrl);
} else {
// Fallback if history.pushState is not supported
window.location.hash = hash;
}
const stories = document.querySelectorAll('.user_story');
for (let e of stories) {
e.classList.remove('selected');
}
document.getElementById(hash).classList.add('selected');
chat.setChatRegistrationField('schema.conversation.custom.aiAgentFixture', hash);
}
</script>
<footer>
<p>© AI Agent powered by <strong>Quiq</strong></p>
</footer>
</body>
</html>