{#if !responseContent || responseContent?.trim() === ''}
{:else}
diff --git a/src/lib/components/chat/MessageInput.svelte b/src/lib/components/chat/MessageInput.svelte
index c2878590a5..3f149f0541 100644
--- a/src/lib/components/chat/MessageInput.svelte
+++ b/src/lib/components/chat/MessageInput.svelte
@@ -885,8 +885,6 @@
})
}
];
-
- console.log(suggestions);
loaded = true;
window.setTimeout(() => {
@@ -1200,12 +1198,12 @@
floatingMenuPlacement={'top-start'}
insertPromptAsRichText={$settings?.insertPromptAsRichText ?? false}
shiftEnter={!($settings?.ctrlEnterToSend ?? false) &&
- (!$mobile ||
- !(
- 'ontouchstart' in window ||
- navigator.maxTouchPoints > 0 ||
- navigator.msMaxTouchPoints > 0
- ))}
+ !$mobile &&
+ !(
+ 'ontouchstart' in window ||
+ navigator.maxTouchPoints > 0 ||
+ navigator.msMaxTouchPoints > 0
+ )}
placeholder={placeholder ? placeholder : $i18n.t('Send a Message')}
largeTextAsFile={($settings?.largeTextAsFile ?? false) && !shiftKey}
autocomplete={$config?.features?.enable_autocomplete_generation &&
diff --git a/src/lib/components/chat/MessageInput/Commands/Knowledge.svelte b/src/lib/components/chat/MessageInput/Commands/Knowledge.svelte
index 077f97d416..cd1610fd42 100644
--- a/src/lib/components/chat/MessageInput/Commands/Knowledge.svelte
+++ b/src/lib/components/chat/MessageInput/Commands/Knowledge.svelte
@@ -13,6 +13,8 @@
import Database from '$lib/components/icons/Database.svelte';
import GlobeAlt from '$lib/components/icons/GlobeAlt.svelte';
import Youtube from '$lib/components/icons/Youtube.svelte';
+ import { folders } from '$lib/stores';
+ import Folder from '$lib/components/icons/Folder.svelte';
const i18n = getContext('i18n');
@@ -144,14 +146,25 @@
]
: [];
- items = [...collections, ...collection_files, ...legacy_collections, ...legacy_documents].map(
- (item) => {
- return {
- ...item,
- ...(item?.legacy || item?.meta?.legacy || item?.meta?.document ? { legacy: true } : {})
- };
- }
- );
+ let folder_items = $folders.map((folder) => ({
+ ...folder,
+ type: 'folder',
+ description: $i18n.t('Folder'),
+ title: folder.name
+ }));
+
+ items = [
+ ...folder_items,
+ ...collections,
+ ...collection_files,
+ ...legacy_collections,
+ ...legacy_documents
+ ].map((item) => {
+ return {
+ ...item,
+ ...(item?.legacy || item?.meta?.legacy || item?.meta?.document ? { legacy: true } : {})
+ };
+ });
fuse = new Fuse(items, {
keys: ['name', 'description']
@@ -213,6 +226,8 @@
>
{#if item?.type === 'collection'}
+ {:else if item?.type === 'folder'}
+
{:else}
{/if}
diff --git a/src/lib/components/chat/MessageInput/IntegrationsMenu.svelte b/src/lib/components/chat/MessageInput/IntegrationsMenu.svelte
index 84bf8018d9..b120495045 100644
--- a/src/lib/components/chat/MessageInput/IntegrationsMenu.svelte
+++ b/src/lib/components/chat/MessageInput/IntegrationsMenu.svelte
@@ -330,7 +330,7 @@
{#each Object.keys(tools) as toolId}
{/each}
diff --git a/src/lib/components/chat/Messages/Citations.svelte b/src/lib/components/chat/Messages/Citations.svelte
index 38d5a3a4b4..8fe7d2dd27 100644
--- a/src/lib/components/chat/Messages/Citations.svelte
+++ b/src/lib/components/chat/Messages/Citations.svelte
@@ -7,6 +7,7 @@
export let id = '';
export let sources = [];
+ export let readOnly = false;
let citations = [];
let showPercentage = false;
@@ -26,12 +27,18 @@
if (citations[sourceIdx]?.source?.embed_url) {
const embedUrl = citations[sourceIdx].source.embed_url;
if (embedUrl) {
- showControls.set(true);
- showEmbeds.set(true);
- embed.set({
- title: citations[sourceIdx]?.source?.name || 'Embedded Content',
- url: embedUrl
- });
+ if (readOnly) {
+ // Open in new tab if readOnly
+ window.open(embedUrl, '_blank');
+ return;
+ } else {
+ showControls.set(true);
+ showEmbeds.set(true);
+ embed.set({
+ title: citations[sourceIdx]?.source?.name || 'Embedded Content',
+ url: embedUrl
+ });
+ }
} else {
selectedCitation = citations[sourceIdx];
showCitationModal = true;
diff --git a/src/lib/components/chat/Messages/CodeBlock.svelte b/src/lib/components/chat/Messages/CodeBlock.svelte
index 6d6f0a5124..f083f8816f 100644
--- a/src/lib/components/chat/Messages/CodeBlock.svelte
+++ b/src/lib/components/chat/Messages/CodeBlock.svelte
@@ -6,7 +6,7 @@
import PyodideWorker from '$lib/workers/pyodide.worker?worker';
import { executeCode } from '$lib/apis/utils';
- import { copyToClipboard, renderMermaidDiagram } from '$lib/utils';
+ import { copyToClipboard, renderMermaidDiagram, renderVegaVisualization } from '$lib/utils';
import 'highlight.js/styles/github-dark.min.css';
@@ -55,6 +55,7 @@
let _token = null;
let mermaidHtml = null;
+ let vegaHtml = null;
let highlightedCode = null;
let executing = false;
@@ -325,7 +326,26 @@
const render = async () => {
onUpdate(token);
if (lang === 'mermaid' && (token?.raw ?? '').slice(-4).includes('```')) {
- mermaidHtml = await renderMermaidDiagram(code);
+ try {
+ mermaidHtml = await renderMermaidDiagram(code);
+ } catch (error) {
+ console.error('Failed to render mermaid diagram:', error);
+ const errorMsg = error instanceof Error ? error.message : String(error);
+ toast.error($i18n.t('Failed to render diagram') + `: ${errorMsg}`);
+ mermaidHtml = null;
+ }
+ } else if (
+ (lang === 'vega' || lang === 'vega-lite') &&
+ (token?.raw ?? '').slice(-4).includes('```')
+ ) {
+ try {
+ vegaHtml = await renderVegaVisualization(code);
+ } catch (error) {
+ console.error('Failed to render Vega visualization:', error);
+ const errorMsg = error instanceof Error ? error.message : String(error);
+ toast.error($i18n.t('Failed to render diagram') + `: ${errorMsg}`);
+ vegaHtml = null;
+ }
}
};
@@ -397,6 +417,16 @@
{:else}
{code}
{/if}
+ {:else if lang === 'vega' || lang === 'vega-lite'}
+ {#if vegaHtml}
+
+ {:else}
+
{code}
+ {/if}
{:else}
{/if}
diff --git a/src/lib/components/chat/Messages/ResponseMessage/RegenerateMenu.svelte b/src/lib/components/chat/Messages/ResponseMessage/RegenerateMenu.svelte
index ba822b77a1..8adca15283 100644
--- a/src/lib/components/chat/Messages/ResponseMessage/RegenerateMenu.svelte
+++ b/src/lib/components/chat/Messages/ResponseMessage/RegenerateMenu.svelte
@@ -29,7 +29,7 @@
-
-
- {#if status?.done === false}
+ {#if history.length > 1}
+
+
+ {#if status?.done === false}
+
+ {/if}
- {/if}
-
-
-
+
+
+ {/if}
- {#if $temporaryChatEnabled && $chatId === 'local'}
+ {#if $temporaryChatEnabled && ($chatId ?? '').startsWith('local:')}
{$i18n.t('Temporary Chat')}
diff --git a/src/lib/components/chat/Overview.svelte b/src/lib/components/chat/Overview.svelte
index 7dbebee1d9..3708fa9061 100644
--- a/src/lib/components/chat/Overview.svelte
+++ b/src/lib/components/chat/Overview.svelte
@@ -1,199 +1,17 @@
-
diff --git a/src/lib/components/chat/Overview/Flow.svelte b/src/lib/components/chat/Overview/Flow.svelte
index f7ff307567..d3963e22ae 100644
--- a/src/lib/components/chat/Overview/Flow.svelte
+++ b/src/lib/components/chat/Overview/Flow.svelte
@@ -4,11 +4,22 @@
const dispatch = createEventDispatcher();
import { theme } from '$lib/stores';
- import { Background, Controls, SvelteFlow, BackgroundVariant } from '@xyflow/svelte';
+ import {
+ Background,
+ Controls,
+ SvelteFlow,
+ BackgroundVariant,
+ ControlButton
+ } from '@xyflow/svelte';
+ import BarsArrowUp from '$lib/components/icons/BarsArrowUp.svelte';
+ import Bars3BottomLeft from '$lib/components/icons/Bars3BottomLeft.svelte';
+ import AlignVertical from '$lib/components/icons/AlignVertical.svelte';
+ import AlignHorizontal from '$lib/components/icons/AlignHorizontal.svelte';
export let nodes;
export let nodeTypes;
export let edges;
+ export let setLayoutDirection;
diff --git a/src/lib/components/chat/Overview/View.svelte b/src/lib/components/chat/Overview/View.svelte
new file mode 100644
index 0000000000..dc1276abec
--- /dev/null
+++ b/src/lib/components/chat/Overview/View.svelte
@@ -0,0 +1,207 @@
+
+
+
diff --git a/src/lib/components/chat/Placeholder.svelte b/src/lib/components/chat/Placeholder.svelte
index c5cac3f385..e505d69ac3 100644
--- a/src/lib/components/chat/Placeholder.svelte
+++ b/src/lib/components/chat/Placeholder.svelte
@@ -7,6 +7,9 @@
const dispatch = createEventDispatcher();
+ import { getChatList } from '$lib/apis/chats';
+ import { updateFolderById } from '$lib/apis/folders';
+
import {
config,
user,
@@ -25,7 +28,6 @@
import MessageInput from './MessageInput.svelte';
import FolderPlaceholder from './Placeholder/FolderPlaceholder.svelte';
import FolderTitle from './Placeholder/FolderTitle.svelte';
- import { getChatList } from '$lib/apis/chats';
const i18n = getContext('i18n');
@@ -58,7 +60,6 @@
export let toolServers = [];
let models = [];
-
let selectedModelIdx = 0;
$: if (selectedModels.length > 0) {
@@ -66,8 +67,6 @@
}
$: models = selectedModels.map((id) => $_models.find((m) => m.id === id));
-
- onMount(() => {});