{#if suggestion}
{/if}
{
if (e.key === 'Tab' && suggestion) {
e.preventDefault()
}
}}
>
{@render innerInput()}
{#snippet innerInput()}
{#if propertyType === 'ai'}
This field will be filled by the AI agent dynamically
{#if argName && schema?.properties?.[argName]?.description}
{schema.properties[argName].description}
{/if}
{:else if isStaticTemplate(inputCat) && propertyType == 'static' && !noDynamicToggle}
{#if argName && schema?.properties?.[argName]?.description}
{schema.properties[argName].description}
{/if}
{#if arg}
{
focused = false
}}
bind:code={arg.value}
fontSize={12}
on:change={() => {
dispatch('change', { argName, arg })
}}
loadAsync
class="bg-surface-input"
/>
{/if}
{:else if (propertyType === undefined || propertyType == 'static') && schema?.properties?.[argName]}
{
focused = false
}}
shouldDispatchChanges
on:change={() => {
dispatch('change', { argName, arg })
}}
label={argName}
bind:editor={monaco}
bind:description={schema.properties[argName].description}
bind:value={arg.value}
type={schema.properties[argName].type}
oneOf={schema.properties[argName].oneOf}
required={schema.required?.includes(argName)}
bind:pattern={schema.properties[argName].pattern}
bind:valid={inputCheck}
defaultValue={schema.properties[argName].default}
bind:enum_={schema.properties[argName].enum}
bind:format={schema.properties[argName].format}
contentEncoding={schema.properties[argName].contentEncoding}
bind:itemsType={schema.properties[argName].items}
properties={schema.properties[argName].properties}
nestedRequired={schema.properties[argName].required}
displayHeader={false}
extra={argExtra}
{variableEditor}
{itemPicker}
bind:pickForField
showSchemaExplorer
nullable={schema.properties[argName].nullable}
bind:title={schema.properties[argName].title}
bind:placeholder={schema.properties[argName].placeholder}
{helperScript}
otherArgs={Object.fromEntries(
Object.entries(otherArgs).map(([key, transform]) => [
key,
transform?.type === 'static' ? transform.value : transform?.expr
])
)}
>
{#snippet innerBottomSnippet()}
{#if shouldShowS3ArrayHelper}
switchToJsAndConnect((path) => appendPathToArrayExpr(arg.expr, path))}
/>
{/if}
{/snippet}
{:else if arg.expr != undefined}
(focused = true)}
on:blur={() => (focused = false)}
on:change={() => {
dispatch('change', { argName, arg })
}}
autoHeight
loadAsync
/>
{#if shouldShowS3ArrayHelper}
focusProp?.(argName, 'connect', (path) => {
appendPathToArrayExpr(arg.expr, path)
return true
})}
/>
{/if}
{#if argName && schema?.properties?.[argName]?.description}
{schema.properties[argName].description}
{/if}
{#if !hideHelpButton}
{/if}
{:else}
Not recognized input type {argName} ({arg.expr}, {propertyType})
{/if}
{/snippet}