{#if loaded}
{#if acceptFiles}
{ if (inputFiles && inputFiles.length > 0) { inputFilesHandler(Array.from(inputFiles)); } else { toast.error($i18n.t(`File not found.`)); } filesInputElement.value = ""; }} /> {/if}
{#if scrollEnd === false}
{ scrollEnd = true; scrollToBottom(); }} >
{/if}
{#if typingUsers.length > 0}
{typingUsers .map((user) => user.name) .join(", ")}
{$i18n.t("is typing...")}
{/if}
{#if recording}
{ recording = false; await tick(); if (chatInputElement) { chatInputElement.focus(); } }} onConfirm={async (data) => { const { text, filename } = data; recording = false; await tick(); insertTextAtCursor(text); await tick(); if (chatInputElement) { chatInputElement.focus(); } }} /> {:else}
{ submitHandler(); }} >
{#if replyToMessage !== null}
{$i18n.t( "Replying to {{NAME}}", { NAME: replyToMessage ?.meta ?.model_name ?? replyToMessage .user.name, }, )}
{ replyToMessage = null; }} >
{/if} {#if files.length > 0}
{#each files as file, fileIdx} {#if file.type === "image" || (file?.content_type ?? "").startsWith("image/")} {@const fileUrl = file.url.startsWith("data") || file.url.startsWith("http") ? file.url : `${REXPRO_API_BASE_URL}/files/${file.url}${file?.content_type ? "/content" : ""}`}
{ files.splice( fileIdx, 1, ); files = files; }} >
{:else}
{ files.splice(fileIdx, 1); files = files; }} on:click={() => { console.log(file); }} /> {/if} {/each}
{/if}
{#key $settings?.richTextInput && $settings?.showFormattingToolbar}
0 || navigator.msMaxTouchPoints > 0 )} largeTextAsFile={$settings?.largeTextAsFile ?? false} floatingMenuPlacement={"top-start"} {suggestions} onChange={(e) => { const { md } = e; content = md; command = getCommand(); }} on:keydown={async (e) => { e = e.detail.event; const isCtrlPressed = e.ctrlKey || e.metaKey; // metaKey is for Cmd key on Mac const suggestionsContainerElement = document.getElementById( "suggestions-container", ); if ( !suggestionsContainerElement ) { if ( !$mobile || !( "ontouchstart" in window || navigator.maxTouchPoints > 0 || navigator.msMaxTouchPoints > 0 ) ) { // Prevent Enter key from creating a new line // Uses keyCode '13' for Enter key for chinese/japanese keyboards if ( e.keyCode === 13 && !e.shiftKey ) { e.preventDefault(); } // Submit the content when Enter key is pressed if ( (content !== "" || files.length > 0) && e.keyCode === 13 && !e.shiftKey ) { submitHandler(); } } } if (e.key === "Escape") { console.info("Escape"); replyToMessage = null; } }} on:paste={async (e) => { e = e.detail.event; console.log(e); const clipboardData = e.clipboardData || window.clipboardData; if ( clipboardData && clipboardData.items ) { for (const item of clipboardData.items) { const file = item.getAsFile(); if (file) { await inputFilesHandler( [file], ); e.preventDefault(); } } } }} /> {/key}
{#if acceptFiles}
{ filesInputElement.click(); }} >
{/if}
{#if content === ""}
{ try { let stream = await navigator.mediaDevices .getUserMedia({ audio: true, }) .catch( function ( err, ) { toast.error( $i18n.t( `Permission denied when accessing microphone: {{error}}`, { error: err, }, ), ); return null; }, ); if (stream) { recording = true; const tracks = stream.getTracks(); tracks.forEach( (track) => track.stop(), ); } stream = null; } catch { toast.error( $i18n.t( "Permission denied when accessing microphone", ), ); } }} aria-label="Voice Input" >
{/if}
{#if inputLoading && onStop}
{ onStop(); }} >
{:else}
{/if}
{/if}
{/if}