Node Visual Style

Which processor node style fits our design system best? Think MuleSoft / TIBCO BW5 but adapted to our warm parchment theme.

▶ FROM direct:orders ⚙ LOG Processing order ◼ TO kafka:processed CHOICE ◆ WHEN header.type == 'A' ◆ OTHERWISE default branch

A: Icon Sidebar Blocks

MuleSoft-style: colored icon strip on the left, label + detail on the right. Color encodes node type. Compound nodes (choice, split) use dashed containers.

▶ FROM direct:orders ⚙ LOG Processing order ◼ TO kafka:processed CHOICE ◆ WHEN type == 'A' ◆ OTHERWISE default

B: Rounded Pills

Softer, more modern look with pill-shaped nodes and circular icons. Lighter feel. Compounds still use dashed containers.

▶ FROM direct:orders ⚙ LOG Processing order ◼ TO kafka:processed CHOICE ◆ WHEN type == 'A' ◆ OTHERWISE default

C: Top-Bar Cards

TIBCO BW5-inspired: white cards with colored top accent bar. Clean, professional, card-like. Compound nodes get a full colored header bar with white title text.