mirror of
https://github.com/open-webui/open-webui
synced 2025-06-26 18:26:48 +00:00
37 lines
802 B
Svelte
37 lines
802 B
Svelte
<script>
|
|
import { createEventDispatcher } from 'svelte';
|
|
|
|
const dispatch = createEventDispatcher();
|
|
|
|
import { theme } from '$lib/stores';
|
|
import { Background, Controls, SvelteFlow, BackgroundVariant } from '@xyflow/svelte';
|
|
|
|
export let nodes;
|
|
export let nodeTypes;
|
|
export let edges;
|
|
</script>
|
|
|
|
<SvelteFlow
|
|
{nodes}
|
|
{nodeTypes}
|
|
{edges}
|
|
fitView
|
|
minZoom={0.001}
|
|
colorMode={$theme.includes('dark')
|
|
? 'dark'
|
|
: $theme === 'system'
|
|
? window.matchMedia('(prefers-color-scheme: dark)').matches
|
|
? 'dark'
|
|
: 'light'
|
|
: 'light'}
|
|
nodesConnectable={false}
|
|
nodesDraggable={false}
|
|
on:nodeclick={(e) => dispatch('nodeclick', e.detail)}
|
|
oninit={() => {
|
|
console.log('Flow initialized');
|
|
}}
|
|
>
|
|
<Controls showLock={false} />
|
|
<Background variant={BackgroundVariant.Dots} />
|
|
</SvelteFlow>
|