better anim

frontend/src/lib/components/TriggerableByAI.svelte

@@ -27,7 +27,7 @@
 		// Reset animation state after animation completes
 		setTimeout(() => {
 			isAnimating = false
-		}, 1200) // Animation duration
+		}, 2000) // Animation duration
 	}
 
 	$effect(() => {
@@ -73,7 +73,7 @@
 
 	.ai-triggerable-animation {
 		position: absolute;
-		top: -20px;
+		top: -10px;
 		left: 50%;
 		transform: translateX(-50%);
 		width: 40px;
@@ -82,7 +82,7 @@
 		border-radius: 50%;
 		z-index: 9999;
 		pointer-events: none;
-		animation: pulse 0.6s ease-out forwards;
+		animation: pulse 1.5s ease-out forwards;
 	}
 
 	@keyframes pulse {
@@ -91,7 +91,7 @@
 			opacity: 1;
 		}
 		100% {
-			transform: translateX(-50%) scale(2.5);
+			transform: translateX(-50%) scale(3);
 			opacity: 0;
 		}
 	}

frontend/src/lib/components/chat/core.ts

@@ -21,7 +21,7 @@ You have access to these tools:
 
 INSTRUCTIONS:
 - When users ask about application features or concepts, first use get_documentation internally to retrieve accurate information about how to fulfill the user's request.
-- Then check which page you are on using get_current_page_name. Then immediately use the available tools to guide the user through the application. Only wait for the user's confirmation if your are on a flow / script / app creation page. Do not wait for the user's confirmation before taking action on other pages.
+- Then immediately use the available tools to guide the user through the application. Do not wait for the user's confirmation before taking action.
 - Use get_triggerable_components to understand available options, and then trigger the components using trigger_component. Then wait a moment before rescanning the current page, and then continue with the next step. Do this 5 times max.
 - If you are not able to fulfill the user's request after 5 attempts, redirect the user to the documentation.