673f0958c5
Reverting e8039f9 to diagnose compound rendering regression affecting
all compound types (SPLIT, CHOICE, LOOP, DO_TRY) and error handlers.
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
62 lines
4.0 KiB
HTML
62 lines
4.0 KiB
HTML
<h2>Traces & Taps — With Route Column</h2>
|
|
<p class="subtitle">Route column added to prevent ambiguity across routes</p>
|
|
|
|
<div class="mockup">
|
|
<div class="mockup-header">Traces & Taps — Updated</div>
|
|
<div class="mockup-body" style="background:#1a1a2e;color:#e0e0e0;padding:20px;font-family:system-ui,-apple-system,sans-serif;font-size:13px;">
|
|
|
|
<div style="background:#1e1e3a;border:1px solid #2d2d50;border-radius:8px;padding:16px;">
|
|
<div style="display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;">
|
|
<div style="font-size:12px;font-weight:600;color:#9ca3af;text-transform:uppercase;letter-spacing:0.5px;">Traces & Taps</div>
|
|
<span style="font-size:11px;color:#6b7280;">3 traced · 4 taps · manage taps on route pages</span>
|
|
</div>
|
|
<table style="width:100%;border-collapse:collapse;font-size:12px;">
|
|
<thead>
|
|
<tr style="border-bottom:1px solid #2d2d50;">
|
|
<th style="text-align:left;padding:8px;color:#9ca3af;font-size:11px;font-weight:500;">Route</th>
|
|
<th style="text-align:left;padding:8px;color:#9ca3af;font-size:11px;font-weight:500;">Processor</th>
|
|
<th style="text-align:left;padding:8px;color:#9ca3af;font-size:11px;font-weight:500;">Capture</th>
|
|
<th style="text-align:left;padding:8px;color:#9ca3af;font-size:11px;font-weight:500;">Taps</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr style="border-bottom:1px solid #161630;">
|
|
<td style="padding:8px;color:#60a5fa;font-size:11px;">processOrder</td>
|
|
<td style="padding:8px;font-family:monospace;font-size:11px;">unmarshal1</td>
|
|
<td style="padding:8px;"><span style="background:#2d1f3b;color:#d8b4fe;padding:1px 8px;border-radius:4px;font-size:10px;">BOTH</span></td>
|
|
<td style="padding:8px;">
|
|
<div style="display:flex;gap:6px;flex-wrap:wrap;">
|
|
<span style="background:#1e3a5f;color:#7dd3fc;padding:1px 8px;border-radius:10px;font-size:10px;font-family:monospace;">orderId <span style="color:#4ade80;margin-left:2px;">✓</span></span>
|
|
<span style="background:#1e3a5f;color:#7dd3fc;padding:1px 8px;border-radius:10px;font-size:10px;font-family:monospace;">customerId <span style="color:#4ade80;margin-left:2px;">✓</span></span>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr style="border-bottom:1px solid #161630;">
|
|
<td style="padding:8px;color:#60a5fa;font-size:11px;">processOrder</td>
|
|
<td style="padding:8px;font-family:monospace;font-size:11px;">enrichPrice</td>
|
|
<td style="padding:8px;"><span style="color:#6b7280;font-size:11px;">—</span></td>
|
|
<td style="padding:8px;">
|
|
<span style="background:#3b2f1f;color:#fcd34d;padding:1px 8px;border-radius:10px;font-size:10px;font-family:monospace;">orderTotal <span style="color:#6b7280;margin-left:2px;">✗</span></span>
|
|
</td>
|
|
</tr>
|
|
<tr style="border-bottom:1px solid #161630;">
|
|
<td style="padding:8px;color:#60a5fa;font-size:11px;">processPayment</td>
|
|
<td style="padding:8px;font-family:monospace;font-size:11px;">toDatabase</td>
|
|
<td style="padding:8px;"><span style="background:#1e3a5f;color:#7dd3fc;padding:1px 8px;border-radius:4px;font-size:10px;">INPUT</span></td>
|
|
<td style="padding:8px;"><span style="color:#6b7280;font-size:11px;">—</span></td>
|
|
</tr>
|
|
<tr>
|
|
<td style="padding:8px;color:#60a5fa;font-size:11px;">processPayment</td>
|
|
<td style="padding:8px;font-family:monospace;font-size:11px;">validate1</td>
|
|
<td style="padding:8px;"><span style="color:#6b7280;font-size:11px;">—</span></td>
|
|
<td style="padding:8px;">
|
|
<span style="background:#1e3a5f;color:#7dd3fc;padding:1px 8px;border-radius:10px;font-size:10px;font-family:monospace;">paymentRef <span style="color:#4ade80;margin-left:2px;">✓</span></span>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|