/**** 
* Plugins
****/ 
var tween = LK.import("@upit/tween.v1");

/**** 
* Classes
****/ 
var ChatBubble = Container.expand(function (message, isPlayer, bubbleWidth) {
	var self = Container.call(this);
	bubbleWidth = bubbleWidth || 800;
	var bubbleHeight = Math.max(120, Math.ceil(message.length / 40) * 60);
	var bubble = self.attachAsset(isPlayer ? 'chatBubblePlayer' : 'chatBubbleBot', {
		width: bubbleWidth,
		height: bubbleHeight,
		anchorX: 0,
		anchorY: 0
	});
	var messageText = new Text2(message, {
		size: 45,
		fill: isPlayer ? "#FFFFFF" : "#333333",
		wordWrap: true,
		wordWrapWidth: bubbleWidth - 40
	});
	messageText.anchor.set(0, 0);
	messageText.x = 20;
	messageText.y = 20;
	self.addChild(messageText);
	self.isPlayer = isPlayer;
	self.message = message;
	return self;
});
var OptionButton = Container.expand(function (text, callback) {
	var self = Container.call(this);
	var buttonHeight = Math.max(100, Math.ceil(text.length / 60) * 40);
	var button = self.attachAsset('optionButton', {
		width: 1600,
		height: buttonHeight,
		anchorX: 0,
		anchorY: 0
	});
	var buttonText = new Text2(text, {
		size: 40,
		fill: 0x333333,
		wordWrap: true,
		wordWrapWidth: 1560
	});
	buttonText.anchor.set(0, 0.5);
	buttonText.x = 20;
	buttonText.y = buttonHeight / 2;
	self.addChild(buttonText);
	self.callback = callback;
	self.originalColor = 0xDDDDDD;
	self.down = function () {
		button.tint = 0xBBBBBB;
		tween(self, {
			scaleX: 0.98,
			scaleY: 0.98
		}, {
			duration: 100
		});
	};
	self.up = function () {
		button.tint = 0xDDDDDD;
		tween(self, {
			scaleX: 1,
			scaleY: 1
		}, {
			duration: 100
		});
		if (self.callback) {
			self.callback();
		}
	};
	return self;
});

/**** 
* Initialize Game
****/ 
var game = new LK.Game({
	backgroundColor: 0xF8F9FA
});

/**** 
* Game Code
****/ 
// Game state variables
var currentLevel = 1;
var chatHistory = [];
var currentOptions = [];
var isWaitingForResponse = false;
var scrollOffset = 0;
var maxScrollOffset = 0;
// UI Elements
var chatContainer = new Container();
var optionsContainer = new Container();
var scoreText = new Text2('Level: 1', {
	size: 60,
	fill: 0x333333
});
// Position UI elements
game.addChild(chatContainer);
game.addChild(optionsContainer);
scoreText.anchor.set(0, 0);
scoreText.x = 150;
scoreText.y = 50;
LK.gui.topLeft.addChild(scoreText);
// Chat scenarios data
var scenarios = [{
	level: 1,
	botGreeting: "Hello! I'm your AI assistant. I'm thinking of a number between 1 and 10. Can you guess it?",
	correctAnswer: "5",
	options: ["3", "5", "7", "I need a hint"],
	responses: {
		"3": "Too low! Try again.",
		"5": "Correct! Well done. You've completed the first challenge!",
		"7": "Too high! Try again.",
		"I need a hint": "It's exactly in the middle of 1 and 10."
	},
	winCondition: "5"
}, {
	level: 2,
	botGreeting: "Great job! Now for something trickier. I'm an animal that says 'moo' and gives milk. What am I?",
	correctAnswer: "cow",
	options: ["dog", "cow", "cat", "I don't know"],
	responses: {
		"dog": "Dogs don't say 'moo' or give milk. Think again!",
		"cow": "Excellent! Cows do indeed say 'moo' and give milk. Level complete!",
		"cat": "Cats say 'meow', not 'moo'. Try again!",
		"I don't know": "Think about farm animals. Which one makes that sound?"
	},
	winCondition: "cow"
}, {
	level: 3,
	botGreeting: "You're getting good at this! Here's a riddle: I have keys but no locks. I have space but no room. You can enter but not go inside. What am I?",
	correctAnswer: "keyboard",
	options: ["piano", "keyboard", "computer", "Give me a clue"],
	responses: {
		"piano": "A piano has keys, but think about something you use every day with computers.",
		"keyboard": "Perfect! A keyboard has keys, a space bar, and an enter key. You've mastered level 3!",
		"computer": "Close! But think more specifically about the part you use to type.",
		"Give me a clue": "You use this to type messages and play games on your computer."
	},
	winCondition: "keyboard"
}];
var currentScenario = scenarios[0];
function addChatBubble(message, isPlayer) {
	var bubble = new ChatBubble(message, isPlayer, 1400);
	var yPos = 150;
	for (var i = 0; i < chatHistory.length; i++) {
		yPos += chatHistory[i].height + 20;
	}
	bubble.x = isPlayer ? 500 : 150;
	bubble.y = yPos - scrollOffset;
	// Add entrance animation
	bubble.alpha = 0;
	bubble.scaleX = 0.8;
	bubble.scaleY = 0.8;
	chatContainer.addChild(bubble);
	chatHistory.push(bubble);
	// Animate bubble appearance
	tween(bubble, {
		alpha: 1,
		scaleX: 1,
		scaleY: 1
	}, {
		duration: 300
	});
	// Auto-scroll to show latest message
	updateScroll();
	// Play sound
	LK.getSound('messageSound').play();
	return bubble;
}
function updateScroll() {
	var totalHeight = 0;
	for (var i = 0; i < chatHistory.length; i++) {
		totalHeight += chatHistory[i].height + 20;
	}
	var visibleHeight = 1800; // Approximate visible chat area
	if (totalHeight > visibleHeight) {
		maxScrollOffset = totalHeight - visibleHeight;
		var targetScrollOffset = Math.min(maxScrollOffset, scrollOffset + 150);
		// Smooth scroll animation
		var scrollObj = {
			value: scrollOffset
		};
		tween(scrollObj, {
			value: targetScrollOffset
		}, {
			duration: 400,
			onFinish: function onFinish() {
				scrollOffset = scrollObj.value;
				// Update positions after animation
				for (var i = 0; i < chatHistory.length; i++) {
					var originalY = 150;
					for (var j = 0; j < i; j++) {
						originalY += chatHistory[j].height + 20;
					}
					chatHistory[i].y = originalY - scrollOffset;
				}
			}
		});
	} else {
		// Update positions immediately if no scroll needed
		for (var i = 0; i < chatHistory.length; i++) {
			var originalY = 150;
			for (var j = 0; j < i; j++) {
				originalY += chatHistory[j].height + 20;
			}
			chatHistory[i].y = originalY - scrollOffset;
		}
	}
}
function clearOptions() {
	for (var i = optionsContainer.children.length - 1; i >= 0; i--) {
		var child = optionsContainer.children[i];
		optionsContainer.removeChild(child);
		child.destroy();
	}
	currentOptions = [];
}
function showOptions(options) {
	clearOptions();
	var startY = 2200;
	for (var i = 0; i < options.length; i++) {
		var option = new OptionButton(options[i], createOptionCallback(options[i]));
		option.x = 224;
		option.y = startY + i * 120;
		optionsContainer.addChild(option);
		currentOptions.push(option);
	}
}
function createOptionCallback(optionText) {
	return function () {
		if (isWaitingForResponse) return;
		handlePlayerResponse(optionText);
	};
}
function handlePlayerResponse(response) {
	isWaitingForResponse = true;
	// Add player message
	addChatBubble(response, true);
	// Clear options temporarily
	clearOptions();
	// Add typing indicator
	var typingIndicator = addChatBubble("Bot is typing...", false);
	typingIndicator.alpha = 0.6;
	// Animate typing dots
	var dotCount = 0;
	var typingTimer = LK.setInterval(function () {
		dotCount = (dotCount + 1) % 4;
		var dots = "";
		for (var i = 0; i < dotCount; i++) {
			dots += ".";
		}
		typingIndicator.children[1].setText("Bot is typing" + dots);
	}, 300);
	// Process response after a delay
	LK.setTimeout(function () {
		LK.clearInterval(typingTimer);
		// Remove typing indicator
		chatContainer.removeChild(typingIndicator);
		typingIndicator.destroy();
		chatHistory.pop();
		processBotResponse(response);
	}, 1000);
}
function processBotResponse(playerResponse) {
	var botResponse = currentScenario.responses[playerResponse] || "I didn't understand that. Please try again.";
	addChatBubble(botResponse, false);
	// Check if this was the correct answer
	if (playerResponse === currentScenario.winCondition) {
		LK.getSound('correctSound').play();
		LK.setScore(currentLevel);
		// Move to next level after delay
		LK.setTimeout(function () {
			nextLevel();
		}, 2000);
	} else {
		LK.getSound('wrongSound').play();
		// Show options again after delay
		LK.setTimeout(function () {
			showOptions(currentScenario.options);
			isWaitingForResponse = false;
		}, 1500);
	}
}
function nextLevel() {
	currentLevel++;
	if (currentLevel > scenarios.length) {
		// Game complete
		addChatBubble("Congratulations! You've completed all challenges! You're a true Chat Bot Champion!", false);
		LK.showYouWin();
		return;
	}
	// Load next scenario
	currentScenario = scenarios[currentLevel - 1];
	var newLevelText = 'Level: ' + currentLevel + ' / ' + scenarios.length;
	scoreText.setText(newLevelText);
	// Add visual feedback for level completion
	LK.effects.flashScreen(0x4a90e2, 500);
	// Add level transition message
	addChatBubble("🎉 Level " + (currentLevel - 1) + " Complete! Moving to Level " + currentLevel + "...", false);
	// Start new conversation
	LK.setTimeout(function () {
		addChatBubble(currentScenario.botGreeting, false);
		LK.setTimeout(function () {
			showOptions(currentScenario.options);
			isWaitingForResponse = false;
		}, 1000);
	}, 2000);
}
// Initialize first conversation
addChatBubble("Welcome to Chat Bot Challenge!", false);
LK.setTimeout(function () {
	addChatBubble(currentScenario.botGreeting, false);
	LK.setTimeout(function () {
		showOptions(currentScenario.options);
		isWaitingForResponse = false;
	}, 1500);
}, 1000);
// Handle scrolling with touch/mouse
var isDragging = false;
var lastTouchY = 0;
game.down = function (x, y, obj) {
	isDragging = true;
	lastTouchY = y;
};
game.move = function (x, y, obj) {
	if (isDragging && maxScrollOffset > 0) {
		var deltaY = lastTouchY - y;
		scrollOffset = Math.max(0, Math.min(maxScrollOffset, scrollOffset + deltaY * 2));
		// Update chat bubble positions
		for (var i = 0; i < chatHistory.length; i++) {
			var originalY = 150;
			for (var j = 0; j < i; j++) {
				originalY += chatHistory[j].height + 20;
			}
			chatHistory[i].y = originalY - scrollOffset;
		}
		lastTouchY = y;
	}
};
game.up = function (x, y, obj) {
	isDragging = false;
};

===================================================================
--- original.js
+++ change.js
@@ -170,8 +170,9 @@
 	// Auto-scroll to show latest message
 	updateScroll();
 	// Play sound
 	LK.getSound('messageSound').play();
+	return bubble;
 }
 function updateScroll() {
 	var totalHeight = 0;
 	for (var i = 0; i < chatHistory.length; i++) {