{
+ saveCode();
+ }}
+ onChange={(value) => {
+ _code = value;
+ }}
+ />
+ {/await}
{:else}
{$i18n.t('{{COUNT}} hidden lines', {
@@ -561,7 +527,7 @@
{#if executing || stdout || stderr || result || files}
{#if executing}
diff --git a/src/lib/components/chat/Messages/Markdown.svelte b/src/lib/components/chat/Messages/Markdown.svelte
index 736c93cb0d..c33e452a6c 100644
--- a/src/lib/components/chat/Messages/Markdown.svelte
+++ b/src/lib/components/chat/Messages/Markdown.svelte
@@ -5,6 +5,7 @@
import markedExtension from '$lib/utils/marked/extension';
import markedKatexExtension from '$lib/utils/marked/katex-extension';
+ import { mentionExtension } from '$lib/utils/marked/mention-extension';
import MarkdownTokens from './Markdown/MarkdownTokens.svelte';
@@ -37,6 +38,9 @@
marked.use(markedKatexExtension(options));
marked.use(markedExtension(options));
+ marked.use({
+ extensions: [mentionExtension({ triggerChar: '@' }), mentionExtension({ triggerChar: '#' })]
+ });
$: (async () => {
if (content) {
diff --git a/src/lib/components/chat/Messages/Markdown/KatexRenderer.svelte b/src/lib/components/chat/Messages/Markdown/KatexRenderer.svelte
index 4dfb9f2c5b..d28edb224f 100644
--- a/src/lib/components/chat/Messages/Markdown/KatexRenderer.svelte
+++ b/src/lib/components/chat/Messages/Markdown/KatexRenderer.svelte
@@ -1,10 +1,22 @@
-{@html katex.renderToString(content, { displayMode, throwOnError: false })}
+{#if renderToString}
+ {@html renderToString(content, { displayMode, throwOnError: false })}
+{/if}
diff --git a/src/lib/components/chat/Messages/Markdown/MarkdownInlineTokens.svelte b/src/lib/components/chat/Messages/Markdown/MarkdownInlineTokens.svelte
index c49d60df69..8a0358a752 100644
--- a/src/lib/components/chat/Messages/Markdown/MarkdownInlineTokens.svelte
+++ b/src/lib/components/chat/Messages/Markdown/MarkdownInlineTokens.svelte
@@ -16,6 +16,7 @@
import HtmlToken from './HTMLToken.svelte';
import TextToken from './MarkdownInlineTokens/TextToken.svelte';
import CodespanToken from './MarkdownInlineTokens/CodespanToken.svelte';
+ import MentionToken from './MarkdownInlineTokens/MentionToken.svelte';
export let id: string;
export let done = true;
@@ -60,6 +61,8 @@
frameborder="0"
onload="this.style.height=(this.contentWindow.document.body.scrollHeight+20)+'px';"
>
+ {:else if token.type === 'mention'}
+
{:else if token.type === 'text'}
{/if}
diff --git a/src/lib/components/chat/Messages/Markdown/MarkdownInlineTokens/MentionToken.svelte b/src/lib/components/chat/Messages/Markdown/MarkdownInlineTokens/MentionToken.svelte
new file mode 100644
index 0000000000..19f23b2aa0
--- /dev/null
+++ b/src/lib/components/chat/Messages/Markdown/MarkdownInlineTokens/MentionToken.svelte
@@ -0,0 +1,108 @@
+
+
+
+
+
+
+
+ {
+ if (triggerChar === '@') {
+ if (idType === 'U') {
+ // Open user profile
+ console.log('Clicked user mention', id);
+ } else if (idType === 'M') {
+ console.log('Clicked model mention', id);
+ await goto(`/?model=${id}`);
+ }
+ } else if (triggerChar === '#') {
+ if (idType === 'C') {
+ // Open channel
+ if ($channels.find((c) => c.id === id)) {
+ await goto(`/channels/${id}`);
+ }
+ } else if (idType === 'T') {
+ // Open thread
+ }
+ } else {
+ // Unknown trigger char, just log
+ console.log('Clicked mention', id);
+ }
+ }}
+ >
+ {triggerChar}{label}
+
+
+
+ {#if triggerChar === '@' && idType === 'U'}
+
+ {/if}
+
diff --git a/src/lib/components/chat/Messages/Markdown/MarkdownTokens.svelte b/src/lib/components/chat/Messages/Markdown/MarkdownTokens.svelte
index c5c0b43e88..e568d92bac 100644
--- a/src/lib/components/chat/Messages/Markdown/MarkdownTokens.svelte
+++ b/src/lib/components/chat/Messages/Markdown/MarkdownTokens.svelte
@@ -17,7 +17,7 @@
import AlertRenderer, { alertComponent } from './AlertRenderer.svelte';
import Collapsible from '$lib/components/common/Collapsible.svelte';
import Tooltip from '$lib/components/common/Tooltip.svelte';
- import ArrowDownTray from '$lib/components/icons/ArrowDownTray.svelte';
+ import Download from '$lib/components/icons/Download.svelte';
import Source from './Source.svelte';
import { settings } from '$lib/stores';
@@ -109,7 +109,7 @@
{save}
{preview}
edit={editCodeBlock}
- stickyButtonsClassName={topPadding ? 'top-8' : 'top-0'}
+ stickyButtonsClassName={topPadding ? 'top-7' : 'top-0'}
onSave={(value) => {
onSave({
raw: token.raw,
@@ -124,19 +124,19 @@
{token.text}
{/if}
{:else if token.type === 'table'}
-