MirrorSave
/
budibase
mirror of https://github.com/Budibase/budibase.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #16076 from Budibase/fix/clicking-input-removes-prompt 

Fix issue where clicking icon was clearing ai prompt
This commit is contained in:
Peter Clement 2025-05-06 13:23:23 +01:00 committed by GitHub
parent 09136778dd f1b996ad25
commit 8a8575b4de
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 15 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
packages/builder/src/components/common/CodeEditor/AIGen.svelte
View File

@ -10,8 +10,8 @@
export let bindings: EnrichedBinding[] = [] export let bindings: EnrichedBinding[] = []
export let value: string | null = "" export let value: string | null = ""
export let expandedOnly: boolean = false export let expandedOnly: boolean = false
export let parentWidth: number | null = null export let parentWidth: number | null = null
const dispatch = createEventDispatcher<{ const dispatch = createEventDispatcher<{
update: { code: string } update: { code: string }
accept: void accept: void
@ -26,11 +26,11 @@
const thresholdExpansionWidth = 350 const thresholdExpansionWidth = 350
$: expanded = $: shouldAlwaysBeExpanded =
expandedOnly || expandedOnly ||
(parentWidth !== null && parentWidth > thresholdExpansionWidth) (parentWidth !== null && parentWidth > thresholdExpansionWidth)
? true
: expanded $: expanded = shouldAlwaysBeExpanded || expanded
async function generateJs(prompt: string) { async function generateJs(prompt: string) {
promptText = "" promptText = ""
@ -108,7 +108,7 @@
bind:expanded bind:expanded
bind:value={inputValue} bind:value={inputValue}
readonly={!!suggestedCode} readonly={!!suggestedCode}
{expandedOnly} expandedOnly={shouldAlwaysBeExpanded}
/> />
</div> </div>

13
packages/builder/src/components/common/ai/AIInput.svelte
View File

@ -13,7 +13,6 @@
export let value: string = "" export let value: string = ""
export const submit = onPromptSubmit export const submit = onPromptSubmit
$: expanded = expandedOnly || expanded
const dispatch = createEventDispatcher() const dispatch = createEventDispatcher()
let promptInput: HTMLInputElement let promptInput: HTMLInputElement
@ -22,6 +21,7 @@
let switchOnAIModal: Modal let switchOnAIModal: Modal
let addCreditsModal: Modal let addCreditsModal: Modal
$: expanded = expandedOnly || expanded
$: accountPortalAccess = $auth?.user?.accountPortalAccess $: accountPortalAccess = $auth?.user?.accountPortalAccess
$: accountPortal = $admin.accountPortalUrl $: accountPortal = $admin.accountPortalUrl
$: aiEnabled = $auth?.user?.llm $: aiEnabled = $auth?.user?.llm
@ -92,9 +92,12 @@
class="ai-icon" class="ai-icon"
class:loading={promptLoading} class:loading={promptLoading}
class:disabled={expanded && disabled} class:disabled={expanded && disabled}
class:no-toggle={expandedOnly}
on:click={e => { on:click={e => {
e.stopPropagation() if (!expandedOnly) {
toggleExpand() e.stopPropagation()
toggleExpand()
}
}} }}
/> />
{#if expanded} {#if expanded}
@ -290,6 +293,10 @@
z-index: 2; z-index: 2;
} }
.ai-icon.no-toggle {
cursor: default;
}
.ai-gen-text { .ai-gen-text {
white-space: nowrap; white-space: nowrap;
overflow: hidden; overflow: hidden;