From 5621228e370374b35bb16c297193526bcc0f78eb Mon Sep 17 00:00:00 2001
From: Adria Navarro <adria@budibase.com>
Date: Fri, 11 Apr 2025 11:46:38 +0200
Subject: [PATCH] Use input

---
 .../pages/builder/app/[application]/data/new.svelte   | 11 ++++++-----
 1 file changed, 6 insertions(+), 5 deletions(-)

diff --git a/packages/builder/src/pages/builder/app/[application]/data/new.svelte b/packages/builder/src/pages/builder/app/[application]/data/new.svelte
index 380b81c5b3..6ff9e63820 100644
--- a/packages/builder/src/pages/builder/app/[application]/data/new.svelte
+++ b/packages/builder/src/pages/builder/app/[application]/data/new.svelte
@@ -7,7 +7,7 @@
   } from "@/stores/builder"
 
   import { hasData } from "@/stores/selectors"
-  import { notifications, Body, Icon, AbsTooltip } from "@budibase/bbui"
+  import { notifications, Body, Icon, AbsTooltip, Input } from "@budibase/bbui"
   import { params, goto } from "@roxi/routify"
   import CreateExternalDatasourceModal from "./_components/CreateExternalDatasourceModal/index.svelte"
   import CreateInternalTableModal from "./_components/CreateInternalTableModal.svelte"
@@ -58,7 +58,9 @@
     </AbsTooltip>
   </div>
   <div class="ai-generation">
-    <div class="ai-generation-prompt">Generate data using AI...</div>
+    <div class="ai-generation-prompt">
+      <Input placeholder="Generate data using AI..." />
+    </div>
     <div class="ai-generation-prompt-example">
       Create a table called tickets with title, description, status fields
     </div>
@@ -148,10 +150,9 @@
   }
 
   .ai-generation-prompt {
-    padding: 12px;
-
     grid-column: 1 / -1;
-
+  }
+  .ai-generation-prompt :global(.spectrum-Textfield-input) {
     background: #1d1d1d;
     border-radius: 20px;
   }