{#if (arg != undefined || collapsed) && !hidden}
{#if header} {@render header()} {:else} {@render labelExtra?.()} {#if staticTemplateOffered}
{'${...}'}
{/if} {/if}
{#if aiGen} {@render aiGen()} {:else if enableAi && !noJavascript} (suggestion = e.detail || undefined)} on:setExpr={(e) => { arg = { type: 'javascript', expr: e.detail } propertyType = 'javascript' monaco?.setCode('') monaco?.insertAtCursor(e.detail) }} {pickableProperties} {argName} /> {/if} {#if propPickerWrapperContext && !noConnect} { if ($propPickerConfig?.propName == argName) { clearFocus() } else { focusProp?.(argName, (path) => { if (pickerMode === 'sidePane') { pickIntoArg(path) } else { connectProperty(path) dispatch('change', { argName }) } return true }) } }} /> {/if} {#if !noDynamicToggle}
{ if (e.detail == propertyType || suggestion) return const staticTemplate = isStaticTemplate(inputCat) if (e.detail === 'ai') { // Switch to AI mode: static with no value if (arg) { arg.type = 'ai' arg.value = undefined arg.expr = undefined } propertyType = 'ai' } else if (e.detail === 'javascript') { if (arg.expr == undefined) { arg.expr = getDefaultExpr( argName, previousModuleId, staticTemplate ? `\`${escapeTemplateBackticks(arg?.value?.toString() ?? '')}\`` : arg.value ? '(' + JSON.stringify(arg?.value, null, 4) + ')' : '' ) } if (arg) { arg.value = undefined arg.type = 'javascript' } propertyType = 'javascript' } else { if (staticTemplate) { if (arg) { arg.value = codeToStaticTemplate(arg.expr) arg.expr = undefined // Stated here, as the other branches state it. `setPropertyType` // only writes a type when the text is an interpolation, so leaving // it to that call means a field switched off `ai` keeps carrying // `ai` and reads straight back as it on the next render. arg.type = 'static' } setPropertyType(arg?.value) } else if (inputCat == 'list' || inputCat == 'object') { if (arg) { try { let newExpr = arg.expr if (newExpr.startsWith('(') && newExpr.endsWith(')')) { newExpr = newExpr.slice(1, -1) } arg.value = JSON.parse(newExpr) } catch (e) { arg.value = undefined } arg.expr = undefined arg.type = 'static' } } else { if (arg) { arg.type = 'static' arg.value = undefined arg.expr = undefined } } // On a field the agent can fill, "static with no value" is itself the // AI state (see `getPropertyType`), so leaving the value unset reads // this choice straight back as AI and the field can never be typed // into. An empty value of the field's own kind is what makes "I will // supply this one" representable. if (fieldAllowsAi && arg && arg.value === undefined) { arg.value = isStaticTemplate(inputCat) ? '' : null } propertyType = 'static' } }} > {#snippet children({ item })} {#if fieldAllowsAi} {/if} {#if staticTemplateOffered} {:else} {/if} {#if noJavascript && propertyType !== 'javascript'} {:else if codeInjectionDetected && propertyType == 'static'} {:else} {/if} {/snippet}
{/if}
{#if !collapsed}
{#if suggestion}
{/if}
{ if (e.key === 'Tab' && suggestion) { e.preventDefault() } }} > {@render innerInput()}
{#if !hideHelpButton && propertyType === 'javascript' && argKind === 'javascript' && arg.expr != undefined} {/if} {#snippet innerInput()} {#if propertyType === 'ai'}
This field will be filled by the AI agent dynamically
{#if fieldDescription} 
										{fieldDescription}
{/if} {:else if staticTemplateOffered && propertyType == 'static' && !noDynamicToggle}
{#if fieldDescription} 
										{fieldDescription}
{/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={ () => fieldDescription, (v) => { const property = schema.properties?.[argName] if (!hideDescription && property) property.description = v } } 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} {s3StorageConfigured} {chatInputEnabled} oneOfLockedReason={chatInputEnabled && arg?.type === 'static' && keepsManagedMemory(arg.value) ? schema.properties[argName]?.lockOneOfWhenChatEnabled : undefined} otherArgs={Object.fromEntries( Object.entries(otherArgs).map(([key, transform]) => [ key, transform?.type === 'static' ? transform.value : transform?.type === 'javascript' ? transform.expr : undefined ]) )} > {#snippet innerBottomSnippet()} {#if shouldShowS3ArrayHelper} switchToJsAndConnect((path) => appendPathToArrayExpr(arg?.type === 'javascript' ? arg.expr : '', path) )} /> {/if} {/snippet} {:else if argKind === 'javascript' && arg.expr != undefined}
openPicker?.()} class={`bg-surface-input rounded-md flex flex-col pl-2 overflow-auto ${inputBorderClass({ forceFocus: focused, error: !!error })}`} > { focused = true updatePropsBeingEdited(true) openPicker?.() }} on:blur={() => { focused = false updatePropsBeingEdited(false) }} on:change={() => { dispatch('change', { argName, arg }) }} autoHeight loadAsync />
{#if shouldShowS3ArrayHelper} focusProp?.(argName, (path) => { appendPathToArrayExpr(arg.expr, path) return true })} /> {/if} {#if fieldDescription} 
{fieldDescription}
{/if}
{:else} Not recognized input type {argName} ({arg.expr}, {propertyType})
{/if} {/snippet}
{/if}
{/if}