windmill/frontend/src/lib/components/flows/content/AgentToolWrapper.svelte

<script lang="ts">
	import type { AgentTool } from '../agentToolUtils'
	import { isFlowModuleTool, isMcpTool, isWebsearchTool } from '../agentToolUtils'
	import type { FlowModule } from '$lib/gen'
	import FlowModuleComponent from './FlowModuleComponent.svelte'
	import McpToolEditor from './McpToolEditor.svelte'
	import WebsearchToolDisplay from './WebsearchToolDisplay.svelte'

	interface Props {
		tool: AgentTool
		noEditor?: boolean
		enableAi?: boolean
		parentModule?: FlowModule | undefined
		previousModule?: FlowModule | undefined
		forceTestTab?: Record<string, boolean>
		highlightArg?: Record<string, string | undefined>
		siblingToolNames?: string[]
		/** See `FlowModuleComponent`: set when the tool belongs to a saved agent rather than to a
		 *  step of this flow. */
		staticOnly?: boolean
		/** See `FlowModuleComponent`: set where there is no graph to select a nested tool on. */
		noToolNavigation?: boolean
	}

	let {
		tool = $bindable(),
		noEditor = false,
		enableAi = false,
		parentModule = undefined,
		previousModule = undefined,
		forceTestTab,
		highlightArg,
		siblingToolNames = undefined,
		staticOnly = false,
		noToolNavigation = false
	}: Props = $props()
</script>

{#if isFlowModuleTool(tool)}
	<!-- FlowModule tool - use existing FlowModuleComponent -->
	<!-- "Save to workspace" and "Fork" replace the module wholesale, so the binding must be
	     two-way or the deploy writes the pre-replacement tool. Merged rather than assigned: they
	     build a plain step, which carries none of the fields only a tool has. -->
	<FlowModuleComponent
		{noEditor}
		bind:flowModule={
			() => tool as FlowModule,
			(v) =>
				(tool = {
					...tool,
					...v,
					value: { tool_type: tool.value?.tool_type, ...v.value }
				} as unknown as AgentTool)
		}
		{parentModule}
		{previousModule}
		failureModule={false}
		preprocessorModule={false}
		scriptKind="script"
		scriptTemplate="script"
		{enableAi}
		savedModule={undefined}
		forceTestTab={forceTestTab?.[tool.id]}
		highlightArg={highlightArg?.[tool.id]}
		isAgentTool={true}
		{staticOnly}
		{noToolNavigation}
		bind:toolDescription={tool.description}
		{siblingToolNames}
	/>
{:else if isMcpTool(tool)}
	<!-- MCP tool - use McpToolEditor -->
	<McpToolEditor bind:tool {noEditor} />
{:else if isWebsearchTool(tool)}
	<WebsearchToolDisplay {noEditor} />
{/if}