{#if tab == 'ui'}

Summary

<div class="prose text-sm">
						{summary != '' ? summary : 'No summary'}
					</div>
				</div>
			</div>
			<div class="col-span-2">
				<h2 class="mb-1">Description</h2>
				<div class="mb-2 md:mb-6">
					<div class="prose text-sm">
						<textarea bind:value={description} placeholder="Edit description" />
						<div class="prose text-sm">
							<SvelteMarkdown
								source={description && description != '' ? description : 'No description'}
							/>
						</div>
					</div>
				</div>
			</div>
		</div>
		{#if synchronizedHeader}
			<div class="bg-blue-100 border-l-4 border-blue-600 text-blue-700 p-4 m-4" role="alert">
				<p class="font-bold">Synchronized with main signature</p>
				<p>
					Argument names, being required or not, and default values are derived from the main
					signature of step 2 and cannot be edited directly. Change the main signature to edit them.
				</p>
			</div>
		{/if}
		<SchemaForm {schema} editableSchema={true} />
	{:else}
		<Highlight language={json} code={JSON.stringify(schema, null, 4)} />
	{/if}
</div>