diff --git a/frontend/src/lib/components/common/OnChange.svelte b/frontend/src/lib/components/common/OnChange.svelte
new file mode 100644
index 0000000000..7f2ed96872
--- /dev/null
+++ b/frontend/src/lib/components/common/OnChange.svelte
@@ -0,0 +1,15 @@
+
+
+
diff --git a/frontend/src/lib/components/flows/FlowEditor.svelte b/frontend/src/lib/components/flows/FlowEditor.svelte
index c5f64b575d..36ed945f7e 100644
--- a/frontend/src/lib/components/flows/FlowEditor.svelte
+++ b/frontend/src/lib/components/flows/FlowEditor.svelte
@@ -15,8 +15,10 @@
import FlowAIChat from '../copilot/chat/flow/FlowAIChat.svelte'
import { aiChatManager, AIMode } from '../copilot/chat/AIChatManager.svelte'
import { triggerableByAI } from '$lib/actions/triggerableByAI'
- import FlowModuleScriptAssetHandler from './content/RawScriptAssetHandler.svelte'
import { getAllModules } from './flowExplorer'
+ import { inferAssets } from '$lib/infer'
+ import { parseAsset } from '../assets/lib'
+ import OnChange from '../common/OnChange.svelte'
const { flowStore, flowStateStore } = getContext('FlowEditorContext')
interface Props {
@@ -144,9 +146,15 @@
{#each getAllModules(flowStore.val.value.modules) as mod}
{#if mod.value.type === 'rawscript'}
- ($flowStateStore[mod.id].assetsCache = assets)}
+ {@const v = mod.value}
+
+ inferAssets(v.language, v.content).then((assetsRaw) => {
+ $flowStateStore[mod.id].assetsCache = assetsRaw
+ .map((asset) => parseAsset(asset))
+ .filter((a) => !!a)
+ })}
/>
{/if}
{/each}
diff --git a/frontend/src/lib/components/flows/content/RawScriptAssetHandler.svelte b/frontend/src/lib/components/flows/content/RawScriptAssetHandler.svelte
deleted file mode 100644
index 6a084b9d35..0000000000
--- a/frontend/src/lib/components/flows/content/RawScriptAssetHandler.svelte
+++ /dev/null
@@ -1,13 +0,0 @@
-