From 94cf6200b89dd1d3bf71228261396b7ea0f2e36c Mon Sep 17 00:00:00 2001
From: Peter Clement <peter@budibase.com>
Date: Tue, 15 Apr 2025 11:55:11 +0100
Subject: [PATCH] support an expandedOnly state

---
 .../components/common/CodeEditor/AIGen.svelte  | 18 +++++++++++++-----
 1 file changed, 13 insertions(+), 5 deletions(-)

diff --git a/packages/builder/src/components/common/CodeEditor/AIGen.svelte b/packages/builder/src/components/common/CodeEditor/AIGen.svelte
index 53ae78e76f..b17be8a86a 100644
--- a/packages/builder/src/components/common/CodeEditor/AIGen.svelte
+++ b/packages/builder/src/components/common/CodeEditor/AIGen.svelte
@@ -37,10 +37,12 @@
   let creditsExceeded = false // TODO: Make this computed when quota is implemented
   let switchOnAIModal: Modal
   let addCreditsModal: Modal
+  export let expandedOnly: boolean = false
 
   $: accountPortalAccess = $auth?.user?.accountPortalAccess
   $: accountPortal = $admin.accountPortalUrl
   $: aiEnabled = !!$auth?.user?.llm
+  $: expanded = expandedOnly ? true : expanded
 
   async function generateJs(prompt: string) {
     if (!prompt.trim()) return
@@ -146,10 +148,12 @@
         class="ai-icon"
         class:disabled={expanded &&
           (suggestedCode !== null || !aiEnabled || creditsExceeded)}
-        on:click={e => {
-          e.stopPropagation()
-          toggleExpand()
-        }}
+        on:click={!expandedOnly
+          ? e => {
+              e.stopPropagation()
+              toggleExpand()
+            }
+          : undefined}
       />
       {#if expanded}
         <input
@@ -347,7 +351,7 @@
     height: 18px;
     margin-right: 8px;
     flex-shrink: 0;
-    cursor: pointer;
+    cursor: var(--ai-icon-cursor, pointer);
   }
 
   .ai-gen-text {
@@ -404,4 +408,8 @@
     filter: grayscale(1) brightness(1.5);
     opacity: 0.5;
   }
+
+  :global(.ai-gen-container[expandedonly]) .ai-icon {
+    cursor: default;
+  }
 </style>