UI JSON Schema

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} />
			</TabContent>
			<TabContent value="jsonschema">
				<Highlight language={json} code={JSON.stringify(schema, null, 4)} />
			</TabContent>
		</svelte:fragment>
	</Tabs>
</div>