Add placeholder as closed text

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

@@ -92,6 +92,7 @@
             }
           : undefined}
       />
+      {#if expanded}
         <input
           type="text"
           bind:this={promptInput}
@@ -101,6 +102,11 @@
           on:keydown={handleKeyPress}
           {disabled}
         />
+      {:else}
+        <span class="spectrum-ActionButton-label ai-gen-text">
+          {placeholder}
+        </span>
+      {/if}
     </div>
     {#if expanded}
       <div class="action-buttons">
@@ -267,6 +273,14 @@
     cursor: var(--ai-icon-cursor, pointer);
   }
 
+  .ai-gen-text {
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    transition: opacity 0.2s ease-out;
+    margin-right: var(--spacing-xs);
+  }
+
   .prompt-input {
     font-size: 14px;
     flex: 1;