<%!-- ===== Toolbar ===== --%> <%!-- ===== Three-column body ===== --%>

<%!-- === Left: Node Palette === --%> <%!-- === Centre: Canvas (phx-update="ignore" protects client DOM) === --%>

<%!-- === Right: Property Panel === --%>

Properties

<%= if @selected_node do %> <% sel = Enum.find(@nodes, &(&1.id == @selected_node)) %> <%= if sel do %>

Node Type

node_type_badge_class(sel.type)}> <%= sel.type %>

<%!-- Adapter --%> <%= if sel.type == :adapter do %>

Adapter module

<%= if @adapters != [] do %> <%!-- Health pills --%>

<%= for a <- @adapters do %> fb_adapter_pill_class(a.health)}> <%= fb_adapter_health_icon(a.health) %> <%= a.display_name %> <%= if a.health != :ok and a.health != :unknown do %> <%= fb_adapter_health_label(a.health) %> <% end %> <% end %>

<% else %> <%= if @adapters_loading do %>

Loading adapters…

<% end %> <% end %>

Priority

Timeout (ms)

Fallback on

<%= for trigger <- ~w(timeout error circuit_open empty) do %> <%= trigger %> <% end %>

<% end %> <%!-- Slot --%> <%= if sel.type == :slot do %>

Slot name

Required slot

<% end %> <%!-- Merge --%> <%= if sel.type == :merge do %>

Merge strategy

<% end %> <%!-- Decision --%> <%= if sel.type == :decision do %> <%# Split "slot_result:name" combined string back into base + slot for display %> <% ds_raw = to_string(Map.get(@node_draft, :data_source, "request_body")) %> <% {ds_base, ds_slot} = if String.starts_with?(ds_raw, "slot_result:") do {"slot_result", String.replace_prefix(ds_raw, "slot_result:", "")} else {ds_raw, to_string(Map.get(@node_draft, :slot_name, ""))} end %>

Data source

<%= if ds_base == "slot_result" do %>

Slot name

<% end %>

Field path

Operator

<%= if to_string(Map.get(@node_draft, :operator, "present")) not in ~w(present absent) do %>

Value

<% end %>

1st outgoing → YES branch
2nd outgoing → NO branch

<% end %> <%!-- Request --%> <%= if sel.type == :request do %> <%# Phase 11 derived endpoint (read-only, from message_type toolbar) %> <% mt = String.trim(@message_type) %> <% ph11_path = if mt != "", do: "/api/v1/messages/#{mt}", else: nil %> <%= if ph11_path do %>

Phase 11 Endpoint

POST <%= ph11_path %>

<% else %>

Set message type in toolbar to derive Phase 11 endpoint

<% end %>

HTTP method

Path <%= if ph11_path do %> (auto-synced) <% end %>

<% end %> <%!-- Webhook Trigger --%> <%= if sel.type == :webhook_trigger do %>

Source name

Must match a registered Webhook Source.

Event filter

Leave blank to trigger on any event from this source.

This node receives inbound webhook payloads.
Incoming data is available as request_body in subsequent nodes.

<% end %> <%!-- Webhook Action --%> <%= if sel.type == :webhook_action do %>

Event type

Used to match against endpoint event type subscriptions.

Tenant ID (optional)

Dispatches an outbound webhook to all matching registered endpoints.
Delivery is logged in Webhook Deliveries.

<% end %> <%!-- Apply / Cancel buttons --%>

<% end %> <% else %>

Click a node on the canvas to edit its properties.

<% end %>

Nodes: <%= length(@nodes) %>

Connections: <%= length(@connections) %>

<%!-- ========================================================= TEMPLATE PICKER OVERLAY Covers the 3-column area only (below toolbar). ========================================================= --%> <%= if @show_template_picker do %>

<%!-- Header --%>

Choose a Flow Template

Start with a pre-built pattern and customise it, or design from scratch.

<%!-- Split templates into classic vs Phase 9 DAG --%> <% {classic_tpls, dag_tpls} = Enum.split_with(@templates, fn t -> not Map.get(t, :dag, false) end) %> <%!-- Classic template cards grid --%>

<%= for tpl <- classic_tpls do %> <% end %>

<%!-- Phase 9 section divider --%> <%= if dag_tpls != [] do %>

Phase 9 — DAG / Conditional

<%!-- DAG template cards grid --%>

<%= for tpl <- dag_tpls do %> <% end %>

<% end %> <%!-- Start from Scratch card --%>

<% end %>

<%!-- end 3-col body --%>

Choose a Flow Template

<%= tpl.name %>

<%= tpl.name %>