Fix branching demo to use manual product choices instead of presets

Co-authored-by: dwarwick <15970276+dwarwick@users.noreply.github.com>

Author: Copilot

JwtIdentity.Client/Pages/Survey/EditSurvey.razor

@@ -241,7 +241,7 @@
                 {
                     <MudPaper>
                         <MudText Typo="Typo.h6" Class="mb-1">Add the Question Choices</MudText>
-                        <DemoBorder CurrentDemoStep="@DemoStep" StepsToShow="@(new List<int>() { 8 })">
+                        <DemoBorder CurrentDemoStep="@DemoStep" StepsToShow="@(new List<int>() { 11, 14, 17 })">
                         <MudSelect id="PresetChoices" Label="Preset Choices (Will overwrite existing choices)" T="string" @bind-Value="SelectedPresetChoice" Variant="Variant.Filled" Dense="true">
                             <MudSelectItem T="string" Value=null>-- Select Preset --</MudSelectItem>
                             @foreach (var preset in PresetChoices)
@@ -251,7 +251,26 @@
                         </MudSelect>
                         </DemoBorder>
                             <DemoPopup CurrentDemoStep="@DemoStep" StepsToShow="@(new List<int>() { 8 })">
-                                <MudText Typo="Typo.body2">Now we will pick appropriate choices for this question. Expand the Preset Choices drop-down and select Yes No Partially.</MudText>
+                                @if (DemoType == "branching")
+                                {
+                                    <MudText Typo="Typo.body2">For this product question, we'll add custom choices. Click Next to add Product A, Product B, and Product C automatically.</MudText>
+                                    <DemoBorder CurrentDemoStep="@DemoStep" StepsToShow="@(new List<int>() { 8 })" IsButton="true">
+                                        <MudButton OnClick="NextDemoStep" Variant="Variant.Filled" Color="Color.Success">Next</MudButton>
+                                    </DemoBorder>
+                                }
+                                else
+                                {
+                                    <MudText Typo="Typo.body2">Now we will pick appropriate choices for this question. Expand the Preset Choices drop-down and select Yes No Partially.</MudText>
+                                }
+                            </DemoPopup>
+                            <DemoPopup CurrentDemoStep="@DemoStep" StepsToShow="@(new List<int>() { 11 })">
+                                <MudText Typo="Typo.body2">For the second question about customer service, select <strong>How Satisfied</strong> from the Preset Choices.</MudText>
+                            </DemoPopup>
+                            <DemoPopup CurrentDemoStep="@DemoStep" StepsToShow="@(new List<int>() { 14 })">
+                                <MudText Typo="Typo.body2">For the third question about product recommendation, select <strong>How Likely</strong> from the Preset Choices.</MudText>
+                            </DemoPopup>
+                            <DemoPopup CurrentDemoStep="@DemoStep" StepsToShow="@(new List<int>() { 17 })">
+                                <MudText Typo="Typo.body2">For the fourth question about ease of use, select <strong>Yes No Partially</strong> from the Preset Choices.</MudText>
                             </DemoPopup>
                         <MudTextField id="Choice" Label="Choice Text" @bind-Value="NewChoiceOptionText" Variant="Variant.Filled" Lines="1" MaxLines="5" AutoGrow="true" Immediate="true" Counter="50" MaxLength="50" ReadOnly="@IsDemoUser" />
 

JwtIdentity.Client/Pages/Survey/EditSurvey.razor.cs

@@ -86,21 +86,18 @@ protected string SelectedPresetChoice
                         if (DemoType == "branching")
                         {
                             // Branching demo - different choices for each question
-                            if (DemoStep == 8 && value == "Excellent to Poor")
+                            // First question uses manual choices, so no preset needed
+                            if (DemoStep == 11 && value == "How Satisfied")
                             {
-                                DemoStep = 9; // First branching question
+                                DemoStep = 12; // Second branching question - customer service
                             }
-                            else if (DemoStep == 11 && value == "How Satisfied")
+                            else if (DemoStep == 14 && value == "How Likely")
                             {
-                                DemoStep = 12; // Second branching question
+                                DemoStep = 15; // Third question - recommendation
                             }
-                            else if (DemoStep == 14 && value == "Yes No Partially")
+                            else if (DemoStep == 17 && value == "Yes No Partially")
                             {
-                                DemoStep = 15; // Third question
-                            }
-                            else if (DemoStep == 17 && value == "Yes No")
-                            {
-                                DemoStep = 18; // Fourth question
+                                DemoStep = 18; // Fourth question - ease of use
                             }
                         }
                         else
@@ -237,25 +234,33 @@ protected void NextDemoStep()
                         DemoStep = 5;
                         break;
                     case 7:
-                        // First branching question - "Which product did you purchase?"
+                        // First branching question - Which product
                         QuestionText = "Which product did you purchase?";
                         DemoStep = 8;
                         break;
+                    case 8:
+                        // Add product choices manually for first question
+                        MultipleChoiceQuestion.Options.Clear();
+                        MultipleChoiceQuestion.Options.Add(new ChoiceOptionViewModel { OptionText = "Product A", Order = 0 });
+                        MultipleChoiceQuestion.Options.Add(new ChoiceOptionViewModel { OptionText = "Product B", Order = 1 });
+                        MultipleChoiceQuestion.Options.Add(new ChoiceOptionViewModel { OptionText = "Product C", Order = 2 });
+                        DemoStep = 9;
+                        break;
                     case 10:
                         // After adding first branching question, create second
-                        QuestionText = "How would you rate our customer service?";
+                        QuestionText = "How satisfied are you with our customer service?";
                         SelectedQuestionType = "Multiple Choice";
                         DemoStep = 11;
                         break;
                     case 13:
                         // After adding second branching question, create third (for Group 1)
-                        QuestionText = "What features of the product do you use most?";
+                        QuestionText = "Would you recommend this product to others?";
                         SelectedQuestionType = "Multiple Choice";
                         DemoStep = 14;
                         break;
                     case 16:
                         // After adding third question, create fourth (for Group 2)
-                        QuestionText = "What improvements would you suggest for the service?";
+                        QuestionText = "Did you find the product easy to use?";
                         SelectedQuestionType = "Multiple Choice";
                         DemoStep = 17;
                         break;