Animate border

packages/builder/src/components/common/ai/AIInput.svelte

@@ -33,7 +33,6 @@
   let expanded = false
   let containerWidth = "auto"
   let promptText = ""
-  let animateBorder = false
   let switchOnAIModal: Modal
   let addCreditsModal: Modal
 
@@ -50,6 +49,7 @@
 
   $: creditsExceeded = $licensing.aiCreditsExceeded
   $: disabled = suggestedCode !== null || !aiEnabled || creditsExceeded
+  $: animateBorder = !disabled && expanded
 
   $: if (
     expandedOnly ||

packages/builder/src/pages/builder/app/[application]/data/_components/AITableGeneration.svelte

@@ -14,7 +14,11 @@
 
 <div class="ai-generation">
   <div class="ai-generation-prompt">
-    <AiInput placeholder="Generate data using AI..." onSubmit={submitPrompt} />
+    <AiInput
+      placeholder="Generate data using AI..."
+      onSubmit={submitPrompt}
+      expandedOnly
+    />
   </div>
   <div class="ai-generation-examples">
     {#if isEnabled}