{/if} {#if $generatedCode.length > 0 && !genLoading} {#if inlineScript}

{:else}

{/if} {/if} {#if ($generatedCode.length === 0 || genLoading) && SUPPORTED_LANGUAGES.has(lang ?? '')} {#if inlineScript} {/if}

{#if genLoading}

{#if $generatedCode.length > 0}

{:else} {/if}

{:else if $copilotInfo.exists_ai_resource}

{#if $copilotInfo.ai_provider === 'openai'} GPT-4o {:else if $copilotInfo.ai_provider === 'anthropic'} Claude-3.5 {:else} Codestral {/if}

{
								if (key === 'Enter' && !shiftKey && trimmedDesc.length > 0) {
									onGenerate(() => close(input || null))
									return false
								}
							}}
							placeholder={mode === 'edit'
								? 'Describe the changes you want'
								: 'Describe what the script should do'}
							rows="1"
							class="resize-none overflow-hidden"
						/>
						<Button
							size="xs"
							color="light"
							buttonType="button"
							btnClasses="!h-[34px] qhd:!h-[38px] !ml-2 text-violet-800 dark:text-violet-400 bg-violet-100 dark:bg-gray-700"
							title="Generate code from prompt"
							aria-label="Generate"
							on:click={() => {
								onGenerate(() => close(input || null))
							}}
							disabled={trimmedDesc.length <= 0}
							iconOnly
							startIcon={{ icon: Wand2 }}
						/>
					</div>
					{#if promptHistory.length > 0}
						<div class="w-96 flex flex-col gap-1">
							{#each promptHistory as p}
								<Button
									size="xs2"
									color="light"
									btnClasses="justify-start overflow-x-scroll no-scrollbar"
									startIcon={{ icon: HistoryIcon, classes: 'shrink-0' }}
									on:click={() => {
										funcDesc = p
										setTimeout(() => {
											autoResize()
										}, 0)
									}}>{p}</Button
								>
							{/each}
							<button
								class="underline text-xs text-start px-2 text-secondary font-normal"
								on:click={clearPromptHistory}>clear history</button
							>
						</div>
					{/if}

{#if ['postgresql', 'mysql', 'snowflake', 'bigquery', 'mssql', 'graphql'].includes(lang ?? '') && dbSchema?.lang === lang}
						<div class="flex flex-row items-center justify-between gap-2 w-96">
							<div class="flex flex-row items-center gap-1">
								<p class="text-xs text-secondary">
									Context: {lang === 'graphql' ? 'GraphQL' : 'DB'} schema
								</p>
								<Tooltip placement="top">
									We pass the selected schema to GPT-4 Turbo for better script generation.
								</Tooltip>
								{#if dbSchema && dbSchema.stringified.length > MAX_SCHEMA_LENGTH}
									<Popover notClickable placement="top">
										<AlertTriangle size={16} class="text-yellow-500" />
										<svelte:fragment slot="text">
											The schema is about {addThousandsSeparator(dbSchema.stringified.length / 3.5)}
											tokens. To avoid exceeding the model's context length, it will be truncated to
											{addThousandsSeparator(MAX_SCHEMA_LENGTH / 3.5)}
											tokens.
										</svelte:fragment>
									</Popover>
								{/if}
							</div>
							{#if dbSchema && dbSchema.lang !== 'graphql' && (dbSchema.schema?.public || dbSchema.schema?.PUBLIC || dbSchema.schema?.dbo)}
								<ToggleButtonGroup class="w-auto shrink-0" bind:selected={dbSchema.publicOnly}>
									<ToggleButton
										value={true}
										label={(dbSchema.schema?.dbo ? 'Dbo' : 'Public') + ' schema'}
										small
										light
									/>
									<ToggleButton value={false} label="All schemas" small light />
								</ToggleButtonGroup>
							{/if}
						</div>
					{/if}
				</div>
			{:else}
				<p class="text-sm">
					Enable Windmill AI in the <a
						href="{base}/workspace_settings?tab=ai"
						target="_blank"
						class="inline-flex flex-row items-center gap-1"
					>
						workspace settings <ExternalLink size={16} />
					</a>
				</p>
			{/if}
		</div>
	</Popup>
{/if}