{$i18n.t('My Prompts')}

{ updateHandler(); }} >

{$i18n.t('Title')}*

{$i18n.t('Command')}*

Only alphanumeric characters and hyphens are allowed; Activate this command by typing " /{command} " to chat input.

{$i18n.t('Prompt Content')}*

</div>

<div class="text-xs text-gray-400 dark:text-gray-500">
							Format your variables using square brackets like this: <span
								class=" text-gray-600 dark:text-gray-300 font-medium">[variable]</span
							>
							. Make sure to enclose them with
							<span class=" text-gray-600 dark:text-gray-300 font-medium">'['</span>
							and <span class=" text-gray-600 dark:text-gray-300 font-medium">']'</span> .
						</div>
					</div>
				</div>

<div class="my-2 flex justify-end">
					<button
						class=" text-sm px-3 py-2 transition rounded-xl {loading
							? ' cursor-not-allowed bg-gray-100 dark:bg-gray-800'
							: ' bg-gray-50 hover:bg-gray-100 dark:bg-gray-700 dark:hover:bg-gray-800'} flex"
						type="submit"
						disabled={loading}
					>
						<div class=" self-center font-medium">{$i18n.t('Save & Update')}</div>

{#if loading}
							<div class="ml-1.5 self-center">
								<svg
									class=" w-4 h-4"
									viewBox="0 0 24 24"
									fill="currentColor"
									xmlns="http://www.w3.org/2000/svg"
									><style>
										.spinner_ajPY {
											transform-origin: center;
											animation: spinner_AtaB 0.75s infinite linear;
										}
										@keyframes spinner_AtaB {
											100% {
												transform: rotate(360deg);
											}
										}
									</style><path
										d="M12,1A11,11,0,1,0,23,12,11,11,0,0,0,12,1Zm0,19a8,8,0,1,1,8-8A8,8,0,0,1,12,20Z"
										opacity=".25"
									/><path
										d="M10.14,1.16a11,11,0,0,0-9,8.92A1.59,1.59,0,0,0,2.46,12,1.52,1.52,0,0,0,4.11,10.7a8,8,0,0,1,6.66-6.61A1.42,1.42,0,0,0,12,2.69h0A1.57,1.57,0,0,0,10.14,1.16Z"
										class="spinner_ajPY"
									/></svg
								>
							</div>
						{/if}
					</button>
				</div>
			</form>
		</div>
	</div>
</div>