diff --git a/frontend/src/lib/components/FlowBuilder.svelte b/frontend/src/lib/components/FlowBuilder.svelte index cf870d4332..3b29507f41 100644 --- a/frontend/src/lib/components/FlowBuilder.svelte +++ b/frontend/src/lib/components/FlowBuilder.svelte @@ -81,6 +81,7 @@ import CustomPopover from './CustomPopover.svelte' import Summary from './Summary.svelte' import type { FlowBuilderWhitelabelCustomUi } from './custom_ui' + import FlowYamlEditor from './flows/header/FlowYamlEditor.svelte' export let initialPath: string = '' export let pathStoreInit: string | undefined = undefined @@ -1007,6 +1008,7 @@ let flowTutorials: FlowTutorials | undefined = undefined let jsonViewerDrawer: Drawer | undefined = undefined + let yamlEditorDrawer: Drawer | undefined = undefined let flowHistory: FlowHistory | undefined = undefined export function triggerTutorial() { @@ -1049,6 +1051,11 @@ displayName: 'Export', icon: FileJson, action: () => jsonViewerDrawer?.openDrawer() + }, + { + displayName: 'Edit in YAML', + icon: FileJson, + action: () => yamlEditorDrawer?.openDrawer() } ] : []) @@ -1069,6 +1076,7 @@ {#if $pathStore} {/if} + { diff --git a/frontend/src/lib/components/FlowViewerInner.svelte b/frontend/src/lib/components/FlowViewerInner.svelte index 9961ca419a..7fd487ee43 100644 --- a/frontend/src/lib/components/FlowViewerInner.svelte +++ b/frontend/src/lib/components/FlowViewerInner.svelte @@ -9,6 +9,7 @@ import YAML from 'yaml' import { yaml } from 'svelte-highlight/languages' import HighlightTheme from './HighlightTheme.svelte' + import { filteredContentForExport } from './flows/utils' export let flow: { summary: string @@ -17,12 +18,7 @@ schema?: any } - $: flowFiltered = { - summary: flow.summary, - description: flow.description, - value: flow.value, - schema: flow.schema - } + $: flowFiltered = filteredContentForExport(flow) let rawType: 'json' | 'yaml' = 'yaml' diff --git a/frontend/src/lib/components/WorkerTagPicker.svelte b/frontend/src/lib/components/WorkerTagPicker.svelte index 29fbbadfd7..a00278b780 100644 --- a/frontend/src/lib/components/WorkerTagPicker.svelte +++ b/frontend/src/lib/components/WorkerTagPicker.svelte @@ -18,7 +18,7 @@
- {#if workerTags} + {#if $workerTags} {#if $workerTags?.length ?? 0 > 0}