top of page

/ Main Containers
'#mainContainer'        // Main page container
'#chatContainer'        // Container for chat history
'#optionsContainer'     // Container for selection options
'#inputContainer'       // Container for input area

// Chat Interface Elements
'#chatRepeater'         // Repeater for chat messages
'#messageText'          // Text element inside repeater
'#messageSender'        // Text element for sender (bot/user)
'#messageTimestamp'     // Text element for message time

// Input Elements
'#inputBox'             // Text input for user messages
'#sendButton'           // Send message button
'#customInputBox'       // For custom responses

// Variable Selection Buttons
'#audienceButton1'      // Audience option 1
'#audienceButton2'      // Audience option 2
'#audienceButton3'      // Audience option 3
'#audienceButton4'      // Audience option 4

'#purposeButton1'       // Purpose option 1
'#purposeButton2'       // Purpose option 2
'#purposeButton3'       // Purpose option 3
'#purposeButton4'       // Purpose option 4

'#messageButton1'       // Message option 1
'#messageButton2'       // Message option 2
'#messageButton3'       // Message option 3
'#messageButton4'       // Message option 4

'#themeButton1'         // Theme option 1
'#themeButton2'         // Theme option 2
'#themeButton3'         // Theme option 3
'#themeButton4'         // Theme option 4

'#mindsetButton1'       // Mindset option 1
'#mindsetButton2'       // Mindset option 2
'#mindsetButton3'       // Mindset option 3
'#mindsetButton4'       // Mindset option 4

'#perspectiveButton1'   // Perspective option 1
'#perspectiveButton2'   // Perspective option 2
'#perspectiveButton3'   // Perspective option 3
'#perspectiveButton4'   // Perspective option 4

'#topicButton1'         // Topic option 1
'#topicButton2'         // Topic option 2
'#topicButton3'         // Topic option 3
'#topicButton4'         // Topic option 4

// Navigation Elements
'#backButton'           // Go back to previous step
'#nextButton'           // Proceed to next step
'#resetButton'          // Reset the conversation

// Status Elements
'#progressIndicator'    // Shows current step
'#statusMessage'        // Displays system messages
'#errorMessage'         // Shows error messages

// Story Generation Elements
'#storyPreview'         // Shows generated story
'#editStoryButton'      // Edit story button
'#saveStoryButton'      // Save story button
'#shareStoryButton'     // Share story button

bottom of page