Signal Chain
- {["IN", state?.bypass ? "BYP" : (state?.nam_loaded ? "NAM" : "AMP"), state?.ir_loaded ? "IR" : "CAB", "OUT"].map((s, i, arr) => (
-
-
{s}
- {i < arr.length - 1 &&
}
-
- ))}
+ {(() => {
+ const chain = ["IN", state?.bypass ? "BYP" : (state?.nam_loaded ? "NAM" : "AMP"), state?.ir_loaded ? "IR" : "CAB", "OUT"];
+ const is4CM = state?.routing_mode === '4cm';
+ const bp = state?.routing_breakpoint || 7;
+ const active = !state?.bypass;
+ return chain.map((s, i, arr) => (
+
+ {is4CM && s === "AMP" && (
+
+ )}
+ {is4CM && s === "CAB" && (
+
+ )}
+
+ {s}
+ {is4CM && s === "AMP" && 4CM}
+ {is4CM && s === "BYP" && 4CM}
+
+ {is4CM && s === "AMP" && (
+
+
+ LOOP
+
+
+ )}
+ {i < arr.length - 1 && !(is4CM && s === "AMP") &&
}
+
+ ));
+ })()}
@@ -782,15 +848,56 @@ function FXScreen({ state, connected }) {
{/* Signal path */}
{fxList && fxList.length > 0 && (
- {["IN", ...fxList.map(f => f.type.toUpperCase()), "OUT"].map((s, i, arr) => (
-
-
{s}
- {i < arr.length - 1 &&
}
-
- ))}
+ {(() => {
+ const is4CM = state?.routing_mode === '4cm';
+ const bp = is4CM ? (state?.routing_breakpoint || 7) : -1;
+ const items = [];
+ // Build chain items array with connector metadata
+ items.push({ label: "IN", type: "io", idx: -1 });
+ fxList.forEach((f, idx) => {
+ if (is4CM && idx === bp) {
+ items.push({ label: null, type: "merge-bp", idx });
+ }
+ items.push({ label: f.type.toUpperCase(), type: "fx", idx, bypassed: f.bypassed });
+ if (is4CM && idx === bp - 1) {
+ items.push({ label: null, type: "split-bp", idx });
+ }
+ });
+ items.push({ label: "OUT", type: "io", idx: -1 });
+
+ return items.map((item, i) => {
+ if (item.type === 'split-bp') {
+ return (
+
+
+ 4CM
+
+
+ );
+ }
+ if (item.type === 'merge-bp') {
+ // Already rendered as part of the split-bp composite — skip
+ return null;
+ }
+ return (
+
+ {item.type === 'io' && (
+
{item.label}
+ )}
+ {item.type === 'fx' && (
+
{item.label}
+ )}
+ {/* Connector after this block */}
+ {i < items.length - 1 && items[i+1]?.type !== 'split-bp' && items[i]?.type !== 'merge-bp' && (
+
+ )}
+
+ );
+ });
+ })()}