{#if fileUpload.isDragging}

Drop the image here to upload

{/if}

{message?.role}

{#if parsedMessage.thinking && message?.role === "assistant"}

{#if isReasoningExpanded} {#if conversation.data.parseMarkdown && !isEditing}

{@html parsedReasoning}

{:else}

{
										const el = e.target as HTMLTextAreaElement;
										const reasoningContent = el?.value ?? "";
										if (!message) return;
										// Reconstruct the full message with updated reasoning
										const newContent = reasoningContent
											? `<think>${reasoningContent}</think>\n\n${parsedMessage.content}`
											: parsedMessage.content;
										conversation.updateMessage({ index, message: { ...message, content: newContent } });
									}}
									onkeydown={e => {
										if ((e.ctrlKey || e.metaKey) && e.key === "g") {
											e.preventDefault();
											e.stopPropagation();
											onRegen?.();
										}
									}}
									placeholder="Enter reasoning content"
									class="w-full resize-none overflow-hidden rounded-lg bg-transparent px-2 py-2.5 ring-gray-100 outline-none group-hover/message:ring-3 hover:bg-white focus:bg-white focus:ring-3 @2xl:px-3 dark:ring-gray-600 dark:hover:bg-gray-900 dark:focus:bg-gray-900"
									rows="1"
									{@attach reasoningAutosized.attachment}
								>

{/if} {/if}

{/if} {#if conversation.data.parseMarkdown && message?.role === "assistant"}

(isEditing = false))} > {#snippet trigger(tooltip)} {/snippet} {isEditing ? "Stop editing" : "Edit"} {#if !isEditing}

{@html parsedContent}

{:else} {/if}

{:else}

{
							const el = e.target as HTMLTextAreaElement;
							const content = el?.value;
							if (!message || content === undefined) return;
							// If there was reasoning content, we need to preserve it when editing the main content
							const finalContent = parsedMessage.thinking
								? `<think>${parsedMessage.thinking}</think>\n\n${content}`
								: content;
							conversation.updateMessage({ index, message: { ...message, content: finalContent } });
						}}
						onkeydown={e => {
							if ((e.ctrlKey || e.metaKey) && e.key === "g") {
								e.preventDefault();
								e.stopPropagation();
								onRegen?.();
							}
						}}
						placeholder="Enter {message?.role} message"
						class="grow resize-none overflow-hidden rounded-lg bg-transparent px-2 py-2.5 ring-gray-100 outline-none group-hover/message:ring-3 hover:bg-white focus:bg-white focus:ring-3 @2xl:px-3 dark:ring-gray-600 dark:hover:bg-gray-900 dark:focus:bg-gray-900"
						rows="1"
						data-message
						data-test-id={TEST_IDS.message}
						{@attach autosized.attachment}
					>

{/if}

button]:-my-px @2xl:[&>button]:-mx-px @max-2xl:[&>button:first-of-type]:rounded-t-md @2xl:[&>button:first-of-type]:rounded-l-md @max-2xl:[&>button:last-of-type]:rounded-b-md @2xl:[&>button:last-of-type]:rounded-r-md", shouldStick && "sticky", ]} > {#if canUploadImgs} {#snippet trigger(tooltip)} {/snippet} Add image {/if} {#snippet trigger(tooltip)} {#snippet children({ trigger, addToast })} {/snippet} {/snippet} Copy {#snippet trigger(tooltip)} {/snippet}

{regenLabel} {cmdOrCtrl}G

{#snippet trigger(tooltip)} {/snippet} Branch from here {#snippet trigger(tooltip)} {/snippet} Delete

{#each message.images ?? [] as imgKey (imgKey)} {#await images.get(imgKey)} {:then imgSrc}

{/await} {/each}

{#if projects.current?.branchedFromId && projects.current?.branchedFromMessageIndex === index}

Branched from

{/if}