{language.noMessage}
{:else}
{
if(DBState.db.clickToEdit && idx > -1){
editMode = true
}
}}
style:font-size="{0.875 * (DBState.db.zoomsize / 100)}rem"
style:line-height="{(DBState.db.lineHeight ?? 1.25) * (DBState.db.zoomsize / 100)}rem"
>
{#key $ReloadGUIPointer}
{#await markParsing(msgDisplay, character, 'normal', idx, translated)}
{@html lastParsed}
{:then md}
{@html md}
{/await}
{/key}
{/if}
{/snippet}
{#snippet icons(options:{applyTextColors?:boolean} = {})}
{statusMessage}
{#if DBState.db.useChatCopy && !blankMessage}
{/if}
{#if idx > -1}
{#if DBState.db.characters[selIdState.selId].type !== 'group' && DBState.db.characters[selIdState.selId].ttsMode !== 'none' && (DBState.db.characters[selIdState.selId].ttsMode)}
{/if}
{#if !$ConnectionOpenStore}
{/if}
{/if}
{#if DBState.db.translator !== '' && !blankMessage}
{/if}
{#if rerollIcon || altGreeting}
{#if DBState.db.swipe || altGreeting}
{:else}
{/if}
{/if}
{/snippet}
{#snippet icon(options:{rounded?:boolean,styleFix?:string} = {})}
{#if !blankMessage && !$HideIconStore}
{#if DBState.db.characters[selIdState.selId]?.chaId === "§playground"}
{#if name === 'assistant'}
{:else}
{#await img}
{:then m}
{#if largePortrait && (!options?.rounded)}
{:else}
{/if}
{/await}
{/if}
{/if}
{/snippet}
{#snippet renderGuiHtmlPart(dom:HTMLElement)}
{#if dom.tagName === 'IMG'}
{@render renderChilds(dom)}
{:else if dom.tagName === 'P'}
{@render renderChilds(dom)}
{:else if dom.tagName === 'H1'}{@render renderChilds(dom)}
{:else if dom.tagName === 'H2'}{@render renderChilds(dom)}
{:else if dom.tagName === 'H3'}{@render renderChilds(dom)}
{:else if dom.tagName === 'H4'}{@render renderChilds(dom)}
{:else if dom.tagName === 'H5'}{@render renderChilds(dom)}
{:else if dom.tagName === 'H6'}{@render renderChilds(dom)}
{:else if dom.tagName === 'UL'}-
{@render renderChilds(dom)}
-
{@render renderChilds(dom)}
{:else if dom.tagName === 'BR'}
{:else if dom.tagName === 'CODE'}
{@render renderChilds(dom)}
{:else if dom.tagName === 'PRE'}
{@render renderChilds(dom)}
{:else if dom.tagName === 'BLOCKQUOTE'}
{@render renderChilds(dom)}{:else if dom.tagName === 'EM'} {@render renderChilds(dom)} {:else if dom.tagName === 'STRONG'} {@render renderChilds(dom)} {:else if dom.tagName === 'U'} {@render renderChilds(dom)} {:else if dom.tagName === 'DEL'}
{@render renderChilds(dom)}
{/if}
{/snippet}
{#snippet renderChilds(dom:HTMLElement)}
{#each dom.childNodes as node}
{#if node.nodeType === Node.TEXT_NODE}
{node.textContent}
{:else if node.nodeType === Node.ELEMENT_NODE}
{@render renderGuiHtmlPart((node as HTMLElement))}
{/if}
{/each}
{/snippet}
{#if DBState.db.theme === 'mobilechat' && !blankMessage}
{#if editMode}
{:else}
{:else if DBState.db.theme === 'customHTML' && !blankMessage}
{@render renderGuiHtmlPart(RenderGUIHtml(DBState.db.guiHTML))}
{:else}
{@render icon({rounded: DBState.db.roundIcons})}
{#if role !== 'user'}
{@render icon({rounded: true})}
{/if}
{#if role === 'user'}
{@render icon({rounded: true})}
{/if}
{:else if DBState.db.theme === 'cardboard' && !blankMessage}
{@render textBox()}
{#if DBState.db.characters[selIdState.selId].chats[DBState.db.characters[selIdState.selId].chatPage].message[idx]?.time} {new Intl.DateTimeFormat(undefined, { hour: '2-digit', minute: '2-digit', second: '2-digit', month: '2-digit', day: '2-digit', hour12: false }).format(DBState.db.characters[selIdState.selId].chats[DBState.db.characters[selIdState.selId].chatPage].message[idx].time)} {/if}
{@render icon({rounded: false, styleFix:'height:100%;width:100%;'})}
{name}
{@render textBox()}
{/if}
{@render icons({applyTextColors: false})}
{#if DBState.db.characters[selIdState.selId]?.chaId === "§playground" && !blankMessage}
{name === 'assistant' ? 'Assistant' : 'User'}
{:else if !blankMessage && !$HideIconStore}
{name}
{/if}
{@render icons()}
{@render genInfo()}
{@render textBox()}
{/if}