From 1212e3915e97fe34f771df671fc7a8122bbec79d Mon Sep 17 00:00:00 2001 From: Shawn Date: Tue, 23 Jun 2026 20:11:11 -0400 Subject: [PATCH] Wire MetersPage into app with gate/compressor indicators - App.tsx: Import and render MetersPage when 'Meters' button toggled; add Meters button to header between Patch and PiPedal buttons - useMixerDaemon.ts: Add gateOpen and compressorReduction fields to MixerChannel interface - MetersPage.tsx: Add gate open/closed indicator (green/red G badge) and compressor gain reduction bar to ChannelMeterTile - MetersPage.css: Add gate indicator and compressor GR track styles --- frontend/dist/assets/index-B9JhTSIS.css | 1 - frontend/dist/assets/index-CXFxxBqa.js | 42 ++ frontend/dist/assets/index-CpkXACSZ.js | 42 -- frontend/dist/assets/index-DiLQLHHI.css | 1 + frontend/src/App.tsx | 383 ++++++++++++++- .../src/components/MetersPage/MetersPage.css | 446 ++++++++++++++++++ .../src/components/MetersPage/MetersPage.tsx | 288 +++++++++++ frontend/src/hooks/useMixerDaemon.ts | 141 ++++++ 8 files changed, 1290 insertions(+), 54 deletions(-) delete mode 100644 frontend/dist/assets/index-B9JhTSIS.css create mode 100644 frontend/dist/assets/index-CXFxxBqa.js delete mode 100644 frontend/dist/assets/index-CpkXACSZ.js create mode 100644 frontend/dist/assets/index-DiLQLHHI.css create mode 100644 frontend/src/components/MetersPage/MetersPage.css create mode 100644 frontend/src/components/MetersPage/MetersPage.tsx create mode 100644 frontend/src/hooks/useMixerDaemon.ts diff --git a/frontend/dist/assets/index-B9JhTSIS.css b/frontend/dist/assets/index-B9JhTSIS.css deleted file mode 100644 index e2329f0..0000000 --- a/frontend/dist/assets/index-B9JhTSIS.css +++ /dev/null @@ -1 +0,0 @@ -.patch-bay{background:var(--bg, #1a1a2e);border:1px solid var(--border, #2a2a4a);border-radius:var(--radius, 8px);overflow:hidden;display:flex;flex-direction:column}.patch-bay-header{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;background:var(--surface, #16213e);border-bottom:1px solid var(--border, #2a2a4a);gap:12px;flex-wrap:wrap}.patch-bay-title{display:flex;align-items:center;gap:8px;font-size:.95rem;font-weight:600;color:var(--text, #eaeaea)}.patch-icon{font-size:1rem}.patch-conn-count{font-size:.65rem;background:var(--accent, #e94560);color:#fff;padding:1px 6px;border-radius:8px;font-weight:600;min-width:18px;text-align:center}.patch-bay-actions{display:flex;align-items:center;gap:8px}.patch-armed-info{font-size:.72rem;color:var(--accent, #e94560);background:#e945601a;padding:3px 8px;border-radius:4px;white-space:nowrap}.patch-armed-info code{font-weight:600}.patch-action-state{font-size:.7rem;padding:3px 8px;border-radius:4px}.patch-action-state.connecting,.patch-action-state.disconnecting{color:var(--warning, #ff9800);background:#ff98001f}.patch-action-state.error{color:var(--error, #f44336);background:#f443361f}.patch-action-btn{display:flex;align-items:center;gap:4px;background:transparent;color:var(--text-dim, #9e9e9e);border:1px solid var(--border, #2a2a4a);padding:4px 10px;border-radius:var(--radius, 8px);cursor:pointer;font-size:.72rem;transition:all .15s}.patch-action-btn:hover:not(:disabled){border-color:var(--error, #f44336);color:var(--error, #f44336);background:#f4433614}.patch-action-btn:disabled{opacity:.4;cursor:default}.patch-refresh-btn{background:var(--surface-alt, #0f3460);color:var(--text, #eaeaea);border:1px solid var(--border, #2a2a4a);padding:4px 10px;border-radius:var(--radius, 8px);cursor:pointer;font-size:.85rem;transition:all .15s}.patch-refresh-btn:hover:not(:disabled){border-color:var(--accent, #e94560);background:#e945601a}.patch-refresh-btn:disabled{opacity:.4;cursor:default}.patch-bay-body{position:relative;display:flex;gap:0;padding:0;overflow-x:auto}.patch-column{display:flex;flex-direction:column;gap:2px;padding:8px 4px;z-index:2;min-width:240px;max-width:300px}.patch-column-left{padding-right:8px;border-right:1px solid var(--border, #2a2a4a)}.patch-column-right{padding-left:8px}.patch-group{margin-bottom:1px}.patch-group-header{display:flex;align-items:center;gap:6px;padding:4px 8px;font-size:.68rem;font-weight:600;text-transform:uppercase;letter-spacing:.8px;color:var(--text-dim, #9e9e9e);background:#ffffff05;border-radius:4px;height:28px}.patch-group-dot{width:6px;height:6px;border-radius:50%;background:var(--text-dim, #9e9e9e)}.patch-group-dot.physical{background:#4fc3f7}.patch-group-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.patch-port{display:flex;align-items:center;gap:6px;padding:5px 8px;height:32px;border-radius:4px;cursor:pointer;transition:all .12s;border-left:2px solid transparent;position:relative}.patch-port:hover{background:#ffffff0d}.patch-port.connected{border-left-color:var(--accent, #e94560);background:#e945600f}.patch-port.armed{border-left-color:#4fc3f7;background:#4fc3f71a;box-shadow:inset 0 0 0 1px #4fc3f74d}.patch-port.available{border-left-color:transparent}.patch-port.available:hover{border-left-color:var(--accent, #e94560);background:#e9456014}.patch-port-indicator{width:4px;height:4px;border-radius:50%;background:var(--accent, #e94560);flex-shrink:0}.patch-port-name{font-size:.78rem;color:var(--text, #eaeaea);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;font-family:SF Mono,Fira Code,Cascadia Code,monospace}.patch-port-name.physical{color:#4fc3f7}.patch-port-conn-count{font-size:.6rem;background:var(--accent, #e94560);color:#fff;padding:0 5px;border-radius:6px;font-weight:600;min-width:14px;text-align:center;flex-shrink:0}.patch-cables-svg{z-index:1;pointer-events:none}.patch-source-note{position:absolute;bottom:4px;right:8px;font-size:.6rem;color:var(--text-dim, #9e9e9e);opacity:.5;z-index:3}.patch-bay-error{display:flex;align-items:center;justify-content:space-between;padding:6px 12px;background:#f4433614;border-top:1px solid rgba(244,67,54,.2);font-size:.72rem;color:var(--error, #f44336)}.patch-bay-error.action{background:#f443361f}.patch-dismiss-btn{background:transparent;border:none;color:var(--error, #f44336);cursor:pointer;font-size:.85rem;padding:2px 6px;border-radius:4px}.patch-dismiss-btn:hover{background:#f4433626}.patch-bay-loading,.patch-bay-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 24px;text-align:center;color:var(--text-dim, #9e9e9e);gap:12px}.patch-empty-icon{font-size:2.5rem;opacity:.5}.patch-bay-empty h3{font-size:1rem;color:var(--text, #eaeaea)}.patch-bay-empty p{font-size:.82rem;max-width:400px;line-height:1.5}.patch-empty-note{font-size:.72rem;opacity:.6}.patch-spinner{width:24px;height:24px;border:2px solid var(--border, #2a2a4a);border-top-color:var(--accent, #e94560);border-radius:50%;animation:patch-spin .8s linear infinite}@keyframes patch-spin{to{transform:rotate(360deg)}}.mixer-patch-btn{display:flex;align-items:center;gap:6px;background:var(--surface-alt, #0f3460);color:var(--text, #eaeaea);border:1px solid var(--border, #2a2a4a);padding:6px 12px;border-radius:var(--radius, 8px);cursor:pointer;font-size:.8rem;font-weight:500;transition:all .2s}.mixer-patch-btn:hover{border-color:var(--accent, #e94560);background:#e945601a}.mixer-patch-btn.active{border-color:var(--accent, #e94560);background:#e9456026;color:var(--accent, #e94560)}.mixer-patch-pane{width:100%;padding:12px;overflow-y:auto}.level-meter{display:flex;flex-direction:column;align-items:center;gap:2px;--meter-green: #4caf50;--meter-yellow: #ff9800;--meter-red: #f44336}.level-meter.mini{gap:1px}.level-meter-stereo-pair{display:flex;gap:2px;flex:1}.level-meter-channel{display:flex;flex-direction:column;align-items:center;gap:1px;width:14px}.level-meter-channel.mini{width:8px}.level-meter-side-label{font-size:.55rem;color:var(--text-dim);font-weight:700;text-transform:uppercase;letter-spacing:.5px}.level-meter-bar-track{position:relative;width:100%;flex:1;min-height:60px;background:#00000080;border-radius:2px;border:1px solid var(--border);overflow:hidden}.level-meter.mini .level-meter-bar-track{min-height:30px}.level-meter-bar-fill{position:absolute;bottom:0;left:0;right:0;transition:height .05s linear;border-radius:1px}.level-meter-peak{position:absolute;left:0;right:0;height:2px;background:#fff;border-radius:1px;transition:bottom .15s ease-out;z-index:2}.level-meter-tick{position:absolute;left:0;right:0;height:1px;background:#ffffff26;z-index:1}.level-meter-tick.mark-yellow{background:#ff98004d}.level-meter-tick.mark-green{background:#4caf5033}.level-meter-label{font-size:.6rem;color:var(--text-dim);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:60px}.level-meter-db-values{display:flex;gap:4px;font-size:.6rem;font-family:monospace;color:var(--text-dim)}.level-meter-db-values .hot{color:var(--meter-red);font-weight:700}.rotary-knob{display:flex;flex-direction:column;align-items:center;gap:2px;user-select:none;-webkit-user-select:none;touch-action:none}.rotary-knob-svg{display:block;cursor:grab;border-radius:50%;transition:filter .15s;outline:none}.rotary-knob-svg:hover{filter:brightness(1.15)}.rotary-knob-svg:focus-visible{outline:2px solid var(--knob-accent, var(--accent, #e94560));outline-offset:2px}.rotary-knob-svg.dragging{cursor:grabbing;filter:brightness(1.25)}.rotary-knob-track{stroke:var(--knob-track, var(--border, #2a2a4a));opacity:.5}.rotary-knob-fill{stroke:var(--knob-accent, var(--accent, #e94560));filter:drop-shadow(0 0 2px var(--knob-accent, var(--accent, #e94560)));transition:d .08s ease-out}.rotary-knob-body{stroke:var(--knob-track, var(--border, #2a2a4a));stroke-width:.5;fill:var(--knob-bg, #1e2a4a)}.rotary-knob-needle{stroke:var(--knob-accent, var(--accent, #e94560));stroke-width:2;stroke-linecap:round;transition:transform .08s ease-out}.rotary-knob-centre{fill:var(--knob-accent, var(--accent, #e94560));opacity:.8}.rotary-knob-label{font-size:.5rem;font-weight:600;color:var(--text-dim, #9e9e9e);text-transform:uppercase;letter-spacing:.5px;line-height:1;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.rotary-knob-readout{font-size:.55rem;font-family:Cooper Hewitt,SF Mono,Fira Code,monospace;color:var(--text, #eaeaea);text-align:center;line-height:1;white-space:nowrap}.channel-strip{display:flex;flex-direction:column;align-items:center;gap:6px;padding:8px 6px;background:var(--surface, #16213e);border:1px solid var(--border, #2a2a4a);border-top:3px solid var(--channel-accent, #666);border-radius:var(--radius, 8px);min-width:90px;max-width:110px;transition:border-top-color .3s,box-shadow .2s}.channel-strip:hover{box-shadow:0 2px 12px #0000004d}.channel-header{display:flex;flex-direction:column;align-items:center;gap:3px;width:100%}.channel-label{font-size:.7rem;font-weight:600;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;color:var(--text, #eaeaea);cursor:pointer;padding:1px 4px;border-radius:3px;transition:background .15s}.channel-label:hover{background:#ffffff14}.channel-label-input{font-size:.7rem;font-weight:600;text-align:center;width:100%;padding:1px 4px;background:var(--bg, #1a1a2e);color:var(--text, #eaeaea);border:1px solid var(--channel-accent, #666);border-radius:3px;outline:none}.channel-type-badge{display:inline-flex;align-items:center;gap:3px;padding:1px 6px;border-radius:3px;border:1px solid;font-size:.55rem;font-weight:600;letter-spacing:.3px;white-space:nowrap;-webkit-user-select:none;user-select:none;line-height:1.3}.channel-type-icon{font-size:.75em;line-height:1}.channel-type-name{line-height:1}.channel-hpf-section{display:flex;align-items:center;gap:3px;width:100%;min-height:22px}.channel-hpf-toggle{flex-shrink:0;width:32px;height:18px;border:1px solid var(--border, #2a2a4a);border-radius:3px;font-size:.5rem;font-weight:700;cursor:pointer;transition:all .15s;background:var(--bg, #1a1a2e);color:var(--text-dim, #9e9e9e);-webkit-user-select:none;user-select:none;line-height:1;padding:0}.channel-hpf-toggle.active{background:var(--channel-accent, #666);color:#fff;border-color:var(--channel-accent, #666)}.channel-hpf-toggle:hover{opacity:.85}.channel-hpf-slider-group{display:flex;align-items:center;gap:2px;flex:1;min-width:0}.channel-hpf-slider{flex:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:3px;background:var(--border, #2a2a4a);border-radius:2px;outline:none;cursor:pointer;min-width:0}.channel-hpf-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:8px;height:10px;border-radius:1px;background:var(--channel-accent, #666);border:1px solid rgba(255,255,255,.3);cursor:pointer}.channel-hpf-slider::-moz-range-thumb{width:8px;height:10px;border-radius:1px;background:var(--channel-accent, #666);border:1px solid rgba(255,255,255,.3);cursor:pointer}.channel-hpf-readout{font-size:.5rem;font-family:monospace;color:var(--text-dim, #9e9e9e);min-width:24px;text-align:right;flex-shrink:0}.channel-meter-section{width:100%;display:flex;justify-content:center;flex:1;min-height:50px}.channel-mute-solo{display:flex;gap:3px;width:100%;justify-content:center}.channel-btn{width:28px;height:22px;border:1px solid var(--border, #2a2a4a);border-radius:3px;font-size:.65rem;font-weight:700;cursor:pointer;transition:all .15s;background:var(--bg, #1a1a2e);color:var(--text-dim, #9e9e9e);-webkit-user-select:none;user-select:none;line-height:1;padding:0}.channel-btn.mute.active{background:var(--error, #f44336);color:#fff;border-color:var(--error, #f44336)}.channel-btn.solo.active{background:var(--warning, #ff9800);color:#000;border-color:var(--warning, #ff9800)}.channel-btn:hover{opacity:.85}.channel-pan{width:100%;display:flex;flex-direction:column;align-items:center;gap:2px}.channel-pan-label{font-size:.55rem;text-transform:uppercase;color:var(--text-dim, #9e9e9e);letter-spacing:.5px}.channel-pan-control{display:flex;align-items:center;gap:3px;width:100%}.channel-pan-slider{flex:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:4px;background:var(--border, #2a2a4a);border-radius:2px;outline:none;cursor:pointer}.channel-pan-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:10px;height:10px;border-radius:50%;background:var(--channel-accent, #666);border:1px solid rgba(255,255,255,.3);cursor:pointer}.channel-pan-slider::-moz-range-thumb{width:10px;height:10px;border-radius:50%;background:var(--channel-accent, #666);border:1px solid rgba(255,255,255,.3);cursor:pointer}.channel-pan-value{font-size:.55rem;font-family:monospace;color:var(--text-dim, #9e9e9e);min-width:22px;text-align:center}.channel-fader-section{display:flex;flex-direction:column;align-items:center;gap:4px;width:100%;padding:4px 0}.channel-type-selector{width:100%}.channel-type-select{width:100%;padding:2px 4px;background:var(--bg, #1a1a2e);color:var(--text, #eaeaea);border:1px solid var(--border, #2a2a4a);border-radius:3px;font-size:.55rem;cursor:pointer;outline:none}.channel-type-select:focus{border-color:var(--channel-accent, #666)}.channel-type-select option{background:var(--bg, #1a1a2e);color:var(--text, #eaeaea)}.bus-strip{display:flex;flex-direction:column;gap:8px;padding:12px;background:var(--surface, #16213e);border:1px solid var(--border, #2a2a4a);border-radius:var(--radius, 8px)}.bus-master-section{display:flex;align-items:center;gap:12px;padding-bottom:8px}.bus-master-header{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:50px}.bus-master-label{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--text, #eaeaea)}.bus-master-meter{flex:1;max-width:60px}.bus-master-fader{flex:1;max-width:120px}.bus-btn{width:24px;height:20px;border:1px solid var(--border, #2a2a4a);border-radius:3px;font-size:.6rem;font-weight:700;cursor:pointer;transition:all .15s;background:var(--bg, #1a1a2e);color:var(--text-dim, #9e9e9e);-webkit-user-select:none;user-select:none;line-height:1;text-align:center}.bus-btn.mute.active{background:var(--error, #f44336);color:#fff;border-color:var(--error, #f44336)}.bus-btn.mini{width:18px;height:16px;font-size:.5rem}.bus-btn:hover{opacity:.85}.bus-divider{height:1px;background:var(--border, #2a2a4a);margin:0 -4px}.bus-channels{display:flex;gap:6px;overflow-x:auto;padding-bottom:4px}.bus-channel{display:flex;flex-direction:column;align-items:center;gap:3px;min-width:36px;max-width:44px;padding:6px 4px;background:var(--bg, #1a1a2e);border-radius:4px;border:1px solid var(--border, #2a2a4a);flex-shrink:0}.bus-channel-label{font-size:.55rem;font-weight:700;color:var(--text-dim, #9e9e9e);text-align:center}.bus-channel-meter{width:100%;height:30px;display:flex;justify-content:center}.bus-channel-fader{width:100%}.bus-channel-db{font-size:.45rem;font-family:monospace;color:var(--text-dim, #9e9e9e);text-align:center}.bus-fader{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:6px;background:var(--border, #2a2a4a);border-radius:3px;outline:none;cursor:pointer;border:none}.bus-fader::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:12px;height:14px;background:#e94560;border:1px solid rgba(255,255,255,.3);border-radius:2px;cursor:pointer}.bus-fader::-moz-range-thumb{width:12px;height:14px;background:#e94560;border:1px solid rgba(255,255,255,.3);border-radius:2px;cursor:pointer}.bus-fader.mini{height:4px}.bus-fader.mini::-webkit-slider-thumb{width:8px;height:10px}.bus-fader.mini::-moz-range-thumb{width:8px;height:10px}.bus-channel-route{width:100%;padding:1px 2px;background:var(--bg, #1a1a2e);color:var(--text, #eaeaea);border:1px solid var(--border, #2a2a4a);border-radius:3px;font-size:.5rem;font-weight:600;cursor:pointer;outline:none;text-align:center;text-align-last:center;-moz-text-align-last:center;min-height:16px;max-height:18px}.bus-channel-route:focus{border-color:var(--accent, #e94560)}.bus-channel-route option{background:var(--bg, #1a1a2e);color:var(--text, #eaeaea);font-size:.55rem}.master-bus{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 10px;background:var(--surface, #16213e);border:1px solid var(--border, #2a2a4a);border-top:3px solid #a770e4;border-radius:var(--radius, 8px);min-width:90px;max-width:110px;position:relative;transition:border-top-color .3s,opacity .2s}.master-bus:hover{box-shadow:0 2px 16px #a770e426}.master-bus.muted{opacity:.6}.master-bus-header{display:flex;flex-direction:column;align-items:center;gap:2px;width:100%}.master-bus-label{font-size:.75rem;font-weight:700;text-align:center;color:var(--text, #eaeaea);text-transform:uppercase;letter-spacing:.5px}.master-bus-type{font-size:.55rem;text-transform:uppercase;letter-spacing:1px;color:#a770e4;font-weight:600}.master-bus-meters{width:100%;display:flex;justify-content:center;min-height:70px}.master-bus-controls{display:flex;gap:3px;width:100%;justify-content:center}.master-bus-btn{width:32px;height:24px;border:1px solid var(--border, #2a2a4a);border-radius:3px;font-size:.65rem;font-weight:700;cursor:pointer;transition:all .15s;background:var(--bg, #1a1a2e);color:var(--text-dim, #9e9e9e);-webkit-user-select:none;user-select:none;line-height:1}.master-bus-btn.mute.active{background:var(--error, #f44336);color:#fff;border-color:var(--error, #f44336)}.master-bus-btn:hover{opacity:.85}.master-bus-fader-section{display:flex;flex-direction:column;align-items:center;gap:3px;width:100%}.master-bus-fader{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:110px;background:linear-gradient(to top,var(--bg, #1a1a2e) 0%,#a770e4 75%,#c084fc 85%,#e94560 95%,#f44336 100%);border-radius:4px;outline:none;cursor:pointer;border:1px solid var(--border, #2a2a4a);writing-mode:vertical-lr;direction:rtl}.master-bus-fader::-webkit-slider-runnable-track{height:110px;border-radius:3px}.master-bus-fader::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:14px;background:#a770e4;border:1px solid rgba(255,255,255,.4);border-radius:2px;cursor:pointer;box-shadow:0 1px 4px #00000080;margin-left:-4px}.master-bus-fader::-moz-range-track{height:110px;border-radius:3px}.master-bus-fader::-moz-range-thumb{width:20px;height:14px;background:#a770e4;border:1px solid rgba(255,255,255,.4);border-radius:2px;cursor:pointer;box-shadow:0 1px 4px #00000080}.master-bus-fader-readout{font-size:.6rem;font-family:monospace;color:var(--text-dim, #9e9e9e);text-align:center;min-height:1em}.master-bus-db-values{display:flex;gap:4px;font-size:.6rem;font-family:monospace;color:var(--text-dim, #9e9e9e)}.master-bus-db-values .hot{color:var(--meter-red, #f44336);font-weight:700}.scene-manager-overlay{position:fixed;top:0;right:0;width:360px;height:100vh;background:var(--surface, #16213e);border-left:1px solid var(--border, #2a2a4a);z-index:200;display:flex;flex-direction:column;box-shadow:-4px 0 20px #0006;animation:scene-slide-in .2s ease-out}@keyframes scene-slide-in{0%{transform:translate(100%)}to{transform:translate(0)}}.scene-manager-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--border, #2a2a4a)}.scene-manager-header h2{font-size:1rem;font-weight:600;color:var(--text, #eaeaea);margin:0}.scene-manager-count{font-size:.7rem;background:var(--surface-alt, #0f3460);color:var(--text-dim, #9e9e9e);padding:1px 7px;border-radius:10px;margin-left:8px}.scene-close-btn{background:transparent;border:none;color:var(--text-dim, #9e9e9e);font-size:1.2rem;cursor:pointer;padding:4px 8px;border-radius:4px;line-height:1}.scene-close-btn:hover{background:#ffffff14;color:var(--text, #eaeaea)}.scene-list{flex:1;overflow-y:auto;padding:8px}.scene-list-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center;color:var(--text-dim, #9e9e9e);font-size:.85rem;gap:8px}.scene-list-loading{display:flex;align-items:center;justify-content:center;padding:40px;color:var(--text-dim, #9e9e9e);font-size:.85rem}.scene-card{background:var(--bg, #1a1a2e);border-radius:var(--radius, 8px);margin-bottom:8px;border:1px solid var(--border, #2a2a4a);overflow:hidden;transition:border-color .2s}.scene-card:hover{border-color:var(--accent, #e94560)}.scene-card-content{display:flex;align-items:center;padding:10px 12px;gap:10px;cursor:pointer}.scene-card-content:hover{background:#e945600a}.scene-card-name{flex:1;font-size:.9rem;font-weight:500;color:var(--text, #eaeaea);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.scene-card-midi{font-size:.65rem;color:var(--text-dim, #9e9e9e);background:var(--surface-alt, #0f3460);padding:2px 6px;border-radius:4px;font-weight:500}.scene-card-actions{display:flex;gap:4px}.scene-card-btn{background:transparent;border:none;color:var(--text-dim, #9e9e9e);padding:4px 8px;border-radius:4px;cursor:pointer;font-size:.75rem;transition:all .15s}.scene-card-btn:hover{background:#ffffff14;color:var(--text, #eaeaea)}.scene-card-btn.delete:hover{background:#f4433626;color:var(--error, #f44336)}.scene-card-btn.load:hover{background:#4caf5026;color:var(--success, #4caf50)}.scene-card-btn.recall{font-weight:600}.scene-card-btn.recall:hover{background:#e9456026;color:var(--accent, #e94560)}.scene-save-form{padding:12px 16px;border-top:1px solid var(--border, #2a2a4a);display:flex;flex-direction:column;gap:8px}.scene-save-row{display:flex;gap:8px;align-items:center}.scene-name-input{flex:1;background:var(--bg, #1a1a2e);border:1px solid var(--border, #2a2a4a);border-radius:6px;padding:8px 10px;color:var(--text, #eaeaea);font-size:.85rem;outline:none;transition:border-color .2s}.scene-name-input:focus{border-color:var(--accent, #e94560)}.scene-name-input::placeholder{color:var(--text-dim, #9e9e9e)}.scene-save-btn{background:var(--accent, #e94560);color:#fff;border:none;padding:8px 16px;border-radius:6px;cursor:pointer;font-size:.8rem;font-weight:500;white-space:nowrap;transition:opacity .15s}.scene-save-btn:hover{opacity:.85}.scene-save-btn:disabled{opacity:.4;cursor:not-allowed}.scene-midi-input-group{display:flex;align-items:center;gap:6px}.scene-midi-label{font-size:.7rem;color:var(--text-dim, #9e9e9e);white-space:nowrap}.scene-midi-input{width:48px;background:var(--bg, #1a1a2e);border:1px solid var(--border, #2a2a4a);border-radius:4px;padding:4px 6px;color:var(--text, #eaeaea);font-size:.8rem;text-align:center;outline:none}.scene-midi-input:focus{border-color:var(--accent, #e94560)}.scene-error{padding:8px 16px;background:#f443361a;color:var(--error, #f44336);font-size:.75rem;border-top:1px solid rgba(244,67,54,.2)}.scene-confirm-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:300;display:flex;align-items:center;justify-content:center}.scene-confirm-dialog{background:var(--surface, #16213e);border:1px solid var(--border, #2a2a4a);border-radius:var(--radius, 8px);padding:20px 24px;max-width:320px;box-shadow:0 8px 32px #0006}.scene-confirm-dialog p{font-size:.9rem;color:var(--text, #eaeaea);margin-bottom:16px;line-height:1.4}.scene-confirm-actions{display:flex;gap:8px;justify-content:flex-end}.scene-confirm-cancel{background:transparent;border:1px solid var(--border, #2a2a4a);color:var(--text-dim, #9e9e9e);padding:6px 14px;border-radius:6px;cursor:pointer;font-size:.8rem}.scene-confirm-cancel:hover{background:#ffffff0d}.scene-confirm-delete{background:var(--error, #f44336);border:none;color:#fff;padding:6px 14px;border-radius:6px;cursor:pointer;font-size:.8rem;font-weight:500}.scene-confirm-delete:hover{opacity:.85}.scene-recalling{opacity:.6;pointer-events:none}.scene-recalled-flash{animation:scene-flash .6s ease-out}@keyframes scene-flash{0%{border-color:var(--success, #4caf50);box-shadow:0 0 8px #4caf504d}to{border-color:var(--border, #2a2a4a);box-shadow:none}}.fx-insert-panel{display:flex;flex-direction:column;gap:4px;width:100%;border-top:1px solid var(--border, #2a2a4a);padding-top:4px;margin-top:2px}.fx-insert-panel-header{display:flex;align-items:center;justify-content:space-between}.fx-insert-panel-title{font-size:.5rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--text-dim, #9e9e9e)}.fx-insert-add-btn{background:transparent;border:1px solid var(--border, #2a2a4a);color:var(--text-dim, #9e9e9e);font-size:.5rem;padding:1px 6px;border-radius:3px;cursor:pointer;transition:all .15s;line-height:1.4}.fx-insert-add-btn:hover{border-color:var(--accent, #e94560);color:var(--accent, #e94560)}.fx-insert-add-btn.ghost{width:100%;border-style:dashed;border-color:var(--border, #2a2a4a);opacity:.6;padding:4px 8px;font-size:.55rem}.fx-insert-add-btn.ghost:hover{opacity:1;border-color:var(--accent, #e94560);color:var(--accent, #e94560)}.fx-insert-slots{display:flex;flex-direction:column;gap:3px}.fx-insert-slot{display:flex;flex-direction:column;gap:2px;padding:3px 4px;background:#00000026;border-radius:3px;border-left:2px solid var(--fx-accent, #666);transition:opacity .2s}.fx-insert-slot.bypassed{opacity:.45;border-left-color:var(--border, #2a2a4a)}.fx-insert-header{display:flex;align-items:center;gap:4px;width:100%}.fx-insert-bypass-btn{flex-shrink:0;width:24px;height:14px;border-radius:2px;border:1px solid var(--border, #2a2a4a);background:var(--bg, #1a1a2e);color:var(--text-dim, #9e9e9e);font-size:.45rem;font-weight:700;text-align:center;line-height:14px;cursor:pointer;transition:all .15s;-webkit-user-select:none;user-select:none}.fx-insert-bypass-btn.active{background:var(--success, #4caf50);color:#fff;border-color:var(--success, #4caf50)}.fx-insert-bypass-btn:hover{opacity:.85}.fx-insert-name{flex:1;font-size:.5rem;color:var(--text, #eaeaea);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2}.fx-insert-remove{flex-shrink:0;width:14px;height:14px;border:none;background:transparent;color:var(--text-dim, #9e9e9e);font-size:.7rem;line-height:1;cursor:pointer;padding:0;border-radius:2px;transition:all .15s;display:flex;align-items:center;justify-content:center}.fx-insert-remove:hover{background:var(--error, #f44336);color:#fff}.fx-insert-wetdry{display:flex;align-items:center;gap:3px;width:100%}.fx-insert-wetdry-label{font-size:.45rem;color:var(--text-dim, #9e9e9e);flex-shrink:0;min-width:16px}.fx-insert-wetdry-slider{flex:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:3px;background:var(--border, #2a2a4a);border-radius:2px;outline:none;cursor:pointer;min-width:0}.fx-insert-wetdry-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:7px;height:7px;border-radius:50%;background:var(--fx-accent, #666);border:1px solid rgba(255,255,255,.3);cursor:pointer}.fx-insert-wetdry-slider::-moz-range-thumb{width:7px;height:7px;border-radius:50%;background:var(--fx-accent, #666);border:1px solid rgba(255,255,255,.3);cursor:pointer}.fx-insert-wetdry-readout{font-size:.45rem;font-family:monospace;color:var(--text-dim, #9e9e9e);min-width:22px;text-align:right;flex-shrink:0}.fx-insert-empty{display:flex;width:100%}.fx-insert-add-form{display:flex;flex-direction:column;gap:4px;padding:4px;background:#0003;border-radius:3px}.fx-insert-plugin-select{width:100%;padding:2px 4px;background:var(--bg, #1a1a2e);color:var(--text, #eaeaea);border:1px solid var(--border, #2a2a4a);border-radius:3px;font-size:.5rem;cursor:pointer;outline:none}.fx-insert-plugin-select option{background:var(--bg, #1a1a2e);color:var(--text, #eaeaea)}.fx-insert-plugin-info{font-size:.45rem;color:var(--text-dim, #9e9e9e)}.fx-insert-add-actions{display:flex;gap:4px}.fx-insert-confirm-btn{flex:1;padding:2px 6px;background:var(--accent, #e94560);color:#fff;border:none;border-radius:3px;font-size:.5rem;cursor:pointer;font-weight:600}.fx-insert-confirm-btn:disabled{opacity:.4;cursor:default}.fx-insert-cancel-btn{flex:1;padding:2px 6px;background:transparent;color:var(--text-dim, #9e9e9e);border:1px solid var(--border, #2a2a4a);border-radius:3px;font-size:.5rem;cursor:pointer}.mixer-page{display:flex;flex-direction:column;min-height:100vh;background:var(--bg, #1a1a2e);max-width:100%!important}.mixer-header{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;background:var(--surface, #16213e);border-bottom:1px solid var(--border, #2a2a4a);gap:12px;flex-wrap:wrap;position:sticky;top:0;z-index:100}.mixer-header-left{display:flex;align-items:center;gap:16px}.mixer-title{font-size:1.1rem;font-weight:700;color:var(--text, #eaeaea);letter-spacing:.3px}.mixer-header-center{display:flex;align-items:center;gap:12px}.mixer-pedalboard-name{font-size:.8rem;color:var(--accent, #e94560);background:#e945601a;padding:3px 10px;border-radius:var(--radius, 8px)}.mixer-ws-indicator{font-size:.7rem;padding:3px 8px;border-radius:4px;font-weight:500}.mixer-ws-indicator.ready{color:var(--success, #4caf50);background:#4caf501f}.mixer-ws-indicator.pending{color:var(--warning, #ff9800);background:#ff98001f}.mixer-header-right{display:flex;align-items:center;gap:12px}.mixer-update-time{font-size:.7rem;color:var(--text-dim, #9e9e9e)}.mixer-refresh-btn{background:var(--accent, #e94560);color:#fff;border:none;padding:6px 14px;border-radius:var(--radius, 8px);cursor:pointer;font-size:.8rem;font-weight:500;transition:opacity .2s}.mixer-refresh-btn:hover{opacity:.85}.mixer-refresh-btn.large{padding:10px 24px;font-size:.95rem;margin-top:16px}.mixer-scenes-btn{display:flex;align-items:center;gap:6px;background:var(--surface-alt, #0f3460);color:var(--text, #eaeaea);border:1px solid var(--border, #2a2a4a);padding:6px 12px;border-radius:var(--radius, 8px);cursor:pointer;font-size:.8rem;font-weight:500;transition:all .2s}.mixer-scenes-btn:hover{border-color:var(--accent, #e94560);background:#e945601a}.mixer-scenes-btn.active{border-color:var(--accent, #e94560);background:#e9456026;color:var(--accent, #e94560)}.mixer-scenes-count{font-size:.65rem;background:var(--accent, #e94560);color:#fff;padding:1px 6px;border-radius:8px;font-weight:600}.mixer-content{flex:1;padding:20px;display:flex;flex-direction:column;gap:24px}.mixer-section-header{display:flex;align-items:center;gap:8px;margin-bottom:4px}.mixer-section-header h2{font-size:.95rem;font-weight:600;color:var(--text, #eaeaea)}.mixer-count{font-size:.7rem;background:var(--surface-alt, #0f3460);color:var(--text-dim, #9e9e9e);padding:1px 7px;border-radius:10px}.mixer-channels-grid{display:flex;gap:10px;overflow-x:auto;padding-bottom:8px}.mixer-add-channel{display:flex;align-items:center}.mixer-add-btn{width:40px;height:40px;border-radius:50%;border:2px dashed var(--border, #2a2a4a);background:transparent;color:var(--text-dim, #9e9e9e);font-size:1.3rem;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.mixer-add-btn:hover{border-color:var(--accent, #e94560);color:var(--accent, #e94560);background:#e9456014}.mixer-buses-grid{display:flex;flex-direction:column;gap:10px}.mixer-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 24px;text-align:center;color:var(--text-dim, #9e9e9e);flex:1}.mixer-empty-icon{font-size:3rem;margin-bottom:16px;opacity:.6}.mixer-empty h2{font-size:1.2rem;color:var(--text, #eaeaea);margin-bottom:8px}.mixer-empty p{font-size:.9rem;max-width:400px;line-height:1.5;margin-bottom:4px}.mixer-empty-hint{font-size:.8rem!important;opacity:.7;margin-top:8px!important}.mixer-content-split{display:flex;flex-direction:row;gap:0;padding:0;height:calc(100vh - 60px);overflow:hidden}.mixer-content-split .mixer-content-main{flex:1;overflow-y:auto;padding:20px;border-right:1px solid var(--border, #2a2a4a)}.mixer-pipedal-pane{flex:1;display:flex;flex-direction:column;background:var(--bg, #1a1a2e);min-width:400px}.mixer-pipedal-iframe{width:100%;height:100%;border:none;background:#fff}.mixer-pipedal-btn{display:flex;align-items:center;gap:6px;background:var(--surface-alt, #0f3460);color:var(--text, #eaeaea);border:1px solid var(--border, #2a2a4a);padding:6px 12px;border-radius:var(--radius, 8px);cursor:pointer;font-size:.8rem;font-weight:500;transition:all .2s}.mixer-pipedal-btn:hover{border-color:var(--accent, #e94560);background:#e945601a}.mixer-pipedal-btn.active{border-color:var(--accent, #e94560);background:#e9456026;color:var(--accent, #e94560)}.mixer-master-section{margin-top:12px;padding-top:12px;border-top:1px solid var(--border, #2a2a4a)}.mixer-master-layout{display:flex;gap:10px;justify-content:flex-start}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #1a1a2e;--surface: #16213e;--surface-alt: #0f3460;--accent: #e94560;--text: #eaeaea;--text-dim: #9e9e9e;--border: #2a2a4a;--success: #4caf50;--warning: #ff9800;--error: #f44336;--radius: 8px}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background:var(--bg);color:var(--text);line-height:1.5;min-height:100vh}.app{display:flex;flex-direction:column;min-height:100vh}.connection-status{display:flex;flex-direction:column;gap:4px}.status-indicator{display:flex;align-items:center;gap:8px}.status-dot{width:10px;height:10px;border-radius:50%;display:inline-block}.status-label{font-size:.85rem;color:var(--text-dim)}.status-error{display:flex;align-items:center;gap:8px;font-size:.8rem;color:var(--error)}.retry-btn{background:transparent;border:1px solid var(--error);color:var(--error);padding:2px 8px;border-radius:4px;cursor:pointer;font-size:.75rem}.retry-btn:hover{background:var(--error);color:#fff}.app-footer{display:flex;justify-content:space-between;padding:12px 24px;background:var(--surface);border-top:1px solid var(--border);font-size:.75rem;color:var(--text-dim)} diff --git a/frontend/dist/assets/index-CXFxxBqa.js b/frontend/dist/assets/index-CXFxxBqa.js new file mode 100644 index 0000000..27a51dc --- /dev/null +++ b/frontend/dist/assets/index-CXFxxBqa.js @@ -0,0 +1,42 @@ +(function(){const t=document.createElement("link").relList;if(t&&t.supports&&t.supports("modulepreload"))return;for(const l of document.querySelectorAll('link[rel="modulepreload"]'))r(l);new MutationObserver(l=>{for(const o of l)if(o.type==="childList")for(const s of o.addedNodes)s.tagName==="LINK"&&s.rel==="modulepreload"&&r(s)}).observe(document,{childList:!0,subtree:!0});function n(l){const o={};return l.integrity&&(o.integrity=l.integrity),l.referrerPolicy&&(o.referrerPolicy=l.referrerPolicy),l.crossOrigin==="use-credentials"?o.credentials="include":l.crossOrigin==="anonymous"?o.credentials="omit":o.credentials="same-origin",o}function r(l){if(l.ep)return;l.ep=!0;const o=n(l);fetch(l.href,o)}})();function vc(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var nu={exports:{}},pl={},ru={exports:{}},I={};/** + * @license React + * react.production.min.js + * + * Copyright (c) Facebook, Inc. and its affiliates. + * + * This source code is licensed under the MIT license found in the + * LICENSE file in the root directory of this source tree. + */var ur=Symbol.for("react.element"),yc=Symbol.for("react.portal"),gc=Symbol.for("react.fragment"),xc=Symbol.for("react.strict_mode"),wc=Symbol.for("react.profiler"),kc=Symbol.for("react.provider"),Sc=Symbol.for("react.context"),Nc=Symbol.for("react.forward_ref"),Cc=Symbol.for("react.suspense"),Ec=Symbol.for("react.memo"),jc=Symbol.for("react.lazy"),Ws=Symbol.iterator;function Pc(e){return e===null||typeof e!="object"?null:(e=Ws&&e[Ws]||e["@@iterator"],typeof e=="function"?e:null)}var lu={isMounted:function(){return!1},enqueueForceUpdate:function(){},enqueueReplaceState:function(){},enqueueSetState:function(){}},ou=Object.assign,su={};function yn(e,t,n){this.props=e,this.context=t,this.refs=su,this.updater=n||lu}yn.prototype.isReactComponent={};yn.prototype.setState=function(e,t){if(typeof e!="object"&&typeof e!="function"&&e!=null)throw Error("setState(...): takes an object of state variables to update or a function which returns an object of state variables.");this.updater.enqueueSetState(this,e,t,"setState")};yn.prototype.forceUpdate=function(e){this.updater.enqueueForceUpdate(this,e,"forceUpdate")};function iu(){}iu.prototype=yn.prototype;function Jo(e,t,n){this.props=e,this.context=t,this.refs=su,this.updater=n||lu}var Zo=Jo.prototype=new iu;Zo.constructor=Jo;ou(Zo,yn.prototype);Zo.isPureReactComponent=!0;var Qs=Array.isArray,uu=Object.prototype.hasOwnProperty,qo={current:null},au={key:!0,ref:!0,__self:!0,__source:!0};function cu(e,t,n){var r,l={},o=null,s=null;if(t!=null)for(r in t.ref!==void 0&&(s=t.ref),t.key!==void 0&&(o=""+t.key),t)uu.call(t,r)&&!au.hasOwnProperty(r)&&(l[r]=t[r]);var i=arguments.length-2;if(i===1)l.children=n;else if(1>>1,b=C[Q];if(0>>1;Ql(M,O))Kl(Bt,M)?(C[Q]=Bt,C[K]=O,Q=K):(C[Q]=M,C[Xe]=O,Q=Xe);else if(Kl(Bt,O))C[Q]=Bt,C[K]=O,Q=K;else break e}}return z}function l(C,z){var O=C.sortIndex-z.sortIndex;return O!==0?O:C.id-z.id}if(typeof performance=="object"&&typeof performance.now=="function"){var o=performance;e.unstable_now=function(){return o.now()}}else{var s=Date,i=s.now();e.unstable_now=function(){return s.now()-i}}var u=[],d=[],y=1,p=null,c=3,v=!1,g=!1,k=!1,D=typeof setTimeout=="function"?setTimeout:null,m=typeof clearTimeout=="function"?clearTimeout:null,f=typeof setImmediate<"u"?setImmediate:null;typeof navigator<"u"&&navigator.scheduling!==void 0&&navigator.scheduling.isInputPending!==void 0&&navigator.scheduling.isInputPending.bind(navigator.scheduling);function h(C){for(var z=n(d);z!==null;){if(z.callback===null)r(d);else if(z.startTime<=C)r(d),z.sortIndex=z.expirationTime,t(u,z);else break;z=n(d)}}function x(C){if(k=!1,h(C),!g)if(n(u)!==null)g=!0,q(S);else{var z=n(d);z!==null&&Ve(x,z.startTime-C)}}function S(C,z){g=!1,k&&(k=!1,m(_),_=-1),v=!0;var O=c;try{for(h(z),p=n(u);p!==null&&(!(p.expirationTime>z)||C&&!L());){var Q=p.callback;if(typeof Q=="function"){p.callback=null,c=p.priorityLevel;var b=Q(p.expirationTime<=z);z=e.unstable_now(),typeof b=="function"?p.callback=b:p===n(u)&&r(u),h(z)}else r(u);p=n(u)}if(p!==null)var Ht=!0;else{var Xe=n(d);Xe!==null&&Ve(x,Xe.startTime-z),Ht=!1}return Ht}finally{p=null,c=O,v=!1}}var P=!1,E=null,_=-1,H=5,R=-1;function L(){return!(e.unstable_now()-RC||125Q?(C.sortIndex=O,t(d,C),n(u)===null&&C===n(d)&&(k?(m(_),_=-1):k=!0,Ve(x,O-Q))):(C.sortIndex=b,t(u,C),g||v||(g=!0,q(S))),C},e.unstable_shouldYield=L,e.unstable_wrapCallback=function(C){var z=c;return function(){var O=c;c=z;try{return C.apply(this,arguments)}finally{c=O}}}})(vu);hu.exports=vu;var Fc=hu.exports;/** + * @license React + * react-dom.production.min.js + * + * Copyright (c) Facebook, Inc. and its affiliates. + * + * This source code is licensed under the MIT license found in the + * LICENSE file in the root directory of this source tree. + */var Uc=N,Pe=Fc;function w(e){for(var t="https://reactjs.org/docs/error-decoder.html?invariant="+e,n=1;n"u"||typeof window.document>"u"||typeof window.document.createElement>"u"),no=Object.prototype.hasOwnProperty,Hc=/^[:A-Z_a-z\u00C0-\u00D6\u00D8-\u00F6\u00F8-\u02FF\u0370-\u037D\u037F-\u1FFF\u200C-\u200D\u2070-\u218F\u2C00-\u2FEF\u3001-\uD7FF\uF900-\uFDCF\uFDF0-\uFFFD][:A-Z_a-z\u00C0-\u00D6\u00D8-\u00F6\u00F8-\u02FF\u0370-\u037D\u037F-\u1FFF\u200C-\u200D\u2070-\u218F\u2C00-\u2FEF\u3001-\uD7FF\uF900-\uFDCF\uFDF0-\uFFFD\-.0-9\u00B7\u0300-\u036F\u203F-\u2040]*$/,Gs={},Ys={};function Bc(e){return no.call(Ys,e)?!0:no.call(Gs,e)?!1:Hc.test(e)?Ys[e]=!0:(Gs[e]=!0,!1)}function Ac(e,t,n,r){if(n!==null&&n.type===0)return!1;switch(typeof t){case"function":case"symbol":return!0;case"boolean":return r?!1:n!==null?!n.acceptsBooleans:(e=e.toLowerCase().slice(0,5),e!=="data-"&&e!=="aria-");default:return!1}}function Vc(e,t,n,r){if(t===null||typeof t>"u"||Ac(e,t,n,r))return!0;if(r)return!1;if(n!==null)switch(n.type){case 3:return!t;case 4:return t===!1;case 5:return isNaN(t);case 6:return isNaN(t)||1>t}return!1}function ge(e,t,n,r,l,o,s){this.acceptsBooleans=t===2||t===3||t===4,this.attributeName=r,this.attributeNamespace=l,this.mustUseProperty=n,this.propertyName=e,this.type=t,this.sanitizeURL=o,this.removeEmptyString=s}var ue={};"children dangerouslySetInnerHTML defaultValue defaultChecked innerHTML suppressContentEditableWarning suppressHydrationWarning style".split(" ").forEach(function(e){ue[e]=new ge(e,0,!1,e,null,!1,!1)});[["acceptCharset","accept-charset"],["className","class"],["htmlFor","for"],["httpEquiv","http-equiv"]].forEach(function(e){var t=e[0];ue[t]=new ge(t,1,!1,e[1],null,!1,!1)});["contentEditable","draggable","spellCheck","value"].forEach(function(e){ue[e]=new ge(e,2,!1,e.toLowerCase(),null,!1,!1)});["autoReverse","externalResourcesRequired","focusable","preserveAlpha"].forEach(function(e){ue[e]=new ge(e,2,!1,e,null,!1,!1)});"allowFullScreen async autoFocus autoPlay controls default defer disabled disablePictureInPicture disableRemotePlayback formNoValidate hidden loop noModule noValidate open playsInline readOnly required reversed scoped seamless itemScope".split(" ").forEach(function(e){ue[e]=new ge(e,3,!1,e.toLowerCase(),null,!1,!1)});["checked","multiple","muted","selected"].forEach(function(e){ue[e]=new ge(e,3,!0,e,null,!1,!1)});["capture","download"].forEach(function(e){ue[e]=new ge(e,4,!1,e,null,!1,!1)});["cols","rows","size","span"].forEach(function(e){ue[e]=new ge(e,6,!1,e,null,!1,!1)});["rowSpan","start"].forEach(function(e){ue[e]=new ge(e,5,!1,e.toLowerCase(),null,!1,!1)});var es=/[\-:]([a-z])/g;function ts(e){return e[1].toUpperCase()}"accent-height alignment-baseline arabic-form baseline-shift cap-height clip-path clip-rule color-interpolation color-interpolation-filters color-profile color-rendering dominant-baseline enable-background fill-opacity fill-rule flood-color flood-opacity font-family font-size font-size-adjust font-stretch font-style font-variant font-weight glyph-name glyph-orientation-horizontal glyph-orientation-vertical horiz-adv-x horiz-origin-x image-rendering letter-spacing lighting-color marker-end marker-mid marker-start overline-position overline-thickness paint-order panose-1 pointer-events rendering-intent shape-rendering stop-color stop-opacity strikethrough-position strikethrough-thickness stroke-dasharray stroke-dashoffset stroke-linecap stroke-linejoin stroke-miterlimit stroke-opacity stroke-width text-anchor text-decoration text-rendering underline-position underline-thickness unicode-bidi unicode-range units-per-em v-alphabetic v-hanging v-ideographic v-mathematical vector-effect vert-adv-y vert-origin-x vert-origin-y word-spacing writing-mode xmlns:xlink x-height".split(" ").forEach(function(e){var t=e.replace(es,ts);ue[t]=new ge(t,1,!1,e,null,!1,!1)});"xlink:actuate xlink:arcrole xlink:role xlink:show xlink:title xlink:type".split(" ").forEach(function(e){var t=e.replace(es,ts);ue[t]=new ge(t,1,!1,e,"http://www.w3.org/1999/xlink",!1,!1)});["xml:base","xml:lang","xml:space"].forEach(function(e){var t=e.replace(es,ts);ue[t]=new ge(t,1,!1,e,"http://www.w3.org/XML/1998/namespace",!1,!1)});["tabIndex","crossOrigin"].forEach(function(e){ue[e]=new ge(e,1,!1,e.toLowerCase(),null,!1,!1)});ue.xlinkHref=new ge("xlinkHref",1,!1,"xlink:href","http://www.w3.org/1999/xlink",!0,!1);["src","href","action","formAction"].forEach(function(e){ue[e]=new ge(e,1,!1,e.toLowerCase(),null,!0,!0)});function ns(e,t,n,r){var l=ue.hasOwnProperty(t)?ue[t]:null;(l!==null?l.type!==0:r||!(2i||l[s]!==o[i]){var u=` +`+l[s].replace(" at new "," at ");return e.displayName&&u.includes("")&&(u=u.replace("",e.displayName)),u}while(1<=s&&0<=i);break}}}finally{zl=!1,Error.prepareStackTrace=n}return(e=e?e.displayName||e.name:"")?Ln(e):""}function Wc(e){switch(e.tag){case 5:return Ln(e.type);case 16:return Ln("Lazy");case 13:return Ln("Suspense");case 19:return Ln("SuspenseList");case 0:case 2:case 15:return e=Ml(e.type,!1),e;case 11:return e=Ml(e.type.render,!1),e;case 1:return e=Ml(e.type,!0),e;default:return""}}function so(e){if(e==null)return null;if(typeof e=="function")return e.displayName||e.name||null;if(typeof e=="string")return e;switch(e){case Qt:return"Fragment";case Wt:return"Portal";case ro:return"Profiler";case rs:return"StrictMode";case lo:return"Suspense";case oo:return"SuspenseList"}if(typeof e=="object")switch(e.$$typeof){case xu:return(e.displayName||"Context")+".Consumer";case gu:return(e._context.displayName||"Context")+".Provider";case ls:var t=e.render;return e=e.displayName,e||(e=t.displayName||t.name||"",e=e!==""?"ForwardRef("+e+")":"ForwardRef"),e;case os:return t=e.displayName||null,t!==null?t:so(e.type)||"Memo";case it:t=e._payload,e=e._init;try{return so(e(t))}catch{}}return null}function Qc(e){var t=e.type;switch(e.tag){case 24:return"Cache";case 9:return(t.displayName||"Context")+".Consumer";case 10:return(t._context.displayName||"Context")+".Provider";case 18:return"DehydratedFragment";case 11:return e=t.render,e=e.displayName||e.name||"",t.displayName||(e!==""?"ForwardRef("+e+")":"ForwardRef");case 7:return"Fragment";case 5:return t;case 4:return"Portal";case 3:return"Root";case 6:return"Text";case 16:return so(t);case 8:return t===rs?"StrictMode":"Mode";case 22:return"Offscreen";case 12:return"Profiler";case 21:return"Scope";case 13:return"Suspense";case 19:return"SuspenseList";case 25:return"TracingMarker";case 1:case 0:case 17:case 2:case 14:case 15:if(typeof t=="function")return t.displayName||t.name||null;if(typeof t=="string")return t}return null}function kt(e){switch(typeof e){case"boolean":case"number":case"string":case"undefined":return e;case"object":return e;default:return""}}function ku(e){var t=e.type;return(e=e.nodeName)&&e.toLowerCase()==="input"&&(t==="checkbox"||t==="radio")}function Kc(e){var t=ku(e)?"checked":"value",n=Object.getOwnPropertyDescriptor(e.constructor.prototype,t),r=""+e[t];if(!e.hasOwnProperty(t)&&typeof n<"u"&&typeof n.get=="function"&&typeof n.set=="function"){var l=n.get,o=n.set;return Object.defineProperty(e,t,{configurable:!0,get:function(){return l.call(this)},set:function(s){r=""+s,o.call(this,s)}}),Object.defineProperty(e,t,{enumerable:n.enumerable}),{getValue:function(){return r},setValue:function(s){r=""+s},stopTracking:function(){e._valueTracker=null,delete e[t]}}}}function hr(e){e._valueTracker||(e._valueTracker=Kc(e))}function Su(e){if(!e)return!1;var t=e._valueTracker;if(!t)return!0;var n=t.getValue(),r="";return e&&(r=ku(e)?e.checked?"true":"false":e.value),e=r,e!==n?(t.setValue(e),!0):!1}function Vr(e){if(e=e||(typeof document<"u"?document:void 0),typeof e>"u")return null;try{return e.activeElement||e.body}catch{return e.body}}function io(e,t){var n=t.checked;return X({},t,{defaultChecked:void 0,defaultValue:void 0,value:void 0,checked:n??e._wrapperState.initialChecked})}function Js(e,t){var n=t.defaultValue==null?"":t.defaultValue,r=t.checked!=null?t.checked:t.defaultChecked;n=kt(t.value!=null?t.value:n),e._wrapperState={initialChecked:r,initialValue:n,controlled:t.type==="checkbox"||t.type==="radio"?t.checked!=null:t.value!=null}}function Nu(e,t){t=t.checked,t!=null&&ns(e,"checked",t,!1)}function uo(e,t){Nu(e,t);var n=kt(t.value),r=t.type;if(n!=null)r==="number"?(n===0&&e.value===""||e.value!=n)&&(e.value=""+n):e.value!==""+n&&(e.value=""+n);else if(r==="submit"||r==="reset"){e.removeAttribute("value");return}t.hasOwnProperty("value")?ao(e,t.type,n):t.hasOwnProperty("defaultValue")&&ao(e,t.type,kt(t.defaultValue)),t.checked==null&&t.defaultChecked!=null&&(e.defaultChecked=!!t.defaultChecked)}function Zs(e,t,n){if(t.hasOwnProperty("value")||t.hasOwnProperty("defaultValue")){var r=t.type;if(!(r!=="submit"&&r!=="reset"||t.value!==void 0&&t.value!==null))return;t=""+e._wrapperState.initialValue,n||t===e.value||(e.value=t),e.defaultValue=t}n=e.name,n!==""&&(e.name=""),e.defaultChecked=!!e._wrapperState.initialChecked,n!==""&&(e.name=n)}function ao(e,t,n){(t!=="number"||Vr(e.ownerDocument)!==e)&&(n==null?e.defaultValue=""+e._wrapperState.initialValue:e.defaultValue!==""+n&&(e.defaultValue=""+n))}var zn=Array.isArray;function nn(e,t,n,r){if(e=e.options,t){t={};for(var l=0;l"+t.valueOf().toString()+"",t=vr.firstChild;e.firstChild;)e.removeChild(e.firstChild);for(;t.firstChild;)e.appendChild(t.firstChild)}});function Qn(e,t){if(t){var n=e.firstChild;if(n&&n===e.lastChild&&n.nodeType===3){n.nodeValue=t;return}}e.textContent=t}var In={animationIterationCount:!0,aspectRatio:!0,borderImageOutset:!0,borderImageSlice:!0,borderImageWidth:!0,boxFlex:!0,boxFlexGroup:!0,boxOrdinalGroup:!0,columnCount:!0,columns:!0,flex:!0,flexGrow:!0,flexPositive:!0,flexShrink:!0,flexNegative:!0,flexOrder:!0,gridArea:!0,gridRow:!0,gridRowEnd:!0,gridRowSpan:!0,gridRowStart:!0,gridColumn:!0,gridColumnEnd:!0,gridColumnSpan:!0,gridColumnStart:!0,fontWeight:!0,lineClamp:!0,lineHeight:!0,opacity:!0,order:!0,orphans:!0,tabSize:!0,widows:!0,zIndex:!0,zoom:!0,fillOpacity:!0,floodOpacity:!0,stopOpacity:!0,strokeDasharray:!0,strokeDashoffset:!0,strokeMiterlimit:!0,strokeOpacity:!0,strokeWidth:!0},Gc=["Webkit","ms","Moz","O"];Object.keys(In).forEach(function(e){Gc.forEach(function(t){t=t+e.charAt(0).toUpperCase()+e.substring(1),In[t]=In[e]})});function Pu(e,t,n){return t==null||typeof t=="boolean"||t===""?"":n||typeof t!="number"||t===0||In.hasOwnProperty(e)&&In[e]?(""+t).trim():t+"px"}function _u(e,t){e=e.style;for(var n in t)if(t.hasOwnProperty(n)){var r=n.indexOf("--")===0,l=Pu(n,t[n],r);n==="float"&&(n="cssFloat"),r?e.setProperty(n,l):e[n]=l}}var Yc=X({menuitem:!0},{area:!0,base:!0,br:!0,col:!0,embed:!0,hr:!0,img:!0,input:!0,keygen:!0,link:!0,meta:!0,param:!0,source:!0,track:!0,wbr:!0});function po(e,t){if(t){if(Yc[e]&&(t.children!=null||t.dangerouslySetInnerHTML!=null))throw Error(w(137,e));if(t.dangerouslySetInnerHTML!=null){if(t.children!=null)throw Error(w(60));if(typeof t.dangerouslySetInnerHTML!="object"||!("__html"in t.dangerouslySetInnerHTML))throw Error(w(61))}if(t.style!=null&&typeof t.style!="object")throw Error(w(62))}}function mo(e,t){if(e.indexOf("-")===-1)return typeof t.is=="string";switch(e){case"annotation-xml":case"color-profile":case"font-face":case"font-face-src":case"font-face-uri":case"font-face-format":case"font-face-name":case"missing-glyph":return!1;default:return!0}}var ho=null;function ss(e){return e=e.target||e.srcElement||window,e.correspondingUseElement&&(e=e.correspondingUseElement),e.nodeType===3?e.parentNode:e}var vo=null,rn=null,ln=null;function ei(e){if(e=dr(e)){if(typeof vo!="function")throw Error(w(280));var t=e.stateNode;t&&(t=gl(t),vo(e.stateNode,e.type,t))}}function Tu(e){rn?ln?ln.push(e):ln=[e]:rn=e}function Lu(){if(rn){var e=rn,t=ln;if(ln=rn=null,ei(e),t)for(e=0;e>>=0,e===0?32:31-(od(e)/sd|0)|0}var yr=64,gr=4194304;function Mn(e){switch(e&-e){case 1:return 1;case 2:return 2;case 4:return 4;case 8:return 8;case 16:return 16;case 32:return 32;case 64:case 128:case 256:case 512:case 1024:case 2048:case 4096:case 8192:case 16384:case 32768:case 65536:case 131072:case 262144:case 524288:case 1048576:case 2097152:return e&4194240;case 4194304:case 8388608:case 16777216:case 33554432:case 67108864:return e&130023424;case 134217728:return 134217728;case 268435456:return 268435456;case 536870912:return 536870912;case 1073741824:return 1073741824;default:return e}}function Gr(e,t){var n=e.pendingLanes;if(n===0)return 0;var r=0,l=e.suspendedLanes,o=e.pingedLanes,s=n&268435455;if(s!==0){var i=s&~l;i!==0?r=Mn(i):(o&=s,o!==0&&(r=Mn(o)))}else s=n&~l,s!==0?r=Mn(s):o!==0&&(r=Mn(o));if(r===0)return 0;if(t!==0&&t!==r&&!(t&l)&&(l=r&-r,o=t&-t,l>=o||l===16&&(o&4194240)!==0))return t;if(r&4&&(r|=n&16),t=e.entangledLanes,t!==0)for(e=e.entanglements,t&=r;0n;n++)t.push(e);return t}function ar(e,t,n){e.pendingLanes|=t,t!==536870912&&(e.suspendedLanes=0,e.pingedLanes=0),e=e.eventTimes,t=31-He(t),e[t]=n}function cd(e,t){var n=e.pendingLanes&~t;e.pendingLanes=t,e.suspendedLanes=0,e.pingedLanes=0,e.expiredLanes&=t,e.mutableReadLanes&=t,e.entangledLanes&=t,t=e.entanglements;var r=e.eventTimes;for(e=e.expirationTimes;0=Dn),ai=" ",ci=!1;function Ju(e,t){switch(e){case"keyup":return Fd.indexOf(t.keyCode)!==-1;case"keydown":return t.keyCode!==229;case"keypress":case"mousedown":case"focusout":return!0;default:return!1}}function Zu(e){return e=e.detail,typeof e=="object"&&"data"in e?e.data:null}var Kt=!1;function Hd(e,t){switch(e){case"compositionend":return Zu(t);case"keypress":return t.which!==32?null:(ci=!0,ai);case"textInput":return e=t.data,e===ai&&ci?null:e;default:return null}}function Bd(e,t){if(Kt)return e==="compositionend"||!ms&&Ju(e,t)?(e=Yu(),Or=ds=dt=null,Kt=!1,e):null;switch(e){case"paste":return null;case"keypress":if(!(t.ctrlKey||t.altKey||t.metaKey)||t.ctrlKey&&t.altKey){if(t.char&&1=t)return{node:n,offset:t-e};e=r}e:{for(;n;){if(n.nextSibling){n=n.nextSibling;break e}n=n.parentNode}n=void 0}n=mi(n)}}function ta(e,t){return e&&t?e===t?!0:e&&e.nodeType===3?!1:t&&t.nodeType===3?ta(e,t.parentNode):"contains"in e?e.contains(t):e.compareDocumentPosition?!!(e.compareDocumentPosition(t)&16):!1:!1}function na(){for(var e=window,t=Vr();t instanceof e.HTMLIFrameElement;){try{var n=typeof t.contentWindow.location.href=="string"}catch{n=!1}if(n)e=t.contentWindow;else break;t=Vr(e.document)}return t}function hs(e){var t=e&&e.nodeName&&e.nodeName.toLowerCase();return t&&(t==="input"&&(e.type==="text"||e.type==="search"||e.type==="tel"||e.type==="url"||e.type==="password")||t==="textarea"||e.contentEditable==="true")}function Jd(e){var t=na(),n=e.focusedElem,r=e.selectionRange;if(t!==n&&n&&n.ownerDocument&&ta(n.ownerDocument.documentElement,n)){if(r!==null&&hs(n)){if(t=r.start,e=r.end,e===void 0&&(e=t),"selectionStart"in n)n.selectionStart=t,n.selectionEnd=Math.min(e,n.value.length);else if(e=(t=n.ownerDocument||document)&&t.defaultView||window,e.getSelection){e=e.getSelection();var l=n.textContent.length,o=Math.min(r.start,l);r=r.end===void 0?o:Math.min(r.end,l),!e.extend&&o>r&&(l=r,r=o,o=l),l=hi(n,o);var s=hi(n,r);l&&s&&(e.rangeCount!==1||e.anchorNode!==l.node||e.anchorOffset!==l.offset||e.focusNode!==s.node||e.focusOffset!==s.offset)&&(t=t.createRange(),t.setStart(l.node,l.offset),e.removeAllRanges(),o>r?(e.addRange(t),e.extend(s.node,s.offset)):(t.setEnd(s.node,s.offset),e.addRange(t)))}}for(t=[],e=n;e=e.parentNode;)e.nodeType===1&&t.push({element:e,left:e.scrollLeft,top:e.scrollTop});for(typeof n.focus=="function"&&n.focus(),n=0;n=document.documentMode,Gt=null,So=null,Un=null,No=!1;function vi(e,t,n){var r=n.window===n?n.document:n.nodeType===9?n:n.ownerDocument;No||Gt==null||Gt!==Vr(r)||(r=Gt,"selectionStart"in r&&hs(r)?r={start:r.selectionStart,end:r.selectionEnd}:(r=(r.ownerDocument&&r.ownerDocument.defaultView||window).getSelection(),r={anchorNode:r.anchorNode,anchorOffset:r.anchorOffset,focusNode:r.focusNode,focusOffset:r.focusOffset}),Un&&Zn(Un,r)||(Un=r,r=Jr(So,"onSelect"),0Jt||(e.current=To[Jt],To[Jt]=null,Jt--)}function B(e,t){Jt++,To[Jt]=e.current,e.current=t}var St={},fe=Ct(St),ke=Ct(!1),Rt=St;function cn(e,t){var n=e.type.contextTypes;if(!n)return St;var r=e.stateNode;if(r&&r.__reactInternalMemoizedUnmaskedChildContext===t)return r.__reactInternalMemoizedMaskedChildContext;var l={},o;for(o in n)l[o]=t[o];return r&&(e=e.stateNode,e.__reactInternalMemoizedUnmaskedChildContext=t,e.__reactInternalMemoizedMaskedChildContext=l),l}function Se(e){return e=e.childContextTypes,e!=null}function qr(){V(ke),V(fe)}function Ni(e,t,n){if(fe.current!==St)throw Error(w(168));B(fe,t),B(ke,n)}function da(e,t,n){var r=e.stateNode;if(t=t.childContextTypes,typeof r.getChildContext!="function")return n;r=r.getChildContext();for(var l in r)if(!(l in t))throw Error(w(108,Qc(e)||"Unknown",l));return X({},n,r)}function br(e){return e=(e=e.stateNode)&&e.__reactInternalMemoizedMergedChildContext||St,Rt=fe.current,B(fe,e),B(ke,ke.current),!0}function Ci(e,t,n){var r=e.stateNode;if(!r)throw Error(w(169));n?(e=da(e,t,Rt),r.__reactInternalMemoizedMergedChildContext=e,V(ke),V(fe),B(fe,e)):V(ke),B(ke,n)}var Ze=null,xl=!1,Kl=!1;function fa(e){Ze===null?Ze=[e]:Ze.push(e)}function af(e){xl=!0,fa(e)}function Et(){if(!Kl&&Ze!==null){Kl=!0;var e=0,t=U;try{var n=Ze;for(U=1;e>=s,l-=s,qe=1<<32-He(t)+l|n<_?(H=E,E=null):H=E.sibling;var R=c(m,E,h[_],x);if(R===null){E===null&&(E=H);break}e&&E&&R.alternate===null&&t(m,E),f=o(R,f,_),P===null?S=R:P.sibling=R,P=R,E=H}if(_===h.length)return n(m,E),W&&jt(m,_),S;if(E===null){for(;__?(H=E,E=null):H=E.sibling;var L=c(m,E,R.value,x);if(L===null){E===null&&(E=H);break}e&&E&&L.alternate===null&&t(m,E),f=o(L,f,_),P===null?S=L:P.sibling=L,P=L,E=H}if(R.done)return n(m,E),W&&jt(m,_),S;if(E===null){for(;!R.done;_++,R=h.next())R=p(m,R.value,x),R!==null&&(f=o(R,f,_),P===null?S=R:P.sibling=R,P=R);return W&&jt(m,_),S}for(E=r(m,E);!R.done;_++,R=h.next())R=v(E,m,_,R.value,x),R!==null&&(e&&R.alternate!==null&&E.delete(R.key===null?_:R.key),f=o(R,f,_),P===null?S=R:P.sibling=R,P=R);return e&&E.forEach(function(pe){return t(m,pe)}),W&&jt(m,_),S}function D(m,f,h,x){if(typeof h=="object"&&h!==null&&h.type===Qt&&h.key===null&&(h=h.props.children),typeof h=="object"&&h!==null){switch(h.$$typeof){case mr:e:{for(var S=h.key,P=f;P!==null;){if(P.key===S){if(S=h.type,S===Qt){if(P.tag===7){n(m,P.sibling),f=l(P,h.props.children),f.return=m,m=f;break e}}else if(P.elementType===S||typeof S=="object"&&S!==null&&S.$$typeof===it&&Pi(S)===P.type){n(m,P.sibling),f=l(P,h.props),f.ref=En(m,P,h),f.return=m,m=f;break e}n(m,P);break}else t(m,P);P=P.sibling}h.type===Qt?(f=Mt(h.props.children,m.mode,x,h.key),f.return=m,m=f):(x=Ar(h.type,h.key,h.props,null,m.mode,x),x.ref=En(m,f,h),x.return=m,m=x)}return s(m);case Wt:e:{for(P=h.key;f!==null;){if(f.key===P)if(f.tag===4&&f.stateNode.containerInfo===h.containerInfo&&f.stateNode.implementation===h.implementation){n(m,f.sibling),f=l(f,h.children||[]),f.return=m,m=f;break e}else{n(m,f);break}else t(m,f);f=f.sibling}f=eo(h,m.mode,x),f.return=m,m=f}return s(m);case it:return P=h._init,D(m,f,P(h._payload),x)}if(zn(h))return g(m,f,h,x);if(wn(h))return k(m,f,h,x);Er(m,h)}return typeof h=="string"&&h!==""||typeof h=="number"?(h=""+h,f!==null&&f.tag===6?(n(m,f.sibling),f=l(f,h),f.return=m,m=f):(n(m,f),f=bl(h,m.mode,x),f.return=m,m=f),s(m)):n(m,f)}return D}var fn=va(!0),ya=va(!1),nl=Ct(null),rl=null,bt=null,xs=null;function ws(){xs=bt=rl=null}function ks(e){var t=nl.current;V(nl),e._currentValue=t}function Mo(e,t,n){for(;e!==null;){var r=e.alternate;if((e.childLanes&t)!==t?(e.childLanes|=t,r!==null&&(r.childLanes|=t)):r!==null&&(r.childLanes&t)!==t&&(r.childLanes|=t),e===n)break;e=e.return}}function sn(e,t){rl=e,xs=bt=null,e=e.dependencies,e!==null&&e.firstContext!==null&&(e.lanes&t&&(we=!0),e.firstContext=null)}function Oe(e){var t=e._currentValue;if(xs!==e)if(e={context:e,memoizedValue:t,next:null},bt===null){if(rl===null)throw Error(w(308));bt=e,rl.dependencies={lanes:0,firstContext:e}}else bt=bt.next=e;return t}var Tt=null;function Ss(e){Tt===null?Tt=[e]:Tt.push(e)}function ga(e,t,n,r){var l=t.interleaved;return l===null?(n.next=n,Ss(t)):(n.next=l.next,l.next=n),t.interleaved=n,rt(e,r)}function rt(e,t){e.lanes|=t;var n=e.alternate;for(n!==null&&(n.lanes|=t),n=e,e=e.return;e!==null;)e.childLanes|=t,n=e.alternate,n!==null&&(n.childLanes|=t),n=e,e=e.return;return n.tag===3?n.stateNode:null}var ut=!1;function Ns(e){e.updateQueue={baseState:e.memoizedState,firstBaseUpdate:null,lastBaseUpdate:null,shared:{pending:null,interleaved:null,lanes:0},effects:null}}function xa(e,t){e=e.updateQueue,t.updateQueue===e&&(t.updateQueue={baseState:e.baseState,firstBaseUpdate:e.firstBaseUpdate,lastBaseUpdate:e.lastBaseUpdate,shared:e.shared,effects:e.effects})}function et(e,t){return{eventTime:e,lane:t,tag:0,payload:null,callback:null,next:null}}function yt(e,t,n){var r=e.updateQueue;if(r===null)return null;if(r=r.shared,$&2){var l=r.pending;return l===null?t.next=t:(t.next=l.next,l.next=t),r.pending=t,rt(e,n)}return l=r.interleaved,l===null?(t.next=t,Ss(r)):(t.next=l.next,l.next=t),r.interleaved=t,rt(e,n)}function $r(e,t,n){if(t=t.updateQueue,t!==null&&(t=t.shared,(n&4194240)!==0)){var r=t.lanes;r&=e.pendingLanes,n|=r,t.lanes=n,us(e,n)}}function _i(e,t){var n=e.updateQueue,r=e.alternate;if(r!==null&&(r=r.updateQueue,n===r)){var l=null,o=null;if(n=n.firstBaseUpdate,n!==null){do{var s={eventTime:n.eventTime,lane:n.lane,tag:n.tag,payload:n.payload,callback:n.callback,next:null};o===null?l=o=s:o=o.next=s,n=n.next}while(n!==null);o===null?l=o=t:o=o.next=t}else l=o=t;n={baseState:r.baseState,firstBaseUpdate:l,lastBaseUpdate:o,shared:r.shared,effects:r.effects},e.updateQueue=n;return}e=n.lastBaseUpdate,e===null?n.firstBaseUpdate=t:e.next=t,n.lastBaseUpdate=t}function ll(e,t,n,r){var l=e.updateQueue;ut=!1;var o=l.firstBaseUpdate,s=l.lastBaseUpdate,i=l.shared.pending;if(i!==null){l.shared.pending=null;var u=i,d=u.next;u.next=null,s===null?o=d:s.next=d,s=u;var y=e.alternate;y!==null&&(y=y.updateQueue,i=y.lastBaseUpdate,i!==s&&(i===null?y.firstBaseUpdate=d:i.next=d,y.lastBaseUpdate=u))}if(o!==null){var p=l.baseState;s=0,y=d=u=null,i=o;do{var c=i.lane,v=i.eventTime;if((r&c)===c){y!==null&&(y=y.next={eventTime:v,lane:0,tag:i.tag,payload:i.payload,callback:i.callback,next:null});e:{var g=e,k=i;switch(c=t,v=n,k.tag){case 1:if(g=k.payload,typeof g=="function"){p=g.call(v,p,c);break e}p=g;break e;case 3:g.flags=g.flags&-65537|128;case 0:if(g=k.payload,c=typeof g=="function"?g.call(v,p,c):g,c==null)break e;p=X({},p,c);break e;case 2:ut=!0}}i.callback!==null&&i.lane!==0&&(e.flags|=64,c=l.effects,c===null?l.effects=[i]:c.push(i))}else v={eventTime:v,lane:c,tag:i.tag,payload:i.payload,callback:i.callback,next:null},y===null?(d=y=v,u=p):y=y.next=v,s|=c;if(i=i.next,i===null){if(i=l.shared.pending,i===null)break;c=i,i=c.next,c.next=null,l.lastBaseUpdate=c,l.shared.pending=null}}while(!0);if(y===null&&(u=p),l.baseState=u,l.firstBaseUpdate=d,l.lastBaseUpdate=y,t=l.shared.interleaved,t!==null){l=t;do s|=l.lane,l=l.next;while(l!==t)}else o===null&&(l.shared.lanes=0);$t|=s,e.lanes=s,e.memoizedState=p}}function Ti(e,t,n){if(e=t.effects,t.effects=null,e!==null)for(t=0;tn?n:4,e(!0);var r=Yl.transition;Yl.transition={};try{e(!1),t()}finally{U=n,Yl.transition=r}}function $a(){return Ie().memoizedState}function pf(e,t,n){var r=xt(e);if(n={lane:r,action:n,hasEagerState:!1,eagerState:null,next:null},Da(e))Fa(t,n);else if(n=ga(e,t,n,r),n!==null){var l=ve();Be(n,e,r,l),Ua(n,t,r)}}function mf(e,t,n){var r=xt(e),l={lane:r,action:n,hasEagerState:!1,eagerState:null,next:null};if(Da(e))Fa(t,l);else{var o=e.alternate;if(e.lanes===0&&(o===null||o.lanes===0)&&(o=t.lastRenderedReducer,o!==null))try{var s=t.lastRenderedState,i=o(s,n);if(l.hasEagerState=!0,l.eagerState=i,Ae(i,s)){var u=t.interleaved;u===null?(l.next=l,Ss(t)):(l.next=u.next,u.next=l),t.interleaved=l;return}}catch{}finally{}n=ga(e,t,l,r),n!==null&&(l=ve(),Be(n,e,r,l),Ua(n,t,r))}}function Da(e){var t=e.alternate;return e===Y||t!==null&&t===Y}function Fa(e,t){Hn=sl=!0;var n=e.pending;n===null?t.next=t:(t.next=n.next,n.next=t),e.pending=t}function Ua(e,t,n){if(n&4194240){var r=t.lanes;r&=e.pendingLanes,n|=r,t.lanes=n,us(e,n)}}var il={readContext:Oe,useCallback:ae,useContext:ae,useEffect:ae,useImperativeHandle:ae,useInsertionEffect:ae,useLayoutEffect:ae,useMemo:ae,useReducer:ae,useRef:ae,useState:ae,useDebugValue:ae,useDeferredValue:ae,useTransition:ae,useMutableSource:ae,useSyncExternalStore:ae,useId:ae,unstable_isNewReconciler:!1},hf={readContext:Oe,useCallback:function(e,t){return Qe().memoizedState=[e,t===void 0?null:t],e},useContext:Oe,useEffect:zi,useImperativeHandle:function(e,t,n){return n=n!=null?n.concat([e]):null,Fr(4194308,4,za.bind(null,t,e),n)},useLayoutEffect:function(e,t){return Fr(4194308,4,e,t)},useInsertionEffect:function(e,t){return Fr(4,2,e,t)},useMemo:function(e,t){var n=Qe();return t=t===void 0?null:t,e=e(),n.memoizedState=[e,t],e},useReducer:function(e,t,n){var r=Qe();return t=n!==void 0?n(t):t,r.memoizedState=r.baseState=t,e={pending:null,interleaved:null,lanes:0,dispatch:null,lastRenderedReducer:e,lastRenderedState:t},r.queue=e,e=e.dispatch=pf.bind(null,Y,e),[r.memoizedState,e]},useRef:function(e){var t=Qe();return e={current:e},t.memoizedState=e},useState:Li,useDebugValue:zs,useDeferredValue:function(e){return Qe().memoizedState=e},useTransition:function(){var e=Li(!1),t=e[0];return e=ff.bind(null,e[1]),Qe().memoizedState=e,[t,e]},useMutableSource:function(){},useSyncExternalStore:function(e,t,n){var r=Y,l=Qe();if(W){if(n===void 0)throw Error(w(407));n=n()}else{if(n=t(),le===null)throw Error(w(349));It&30||Na(r,t,n)}l.memoizedState=n;var o={value:n,getSnapshot:t};return l.queue=o,zi(Ea.bind(null,r,o,e),[e]),r.flags|=2048,or(9,Ca.bind(null,r,o,n,t),void 0,null),n},useId:function(){var e=Qe(),t=le.identifierPrefix;if(W){var n=be,r=qe;n=(r&~(1<<32-He(r)-1)).toString(32)+n,t=":"+t+"R"+n,n=rr++,0<\/script>",e=e.removeChild(e.firstChild)):typeof r.is=="string"?e=s.createElement(n,{is:r.is}):(e=s.createElement(n),n==="select"&&(s=e,r.multiple?s.multiple=!0:r.size&&(s.size=r.size))):e=s.createElementNS(e,n),e[Ke]=t,e[er]=r,Xa(e,t,!1,!1),t.stateNode=e;e:{switch(s=mo(n,r),n){case"dialog":A("cancel",e),A("close",e),l=r;break;case"iframe":case"object":case"embed":A("load",e),l=r;break;case"video":case"audio":for(l=0;lhn&&(t.flags|=128,r=!0,jn(o,!1),t.lanes=4194304)}else{if(!r)if(e=ol(s),e!==null){if(t.flags|=128,r=!0,n=e.updateQueue,n!==null&&(t.updateQueue=n,t.flags|=4),jn(o,!0),o.tail===null&&o.tailMode==="hidden"&&!s.alternate&&!W)return ce(t),null}else 2*Z()-o.renderingStartTime>hn&&n!==1073741824&&(t.flags|=128,r=!0,jn(o,!1),t.lanes=4194304);o.isBackwards?(s.sibling=t.child,t.child=s):(n=o.last,n!==null?n.sibling=s:t.child=s,o.last=s)}return o.tail!==null?(t=o.tail,o.rendering=t,o.tail=t.sibling,o.renderingStartTime=Z(),t.sibling=null,n=G.current,B(G,r?n&1|2:n&1),t):(ce(t),null);case 22:case 23:return Ds(),r=t.memoizedState!==null,e!==null&&e.memoizedState!==null!==r&&(t.flags|=8192),r&&t.mode&1?Ce&1073741824&&(ce(t),t.subtreeFlags&6&&(t.flags|=8192)):ce(t),null;case 24:return null;case 25:return null}throw Error(w(156,t.tag))}function Nf(e,t){switch(ys(t),t.tag){case 1:return Se(t.type)&&qr(),e=t.flags,e&65536?(t.flags=e&-65537|128,t):null;case 3:return pn(),V(ke),V(fe),js(),e=t.flags,e&65536&&!(e&128)?(t.flags=e&-65537|128,t):null;case 5:return Es(t),null;case 13:if(V(G),e=t.memoizedState,e!==null&&e.dehydrated!==null){if(t.alternate===null)throw Error(w(340));dn()}return e=t.flags,e&65536?(t.flags=e&-65537|128,t):null;case 19:return V(G),null;case 4:return pn(),null;case 10:return ks(t.type._context),null;case 22:case 23:return Ds(),null;case 24:return null;default:return null}}var Pr=!1,de=!1,Cf=typeof WeakSet=="function"?WeakSet:Set,j=null;function en(e,t){var n=e.ref;if(n!==null)if(typeof n=="function")try{n(null)}catch(r){J(e,t,r)}else n.current=null}function Bo(e,t,n){try{n()}catch(r){J(e,t,r)}}var Ai=!1;function Ef(e,t){if(Co=Yr,e=na(),hs(e)){if("selectionStart"in e)var n={start:e.selectionStart,end:e.selectionEnd};else e:{n=(n=e.ownerDocument)&&n.defaultView||window;var r=n.getSelection&&n.getSelection();if(r&&r.rangeCount!==0){n=r.anchorNode;var l=r.anchorOffset,o=r.focusNode;r=r.focusOffset;try{n.nodeType,o.nodeType}catch{n=null;break e}var s=0,i=-1,u=-1,d=0,y=0,p=e,c=null;t:for(;;){for(var v;p!==n||l!==0&&p.nodeType!==3||(i=s+l),p!==o||r!==0&&p.nodeType!==3||(u=s+r),p.nodeType===3&&(s+=p.nodeValue.length),(v=p.firstChild)!==null;)c=p,p=v;for(;;){if(p===e)break t;if(c===n&&++d===l&&(i=s),c===o&&++y===r&&(u=s),(v=p.nextSibling)!==null)break;p=c,c=p.parentNode}p=v}n=i===-1||u===-1?null:{start:i,end:u}}else n=null}n=n||{start:0,end:0}}else n=null;for(Eo={focusedElem:e,selectionRange:n},Yr=!1,j=t;j!==null;)if(t=j,e=t.child,(t.subtreeFlags&1028)!==0&&e!==null)e.return=t,j=e;else for(;j!==null;){t=j;try{var g=t.alternate;if(t.flags&1024)switch(t.tag){case 0:case 11:case 15:break;case 1:if(g!==null){var k=g.memoizedProps,D=g.memoizedState,m=t.stateNode,f=m.getSnapshotBeforeUpdate(t.elementType===t.type?k:De(t.type,k),D);m.__reactInternalSnapshotBeforeUpdate=f}break;case 3:var h=t.stateNode.containerInfo;h.nodeType===1?h.textContent="":h.nodeType===9&&h.documentElement&&h.removeChild(h.documentElement);break;case 5:case 6:case 4:case 17:break;default:throw Error(w(163))}}catch(x){J(t,t.return,x)}if(e=t.sibling,e!==null){e.return=t.return,j=e;break}j=t.return}return g=Ai,Ai=!1,g}function Bn(e,t,n){var r=t.updateQueue;if(r=r!==null?r.lastEffect:null,r!==null){var l=r=r.next;do{if((l.tag&e)===e){var o=l.destroy;l.destroy=void 0,o!==void 0&&Bo(t,n,o)}l=l.next}while(l!==r)}}function Sl(e,t){if(t=t.updateQueue,t=t!==null?t.lastEffect:null,t!==null){var n=t=t.next;do{if((n.tag&e)===e){var r=n.create;n.destroy=r()}n=n.next}while(n!==t)}}function Ao(e){var t=e.ref;if(t!==null){var n=e.stateNode;switch(e.tag){case 5:e=n;break;default:e=n}typeof t=="function"?t(e):t.current=e}}function qa(e){var t=e.alternate;t!==null&&(e.alternate=null,qa(t)),e.child=null,e.deletions=null,e.sibling=null,e.tag===5&&(t=e.stateNode,t!==null&&(delete t[Ke],delete t[er],delete t[_o],delete t[sf],delete t[uf])),e.stateNode=null,e.return=null,e.dependencies=null,e.memoizedProps=null,e.memoizedState=null,e.pendingProps=null,e.stateNode=null,e.updateQueue=null}function ba(e){return e.tag===5||e.tag===3||e.tag===4}function Vi(e){e:for(;;){for(;e.sibling===null;){if(e.return===null||ba(e.return))return null;e=e.return}for(e.sibling.return=e.return,e=e.sibling;e.tag!==5&&e.tag!==6&&e.tag!==18;){if(e.flags&2||e.child===null||e.tag===4)continue e;e.child.return=e,e=e.child}if(!(e.flags&2))return e.stateNode}}function Vo(e,t,n){var r=e.tag;if(r===5||r===6)e=e.stateNode,t?n.nodeType===8?n.parentNode.insertBefore(e,t):n.insertBefore(e,t):(n.nodeType===8?(t=n.parentNode,t.insertBefore(e,n)):(t=n,t.appendChild(e)),n=n._reactRootContainer,n!=null||t.onclick!==null||(t.onclick=Zr));else if(r!==4&&(e=e.child,e!==null))for(Vo(e,t,n),e=e.sibling;e!==null;)Vo(e,t,n),e=e.sibling}function Wo(e,t,n){var r=e.tag;if(r===5||r===6)e=e.stateNode,t?n.insertBefore(e,t):n.appendChild(e);else if(r!==4&&(e=e.child,e!==null))for(Wo(e,t,n),e=e.sibling;e!==null;)Wo(e,t,n),e=e.sibling}var se=null,Fe=!1;function st(e,t,n){for(n=n.child;n!==null;)ec(e,t,n),n=n.sibling}function ec(e,t,n){if(Ge&&typeof Ge.onCommitFiberUnmount=="function")try{Ge.onCommitFiberUnmount(ml,n)}catch{}switch(n.tag){case 5:de||en(n,t);case 6:var r=se,l=Fe;se=null,st(e,t,n),se=r,Fe=l,se!==null&&(Fe?(e=se,n=n.stateNode,e.nodeType===8?e.parentNode.removeChild(n):e.removeChild(n)):se.removeChild(n.stateNode));break;case 18:se!==null&&(Fe?(e=se,n=n.stateNode,e.nodeType===8?Ql(e.parentNode,n):e.nodeType===1&&Ql(e,n),Xn(e)):Ql(se,n.stateNode));break;case 4:r=se,l=Fe,se=n.stateNode.containerInfo,Fe=!0,st(e,t,n),se=r,Fe=l;break;case 0:case 11:case 14:case 15:if(!de&&(r=n.updateQueue,r!==null&&(r=r.lastEffect,r!==null))){l=r=r.next;do{var o=l,s=o.destroy;o=o.tag,s!==void 0&&(o&2||o&4)&&Bo(n,t,s),l=l.next}while(l!==r)}st(e,t,n);break;case 1:if(!de&&(en(n,t),r=n.stateNode,typeof r.componentWillUnmount=="function"))try{r.props=n.memoizedProps,r.state=n.memoizedState,r.componentWillUnmount()}catch(i){J(n,t,i)}st(e,t,n);break;case 21:st(e,t,n);break;case 22:n.mode&1?(de=(r=de)||n.memoizedState!==null,st(e,t,n),de=r):st(e,t,n);break;default:st(e,t,n)}}function Wi(e){var t=e.updateQueue;if(t!==null){e.updateQueue=null;var n=e.stateNode;n===null&&(n=e.stateNode=new Cf),t.forEach(function(r){var l=Of.bind(null,e,r);n.has(r)||(n.add(r),r.then(l,l))})}}function $e(e,t){var n=t.deletions;if(n!==null)for(var r=0;rl&&(l=s),r&=~o}if(r=l,r=Z()-r,r=(120>r?120:480>r?480:1080>r?1080:1920>r?1920:3e3>r?3e3:4320>r?4320:1960*Pf(r/1960))-r,10e?16:e,ft===null)var r=!1;else{if(e=ft,ft=null,cl=0,$&6)throw Error(w(331));var l=$;for($|=4,j=e.current;j!==null;){var o=j,s=o.child;if(j.flags&16){var i=o.deletions;if(i!==null){for(var u=0;uZ()-Is?zt(e,0):Os|=n),Ne(e,t)}function uc(e,t){t===0&&(e.mode&1?(t=gr,gr<<=1,!(gr&130023424)&&(gr=4194304)):t=1);var n=ve();e=rt(e,t),e!==null&&(ar(e,t,n),Ne(e,n))}function Rf(e){var t=e.memoizedState,n=0;t!==null&&(n=t.retryLane),uc(e,n)}function Of(e,t){var n=0;switch(e.tag){case 13:var r=e.stateNode,l=e.memoizedState;l!==null&&(n=l.retryLane);break;case 19:r=e.stateNode;break;default:throw Error(w(314))}r!==null&&r.delete(t),uc(e,n)}var ac;ac=function(e,t,n){if(e!==null)if(e.memoizedProps!==t.pendingProps||ke.current)we=!0;else{if(!(e.lanes&n)&&!(t.flags&128))return we=!1,kf(e,t,n);we=!!(e.flags&131072)}else we=!1,W&&t.flags&1048576&&pa(t,tl,t.index);switch(t.lanes=0,t.tag){case 2:var r=t.type;Ur(e,t),e=t.pendingProps;var l=cn(t,fe.current);sn(t,n),l=_s(null,t,r,e,l,n);var o=Ts();return t.flags|=1,typeof l=="object"&&l!==null&&typeof l.render=="function"&&l.$$typeof===void 0?(t.tag=1,t.memoizedState=null,t.updateQueue=null,Se(r)?(o=!0,br(t)):o=!1,t.memoizedState=l.state!==null&&l.state!==void 0?l.state:null,Ns(t),l.updater=kl,t.stateNode=l,l._reactInternals=t,Oo(t,r,e,n),t=Do(null,t,r,!0,o,n)):(t.tag=0,W&&o&&vs(t),me(null,t,l,n),t=t.child),t;case 16:r=t.elementType;e:{switch(Ur(e,t),e=t.pendingProps,l=r._init,r=l(r._payload),t.type=r,l=t.tag=$f(r),e=De(r,e),l){case 0:t=$o(null,t,r,e,n);break e;case 1:t=Ui(null,t,r,e,n);break e;case 11:t=Di(null,t,r,e,n);break e;case 14:t=Fi(null,t,r,De(r.type,e),n);break e}throw Error(w(306,r,""))}return t;case 0:return r=t.type,l=t.pendingProps,l=t.elementType===r?l:De(r,l),$o(e,t,r,l,n);case 1:return r=t.type,l=t.pendingProps,l=t.elementType===r?l:De(r,l),Ui(e,t,r,l,n);case 3:e:{if(Ka(t),e===null)throw Error(w(387));r=t.pendingProps,o=t.memoizedState,l=o.element,xa(e,t),ll(t,r,null,n);var s=t.memoizedState;if(r=s.element,o.isDehydrated)if(o={element:r,isDehydrated:!1,cache:s.cache,pendingSuspenseBoundaries:s.pendingSuspenseBoundaries,transitions:s.transitions},t.updateQueue.baseState=o,t.memoizedState=o,t.flags&256){l=mn(Error(w(423)),t),t=Hi(e,t,r,n,l);break e}else if(r!==l){l=mn(Error(w(424)),t),t=Hi(e,t,r,n,l);break e}else for(Ee=vt(t.stateNode.containerInfo.firstChild),je=t,W=!0,Ue=null,n=ya(t,null,r,n),t.child=n;n;)n.flags=n.flags&-3|4096,n=n.sibling;else{if(dn(),r===l){t=lt(e,t,n);break e}me(e,t,r,n)}t=t.child}return t;case 5:return wa(t),e===null&&zo(t),r=t.type,l=t.pendingProps,o=e!==null?e.memoizedProps:null,s=l.children,jo(r,l)?s=null:o!==null&&jo(r,o)&&(t.flags|=32),Qa(e,t),me(e,t,s,n),t.child;case 6:return e===null&&zo(t),null;case 13:return Ga(e,t,n);case 4:return Cs(t,t.stateNode.containerInfo),r=t.pendingProps,e===null?t.child=fn(t,null,r,n):me(e,t,r,n),t.child;case 11:return r=t.type,l=t.pendingProps,l=t.elementType===r?l:De(r,l),Di(e,t,r,l,n);case 7:return me(e,t,t.pendingProps,n),t.child;case 8:return me(e,t,t.pendingProps.children,n),t.child;case 12:return me(e,t,t.pendingProps.children,n),t.child;case 10:e:{if(r=t.type._context,l=t.pendingProps,o=t.memoizedProps,s=l.value,B(nl,r._currentValue),r._currentValue=s,o!==null)if(Ae(o.value,s)){if(o.children===l.children&&!ke.current){t=lt(e,t,n);break e}}else for(o=t.child,o!==null&&(o.return=t);o!==null;){var i=o.dependencies;if(i!==null){s=o.child;for(var u=i.firstContext;u!==null;){if(u.context===r){if(o.tag===1){u=et(-1,n&-n),u.tag=2;var d=o.updateQueue;if(d!==null){d=d.shared;var y=d.pending;y===null?u.next=u:(u.next=y.next,y.next=u),d.pending=u}}o.lanes|=n,u=o.alternate,u!==null&&(u.lanes|=n),Mo(o.return,n,t),i.lanes|=n;break}u=u.next}}else if(o.tag===10)s=o.type===t.type?null:o.child;else if(o.tag===18){if(s=o.return,s===null)throw Error(w(341));s.lanes|=n,i=s.alternate,i!==null&&(i.lanes|=n),Mo(s,n,t),s=o.sibling}else s=o.child;if(s!==null)s.return=o;else for(s=o;s!==null;){if(s===t){s=null;break}if(o=s.sibling,o!==null){o.return=s.return,s=o;break}s=s.return}o=s}me(e,t,l.children,n),t=t.child}return t;case 9:return l=t.type,r=t.pendingProps.children,sn(t,n),l=Oe(l),r=r(l),t.flags|=1,me(e,t,r,n),t.child;case 14:return r=t.type,l=De(r,t.pendingProps),l=De(r.type,l),Fi(e,t,r,l,n);case 15:return Va(e,t,t.type,t.pendingProps,n);case 17:return r=t.type,l=t.pendingProps,l=t.elementType===r?l:De(r,l),Ur(e,t),t.tag=1,Se(r)?(e=!0,br(t)):e=!1,sn(t,n),Ha(t,r,l),Oo(t,r,l,n),Do(null,t,r,!0,e,n);case 19:return Ya(e,t,n);case 22:return Wa(e,t,n)}throw Error(w(156,t.tag))};function cc(e,t){return Du(e,t)}function If(e,t,n,r){this.tag=e,this.key=n,this.sibling=this.child=this.return=this.stateNode=this.type=this.elementType=null,this.index=0,this.ref=null,this.pendingProps=t,this.dependencies=this.memoizedState=this.updateQueue=this.memoizedProps=null,this.mode=r,this.subtreeFlags=this.flags=0,this.deletions=null,this.childLanes=this.lanes=0,this.alternate=null}function Me(e,t,n,r){return new If(e,t,n,r)}function Us(e){return e=e.prototype,!(!e||!e.isReactComponent)}function $f(e){if(typeof e=="function")return Us(e)?1:0;if(e!=null){if(e=e.$$typeof,e===ls)return 11;if(e===os)return 14}return 2}function wt(e,t){var n=e.alternate;return n===null?(n=Me(e.tag,t,e.key,e.mode),n.elementType=e.elementType,n.type=e.type,n.stateNode=e.stateNode,n.alternate=e,e.alternate=n):(n.pendingProps=t,n.type=e.type,n.flags=0,n.subtreeFlags=0,n.deletions=null),n.flags=e.flags&14680064,n.childLanes=e.childLanes,n.lanes=e.lanes,n.child=e.child,n.memoizedProps=e.memoizedProps,n.memoizedState=e.memoizedState,n.updateQueue=e.updateQueue,t=e.dependencies,n.dependencies=t===null?null:{lanes:t.lanes,firstContext:t.firstContext},n.sibling=e.sibling,n.index=e.index,n.ref=e.ref,n}function Ar(e,t,n,r,l,o){var s=2;if(r=e,typeof e=="function")Us(e)&&(s=1);else if(typeof e=="string")s=5;else e:switch(e){case Qt:return Mt(n.children,l,o,t);case rs:s=8,l|=8;break;case ro:return e=Me(12,n,t,l|2),e.elementType=ro,e.lanes=o,e;case lo:return e=Me(13,n,t,l),e.elementType=lo,e.lanes=o,e;case oo:return e=Me(19,n,t,l),e.elementType=oo,e.lanes=o,e;case wu:return Cl(n,l,o,t);default:if(typeof e=="object"&&e!==null)switch(e.$$typeof){case gu:s=10;break e;case xu:s=9;break e;case ls:s=11;break e;case os:s=14;break e;case it:s=16,r=null;break e}throw Error(w(130,e==null?e:typeof e,""))}return t=Me(s,n,t,l),t.elementType=e,t.type=r,t.lanes=o,t}function Mt(e,t,n,r){return e=Me(7,e,r,t),e.lanes=n,e}function Cl(e,t,n,r){return e=Me(22,e,r,t),e.elementType=wu,e.lanes=n,e.stateNode={isHidden:!1},e}function bl(e,t,n){return e=Me(6,e,null,t),e.lanes=n,e}function eo(e,t,n){return t=Me(4,e.children!==null?e.children:[],e.key,t),t.lanes=n,t.stateNode={containerInfo:e.containerInfo,pendingChildren:null,implementation:e.implementation},t}function Df(e,t,n,r,l){this.tag=t,this.containerInfo=e,this.finishedWork=this.pingCache=this.current=this.pendingChildren=null,this.timeoutHandle=-1,this.callbackNode=this.pendingContext=this.context=null,this.callbackPriority=0,this.eventTimes=Ol(0),this.expirationTimes=Ol(-1),this.entangledLanes=this.finishedLanes=this.mutableReadLanes=this.expiredLanes=this.pingedLanes=this.suspendedLanes=this.pendingLanes=0,this.entanglements=Ol(0),this.identifierPrefix=r,this.onRecoverableError=l,this.mutableSourceEagerHydrationData=null}function Hs(e,t,n,r,l,o,s,i,u){return e=new Df(e,t,n,i,u),t===1?(t=1,o===!0&&(t|=8)):t=0,o=Me(3,null,null,t),e.current=o,o.stateNode=e,o.memoizedState={element:r,isDehydrated:n,cache:null,transitions:null,pendingSuspenseBoundaries:null},Ns(o),e}function Ff(e,t,n){var r=3"u"||typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE!="function"))try{__REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE(mc)}catch(e){console.error(e)}}mc(),mu.exports=_e;var Vf=mu.exports,qi=Vf;to.createRoot=qi.createRoot,to.hydrateRoot=qi.hydrateRoot;function hc(e){return`${window.location.origin}${e}`}async function Lr(e,t){const n=await fetch(hc(e),{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(t)});if(!n.ok){const r=await n.json().catch(()=>({}));throw new Error(r.error||`HTTP ${n.status}`)}}function Wf(){const[e,t]=N.useState(null),[n,r]=N.useState(!0),[l,o]=N.useState(null),s=N.useRef(null),i=N.useCallback(async()=>{try{const c=await fetch(hc("/api/mixer/state"));if(!c.ok){const g=await c.json().catch(()=>({}));throw new Error(g.error||`HTTP ${c.status}`)}const v=await c.json();t(v),o(null)}catch(c){const v=c instanceof Error?c.message:String(c);o(v)}finally{r(!1)}},[]);N.useEffect(()=>(i(),s.current=window.setInterval(i,2e3),()=>{s.current!==null&&clearInterval(s.current)}),[i]);const u=N.useCallback(async(c,v)=>{await Lr(`/api/mixer/channel/${c}/volume`,{volumeDb:v}),i()},[i]),d=N.useCallback(async(c,v)=>{await Lr(`/api/mixer/channel/${c}/pan`,{pan:v}),i()},[i]),y=N.useCallback(async(c,v)=>{await Lr(`/api/mixer/channel/${c}/mute`,{mute:v}),i()},[i]),p=N.useCallback(async(c,v)=>{await Lr(`/api/mixer/channel/${c}/solo`,{solo:v}),i()},[i]);return{state:e,loading:n,error:l,refresh:i,setVolume:u,setPan:d,setMute:y,setSolo:p}}function _n(e){return`${window.location.origin}${e}`}function Qf(){const[e,t]=N.useState([]),[n,r]=N.useState(!1),[l,o]=N.useState(null),s=N.useCallback(async()=>{r(!0),o(null);try{const p=await fetch(_n("/api/mixer/scenes"));if(!p.ok){const v=await p.json().catch(()=>({}));throw new Error(v.error||`HTTP ${p.status}`)}const c=await p.json();t(c.scenes||[])}catch(p){const c=p instanceof Error?p.message:String(p);o(c)}finally{r(!1)}},[]);N.useEffect(()=>{s()},[s]);const i=N.useCallback(async(p,c)=>{o(null);try{const v={name:p};c!==void 0&&(v.midiPc=c);const g=await fetch(_n("/api/mixer/scenes"),{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(v)});if(!g.ok){const k=await g.json().catch(()=>({}));throw new Error(k.error||`HTTP ${g.status}`)}await s()}catch(v){const g=v instanceof Error?v.message:String(v);throw o(g),v}},[s]),u=N.useCallback(async(p,c)=>{o(null);try{const v=await fetch(_n(`/api/mixer/scenes/${encodeURIComponent(p)}`),{method:"PUT",headers:{"Content-Type":"application/json"},body:JSON.stringify(c)});if(!v.ok){const g=await v.json().catch(()=>({}));throw new Error(g.error||`HTTP ${v.status}`)}await s()}catch(v){const g=v instanceof Error?v.message:String(v);o(g)}},[s]),d=N.useCallback(async p=>{o(null);try{const c=await fetch(_n(`/api/mixer/scenes/${encodeURIComponent(p)}/load`),{method:"POST"});if(!c.ok){const v=await c.json().catch(()=>({}));throw new Error(v.error||`HTTP ${c.status}`)}return!0}catch(c){const v=c instanceof Error?c.message:String(c);return o(v),!1}},[]),y=N.useCallback(async p=>{o(null);try{const c=await fetch(_n(`/api/mixer/scenes/${encodeURIComponent(p)}`),{method:"DELETE"});if(!c.ok){const v=await c.json().catch(()=>({}));throw new Error(v.error||`HTTP ${c.status}`)}await s()}catch(c){const v=c instanceof Error?c.message:String(c);o(v)}},[s]);return{scenes:e,loading:n,error:l,saveScene:i,loadScene:d,updateScene:u,deleteScene:y,refresh:s}}function Kf(){const[e,t]=N.useState([]),[n,r]=N.useState(!1),[l,o]=N.useState(null),s=N.useCallback(async y=>{r(!0),o(null);try{const p=await fetch(`/api/mixer/channel/${y}/presets`);if(!p.ok)throw new Error(`Failed to load presets: ${p.statusText}`);const c=await p.json();t(c.presets||[])}catch(p){const c=p instanceof Error?p.message:String(p);o(c)}finally{r(!1)}},[]),i=N.useCallback(async(y,p,c)=>{o(null);try{const v=await fetch(`/api/mixer/channel/${y}/presets`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({name:p,params:c})});if(!v.ok)throw new Error(`Failed to save preset: ${v.statusText}`);await s(y)}catch(v){const g=v instanceof Error?v.message:String(v);throw o(g),v}},[s]),u=N.useCallback(async(y,p)=>{o(null);try{const c=await fetch(`/api/mixer/channel/${y}/presets/${encodeURIComponent(p)}/load`,{method:"POST"});if(!c.ok){const v=await c.json().catch(()=>({}));throw new Error(v.error||`Load failed: ${c.statusText}`)}return!0}catch(c){const v=c instanceof Error?c.message:String(c);return o(v),!1}},[]),d=N.useCallback(async(y,p)=>{o(null);try{const c=await fetch(`/api/mixer/channel/${y}/presets/${encodeURIComponent(p)}`,{method:"DELETE"});if(!c.ok)throw new Error(`Failed to delete preset: ${c.statusText}`);await s(y)}catch(c){const v=c instanceof Error?c.message:String(c);o(v)}},[s]);return{presets:e,loading:n,error:l,savePreset:i,loadPreset:u,deletePreset:d,refreshPresets:s}}const Gf=({scenes:e,loading:t,error:n,onClose:r,onSaveScene:l,onLoadScene:o,onDeleteScene:s})=>{const[i,u]=N.useState(""),[d,y]=N.useState(""),[p,c]=N.useState(!1),[v,g]=N.useState(null),[k,D]=N.useState(null),[m,f]=N.useState(null),[h,x]=N.useState(null),S=n||h,P=N.useCallback(async()=>{const L=i.trim();if(L){c(!0),x(null);try{const pe=d.trim()!==""?parseInt(d.trim(),10):null;await l(L,pe),u(""),y("")}catch{x("Failed to save scene")}finally{c(!1)}}},[i,d,l]),E=N.useCallback(async L=>{g(L),x(null);try{await o(L)?(D(L),setTimeout(()=>D(null),700)):x("Load failed — check daemon connection")}catch{x("Load failed")}finally{g(null)}},[o]),_=N.useCallback(async L=>{x(null),f(null);try{await s(L)}catch{x("Failed to delete scene")}},[s]),H=N.useCallback(L=>{L.key==="Enter"&&P()},[P]),R=L=>new Date(L*1e3).toLocaleDateString(void 0,{month:"short",day:"numeric",hour:"2-digit",minute:"2-digit"});return a.jsxs("div",{className:"daemon-scene-manager-overlay",children:[a.jsxs("div",{className:"daemon-scene-manager-header",children:[a.jsxs("div",{className:"daemon-scene-manager-title-row",children:[a.jsx("h2",{children:"Scenes"}),a.jsx("span",{className:"daemon-scene-manager-count",children:e.length})]}),a.jsx("button",{className:"daemon-scene-close-btn",onClick:r,title:"Close",children:"✕"})]}),a.jsxs("div",{className:"daemon-scene-list",children:[t&&e.length===0&&a.jsx("div",{className:"daemon-scene-list-loading",children:"Loading scenes..."}),!t&&e.length===0&&a.jsxs("div",{className:"daemon-scene-list-empty",children:[a.jsx("span",{children:"No saved scenes yet"}),a.jsx("span",{children:"Use the form below to save the current mixer state."})]}),e.map(L=>a.jsx("div",{className:`daemon-scene-card ${k===L.id?"daemon-scene-loaded-flash":""} ${v===L.id?"daemon-scene-loading":""}`,children:a.jsxs("div",{className:"daemon-scene-card-content",children:[a.jsxs("div",{className:"daemon-scene-card-info",children:[a.jsx("span",{className:"daemon-scene-card-name",onClick:()=>E(L.id),title:`Load "${L.name}"`,children:L.name}),a.jsxs("div",{className:"daemon-scene-card-meta",children:[a.jsx("span",{className:"daemon-scene-card-time",children:R(L.createdAt)}),L.midiPc!==null&&L.midiPc!==void 0&&a.jsxs("span",{className:"daemon-scene-card-midi",children:["PC#",L.midiPc]})]})]}),a.jsxs("div",{className:"daemon-scene-card-actions",children:[a.jsx("button",{className:"daemon-scene-card-btn load",onClick:()=>E(L.id),disabled:v===L.id,title:"Load scene",children:v===L.id?"Loading...":"▶ Load"}),a.jsx("button",{className:"daemon-scene-card-btn delete",onClick:()=>f(L.id),title:"Delete scene",children:"✕"})]})]})},L.id))]}),a.jsxs("div",{className:"daemon-scene-save-form",children:[a.jsxs("div",{className:"daemon-scene-save-row",children:[a.jsx("input",{className:"daemon-scene-name-input",type:"text",placeholder:"Scene name...",value:i,onChange:L=>u(L.target.value),onKeyDown:H,maxLength:60}),a.jsx("button",{className:"daemon-scene-save-btn",onClick:P,disabled:p||!i.trim(),children:p?"Saving...":"Save"})]}),a.jsx("div",{className:"daemon-scene-save-row",children:a.jsxs("div",{className:"daemon-scene-midi-input-group",children:[a.jsx("span",{className:"daemon-scene-midi-label",children:"MIDI PC:"}),a.jsx("input",{className:"daemon-scene-midi-input",type:"number",min:"0",max:"127",placeholder:"—",value:d,onChange:L=>y(L.target.value)})]})})]}),S&&a.jsx("div",{className:"daemon-scene-error",children:S}),m!==null&&a.jsx("div",{className:"daemon-scene-confirm-overlay",onClick:()=>f(null),children:a.jsxs("div",{className:"daemon-scene-confirm-dialog",onClick:L=>L.stopPropagation(),children:[a.jsx("p",{children:"Delete this scene permanently?"}),a.jsx("p",{className:"daemon-scene-confirm-hint",children:"The saved daemon state will be lost."}),a.jsxs("div",{className:"daemon-scene-confirm-actions",children:[a.jsx("button",{className:"daemon-scene-confirm-cancel",onClick:()=>f(null),children:"Cancel"}),a.jsx("button",{className:"daemon-scene-confirm-delete",onClick:()=>_(m),children:"Delete"})]})]})})]})},Yf={connected:"#4caf50",connecting:"#ff9800",disconnected:"#9e9e9e",error:"#f44336"},Xf={connected:"Connected to PiPedal",connecting:"Connecting...",disconnected:"Disconnected",error:"Connection Error"},Jf=({state:e,onRetry:t})=>a.jsxs("div",{className:"connection-status",children:[a.jsxs("div",{className:"status-indicator",children:[a.jsx("span",{className:"status-dot",style:{backgroundColor:Yf[e.status]||"#9e9e9e"}}),a.jsx("span",{className:"status-label",children:Xf[e.status]||e.status})]}),e.error&&a.jsxs("div",{className:"status-error",children:[a.jsx("span",{children:e.error}),t&&a.jsx("button",{className:"retry-btn",onClick:t,children:"Retry"})]})]}),On=32,Xo=28,ir=4,Vt="#e94560",Zf=2.5,qf=4;function bi(e,t){const n=e.filter(o=>o.direction===t&&o.port_type==="audio").sort((o,s)=>{if(o.is_physical!==s.is_physical)return o.is_physical?-1:1;const i=o.client.localeCompare(s.client);return i!==0?i:o.port.localeCompare(s.port)}),r=[];let l=null;for(const o of n)(!l||l.client!==o.client)&&(l={client:o.client,ports:[],totalHeight:Xo+ir},r.push(l)),l.ports.push(o),l.totalHeight+=On;return r}function bf(e,t,n,r){const l={},o={};let s=r;for(const y of e){s+=Xo+ir/2;for(const p of y.ports)l[p.name]=s+On/2,s+=On}let i=r;for(const y of t){i+=Xo+ir/2;for(const p of y.ports)o[p.name]=i+On/2,i+=On}const u=[],d=new Set;for(const[y,p]of Object.entries(l)){const c=n[y]||[];for(const v of c){const g=`${y}→${v}`;if(d.has(g))continue;d.add(g);const k=o[v];k!==void 0&&u.push({source:y,dest:v,y1:p,y2:k})}}return u}function eu(e,t,n,r){const l=r,o=n-r,s=Math.max(60,(o-l)*.4);return`M ${l} ${e} C ${l+s} ${e}, ${o-s} ${t}, ${o} ${t}`}const ep=({portsState:e,onConnect:t,onDisconnect:n,onDisconnectAll:r,onRefresh:l,actionState:o,actionError:s})=>{const{ports:i,connections:u,loading:d,error:y,source:p}=e,[c,v]=N.useState(null),[g,k]=N.useState(null),D=N.useRef(null),[m,f]=N.useState(800),h=N.useMemo(()=>bi(i,"output"),[i]),x=N.useMemo(()=>bi(i,"input"),[i]),S=N.useMemo(()=>{const F=h.reduce((Ve,C)=>Ve+C.totalHeight,ir),oe=x.reduce((Ve,C)=>Ve+C.totalHeight,ir),q=Math.max(F,oe)+40+20;return{headerH:40,leftH:F,rightH:oe,totalH:q}},[h,x]),E=Math.max(200,Math.floor(m*.35)),_=N.useMemo(()=>bf(h,x,u,S.headerH+12),[h,x,u,S.headerH]);N.useEffect(()=>{const T=D.current;if(!T)return;const F=new ResizeObserver(oe=>{for(const q of oe)f(q.contentRect.width)});return F.observe(T),()=>F.disconnect()},[]),N.useEffect(()=>{o==="idle"&&v(null)},[o]);const H=N.useCallback(async T=>{if(T.direction==="output")if(T.connections.length>0)for(const F of T.connections)await n(T.name,F);else v(c===T.name?null:T.name);else if(c)await t(c,T.name),v(null);else if(T.connections.length>0)for(const F of T.connections)await n(F,T.name)},[c,t,n]),R=N.useCallback(T=>{const F=["patch-port"];return T.connections.length>0&&F.push("connected"),c===T.name&&F.push("armed"),T.direction==="output"&&c&&c!==T.name&&F.push("available"),F.join(" ")},[c]),L=N.useMemo(()=>{let T=0;for(const[,F]of Object.entries(u))T+=F.length;return T},[u]),pe=(T,F)=>a.jsx("div",{className:`patch-column patch-column-${F}`,children:T.map(oe=>a.jsxs("div",{className:"patch-group",children:[a.jsxs("div",{className:"patch-group-header",children:[a.jsx("span",{className:`patch-group-dot ${oe.client==="system"?"physical":""}`}),a.jsx("span",{className:"patch-group-name",children:oe.client==="system"?oe.client:oe.client.replace(/^pipedal:/,"").replace(/^pipedal/,"PiPedal")})]}),oe.ports.map(q=>a.jsxs("div",{className:R(q),onClick:()=>H(q),title:`${q.name}${q.connections.length>0?` +Connected to: ${q.connections.join(", ")}`:` +Click to connect`}`,children:[F==="left"&&a.jsx("span",{className:"patch-port-indicator"}),a.jsx("span",{className:`patch-port-name ${q.is_physical?"physical":""}`,children:q.port}),q.connections.length>0&&a.jsx("span",{className:"patch-port-conn-count",children:q.connections.length})]},q.name))]},oe.client))});return d?a.jsx("div",{className:"patch-bay",children:a.jsxs("div",{className:"patch-bay-loading",children:[a.jsx("div",{className:"patch-spinner"}),a.jsx("span",{children:"Loading JACK ports..."})]})}):i.length===0?a.jsx("div",{className:"patch-bay",children:a.jsxs("div",{className:"patch-bay-empty",children:[a.jsx("div",{className:"patch-empty-icon",children:"🔌"}),a.jsx("h3",{children:"No JACK Ports Available"}),a.jsx("p",{children:p==="none"?"PiPedal is unreachable. Ensure the PiPedal server is running on 192.168.0.245:8080.":"No ports found in the current pedalboard."}),y&&a.jsx("p",{className:"patch-empty-note",children:y}),a.jsx("button",{className:"patch-refresh-btn",onClick:l,children:"↻ Retry"})]})}):a.jsxs("div",{className:"patch-bay",ref:D,children:[a.jsxs("div",{className:"patch-bay-header",children:[a.jsxs("div",{className:"patch-bay-title",children:[a.jsx("span",{className:"patch-icon",children:"🔌"}),a.jsx("span",{children:"Patch Bay"}),a.jsx("span",{className:"patch-conn-count",children:L})]}),a.jsxs("div",{className:"patch-bay-actions",children:[c&&a.jsxs("span",{className:"patch-armed-info",children:["Armed: ",a.jsx("code",{children:c.split(":").pop()})]}),o!=="idle"&&a.jsx("span",{className:`patch-action-state ${o}`,children:o==="connecting"?"Connecting...":o==="disconnecting"?"Disconnecting...":s||"Error"}),a.jsx("button",{className:"patch-action-btn",onClick:r,disabled:L===0||o!=="idle",title:"Disconnect all",children:"✕ Disconnect All"}),a.jsx("button",{className:"patch-refresh-btn",onClick:l,disabled:o!=="idle",title:"Refresh ports",children:"↻"})]})]}),a.jsxs("div",{className:"patch-bay-body",style:{minHeight:S.totalH},children:[a.jsxs("svg",{className:"patch-cables-svg",width:m,height:S.totalH,style:{position:"absolute",top:0,left:0,pointerEvents:"none"},children:[a.jsxs("defs",{children:[a.jsxs("linearGradient",{id:"cableGrad",x1:"0",y1:"0",x2:"1",y2:"0",children:[a.jsx("stop",{offset:"0%",stopColor:Vt,stopOpacity:.15}),a.jsx("stop",{offset:"50%",stopColor:Vt,stopOpacity:.6}),a.jsx("stop",{offset:"100%",stopColor:Vt,stopOpacity:.15})]}),a.jsxs("filter",{id:"cableGlow",children:[a.jsx("feGaussianBlur",{stdDeviation:"2",result:"blur"}),a.jsxs("feMerge",{children:[a.jsx("feMergeNode",{in:"blur"}),a.jsx("feMergeNode",{in:"SourceGraphic"})]})]})]}),_.map(T=>a.jsx("path",{d:eu(T.y1,T.y2,m,E),fill:"none",stroke:"transparent",strokeWidth:14,style:{pointerEvents:"stroke",cursor:"pointer"},onMouseEnter:()=>k({source:T.source,dest:T.dest}),onMouseLeave:()=>k(null),onClick:()=>{n(T.source,T.dest)}},`bg-${T.source}→${T.dest}`)),_.map(T=>{const F=(g==null?void 0:g.source)===T.source&&(g==null?void 0:g.dest)===T.dest;return a.jsx("path",{d:eu(T.y1,T.y2,m,E),fill:"none",stroke:F?"#ff6b81":Vt,strokeWidth:F?qf:Zf,strokeLinecap:"round",opacity:F?.9:.5,filter:F?"url(#cableGlow)":void 0,style:{pointerEvents:"none"}},`cable-${T.source}→${T.dest}`)}),_.map(T=>a.jsx("circle",{cx:E,cy:T.y1,r:3,fill:Vt,opacity:.8},`dot-${T.source}→${T.dest}`)),_.map(T=>a.jsx("circle",{cx:m-E,cy:T.y2,r:3,fill:Vt,opacity:.8},`dot2-${T.source}→${T.dest}`))]}),pe(h,"left"),pe(x,"right"),p!=="pipedal"&&p!=="none"&&a.jsxs("div",{className:"patch-source-note",children:["Port data from pedalboard state (source: ",p,")"]})]}),y&&a.jsxs("div",{className:"patch-bay-error",children:[a.jsxs("span",{children:["⚠ ",y]}),a.jsx("button",{className:"patch-dismiss-btn",onClick:l,children:"↻"})]}),s&&a.jsx("div",{className:"patch-bay-error action",children:a.jsxs("span",{children:["⚠ ",s]})})]})};function tp(){const[e,t]=N.useState({ports:[],connections:{},loading:!0,error:null,source:"none"}),[n,r]=N.useState("idle"),[l,o]=N.useState(null),s=N.useRef(!0);N.useEffect(()=>()=>{s.current=!1},[]);const i=N.useCallback(async()=>{t(p=>({...p,loading:!0,error:null}));try{const p=await fetch("/api/jack/ports");if(!p.ok)throw new Error(`Failed to load JACK ports: ${p.statusText}`);const c=await p.json();s.current&&t({ports:c.ports||[],connections:c.connections||{},loading:!1,error:c.note||null,source:c.source})}catch(p){const c=p instanceof Error?p.message:String(p);s.current&&t(v=>({...v,loading:!1,error:c}))}},[]),u=N.useCallback(async(p,c)=>{r("connecting"),o(null);try{const v=await fetch("/api/jack/connect",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({source:p,destination:c})});if(!v.ok){const g=await v.json().catch(()=>({}));throw new Error(g.detail||`Connect failed: ${v.statusText}`)}return await i(),r("idle"),!0}catch(v){const g=v instanceof Error?v.message:String(v);return o(g),r("error"),!1}},[i]),d=N.useCallback(async(p,c)=>{r("disconnecting"),o(null);try{const v=await fetch("/api/jack/disconnect",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({source:p,destination:c})});if(!v.ok){const g=await v.json().catch(()=>({}));throw new Error(g.detail||`Disconnect failed: ${v.statusText}`)}return await i(),r("idle"),!0}catch(v){const g=v instanceof Error?v.message:String(v);return o(g),r("error"),!1}},[i]),y=N.useCallback(async()=>{r("disconnecting"),o(null);try{const p=await fetch("/api/jack/disconnect-all",{method:"POST"});if(!p.ok)throw new Error(`Disconnect all failed: ${p.statusText}`);return await i(),r("idle"),!0}catch(p){const c=p instanceof Error?p.message:String(p);return o(c),r("error"),!1}},[i]);return N.useEffect(()=>{i()},[i]),{portsState:e,refresh:i,connect:u,disconnect:d,disconnectAll:y,actionState:n,actionError:l}}const he=-60,tu=0;function Tn(e){const n=(Math.max(he,Math.min(tu,e))-he)/(tu-he);return Math.sqrt(n)*100}function np(e){return e<60?`hsl(${120-e/60*70}, 85%, 45%)`:e<85?`hsl(${50-(e-60)/25*50}, 95%, 50%)`:"hsl(0, 90%, 50%)"}const vn=({label:e,level:t,peakHold:n=2e3,compact:r=!1})=>{const l=N.useRef(he),o=N.useRef(null),[,s]=fu.useState(0);N.useEffect(()=>(t>l.current&&(l.current=t,o.current!==null&&clearTimeout(o.current),o.current=window.setTimeout(()=>{l.current=Math.max(t,he),s(d=>d+1)},n)),()=>{o.current!==null&&clearTimeout(o.current)}),[t,n]);const i=Tn(t),u=Tn(l.current);return a.jsxs("div",{className:`meter-bar ${r?"meter-bar--compact":""}`,children:[a.jsx("span",{className:"meter-bar-label",children:e}),a.jsxs("div",{className:"meter-bar-track",children:[a.jsx("div",{className:"meter-bar-fill",style:{height:`${Math.min(100,i)}%`,backgroundColor:np(i)}}),a.jsx("div",{className:"meter-bar-peak",style:{bottom:`${Math.min(100,u)}%`}}),a.jsx("div",{className:"meter-bar-tick",style:{bottom:`${Tn(-6)}%`}}),a.jsx("div",{className:"meter-bar-tick meter-bar-tick--yellow",style:{bottom:`${Tn(-20)}%`}}),a.jsx("div",{className:"meter-bar-tick meter-bar-tick--green",style:{bottom:`${Tn(-40)}%`}})]}),a.jsx("span",{className:`meter-bar-db ${t>-10?"hot":""}`,children:t>he?`${t>=0?"+":""}${t.toFixed(1)}`:"-∞"})]})},rp=({channel:e})=>{const t=e.vuLeft??he,n=e.vuRight??he,r=e.gateOpen??!0,l=e.compressorReduction??0;return a.jsxs("div",{className:`meter-tile ${e.mute?"meter-tile--muted":""}`,children:[a.jsxs("div",{className:"meter-tile-badge",children:[a.jsx("span",{className:"meter-tile-name",children:e.label||`Ch ${e.channelIndex+1}`}),a.jsx("span",{className:"meter-tile-type",children:e.type})]}),a.jsxs("div",{className:"meter-tile-status",children:[e.mute&&a.jsx("span",{className:"meter-tile-flag flag-mute",children:"M"}),e.solo&&a.jsx("span",{className:"meter-tile-flag flag-solo",children:"S"}),a.jsx("span",{className:`meter-tile-gate ${r?"gate-open":"gate-closed"}`,title:r?"Gate: Open":"Gate: Closed",children:"G"})]}),l>.5&&a.jsxs("div",{className:"meter-tile-comp",children:[a.jsx("div",{className:"meter-comp-track",children:a.jsx("div",{className:"meter-comp-fill",style:{width:`${Math.min(100,l*8)}%`}})}),a.jsxs("span",{className:"meter-comp-label",children:[l.toFixed(1),"dB"]})]}),a.jsxs("div",{className:"meter-tile-bars",children:[a.jsx(vn,{label:"L",level:t}),a.jsx(vn,{label:"R",level:n})]})]})},lp=({bus:e})=>{const t=e.vuLeft??he,n=e.vuRight??he;return a.jsxs("div",{className:`meter-tile meter-tile--bus ${e.mute?"meter-tile--muted":""}`,children:[a.jsxs("div",{className:"meter-tile-badge",children:[a.jsx("span",{className:"meter-tile-name",children:e.name||`Bus ${e.id}`}),a.jsx("span",{className:"meter-tile-type",children:e.type})]}),a.jsx("div",{className:"meter-tile-status",children:e.mute&&a.jsx("span",{className:"meter-tile-flag flag-mute",children:"M"})}),a.jsxs("div",{className:"meter-tile-bars",children:[a.jsx(vn,{label:"L",level:t,compact:!0}),a.jsx(vn,{label:"R",level:n,compact:!0})]})]})},op=({state:e,loading:t,error:n,onRefresh:r,onBack:l})=>{if(t)return a.jsx("div",{className:"meters-page",children:a.jsx("div",{className:"meters-empty",children:a.jsx("p",{children:"Connecting to mixer daemon…"})})});if(n)return a.jsx("div",{className:"meters-page",children:a.jsxs("div",{className:"meters-empty",children:[a.jsx("h2",{children:"Mixer Daemon Unreachable"}),a.jsx("p",{children:n}),a.jsx("button",{className:"meters-retry-btn",onClick:r,children:"↻ Retry"})]})});if(!e)return a.jsx("div",{className:"meters-page",children:a.jsx("div",{className:"meters-empty",children:a.jsx("p",{children:"No mixer data."})})});const{channels:o,buses:s}=e,i=s.length>0?Math.max(...s.map(d=>d.vuLeft??he)):he,u=s.length>0?Math.max(...s.map(d=>d.vuRight??he)):he;return a.jsxs("div",{className:"meters-page",children:[a.jsxs("div",{className:"meters-toolbar",children:[a.jsx("button",{className:"meters-back-btn",onClick:l,title:"Back to mixer",children:"← Back"}),a.jsx("span",{className:"meters-title",children:"Meter Bridge"}),a.jsxs("span",{className:"meters-count",children:[o.length,"ch"]}),a.jsx("button",{className:"meters-refresh-btn",onClick:r,children:"↻"})]}),o.length>0&&a.jsxs("div",{className:"meters-section",children:[a.jsxs("div",{className:"meters-section-header",children:[a.jsx("h2",{children:"Channels"}),a.jsx("span",{className:"meters-section-count",children:o.length})]}),a.jsx("div",{className:"meters-grid",children:o.map(d=>a.jsx(rp,{channel:d},d.channelIndex))})]}),s.filter(d=>d.type!=="Master").length>0&&a.jsxs("div",{className:"meters-section",children:[a.jsxs("div",{className:"meters-section-header",children:[a.jsx("h2",{children:"Buses"}),a.jsx("span",{className:"meters-section-count",children:s.filter(d=>d.type!=="Master").length})]}),a.jsx("div",{className:"meters-grid meters-grid--bus",children:s.filter(d=>d.type!=="Master").map(d=>a.jsx(lp,{bus:d},d.id))})]}),a.jsxs("div",{className:"meters-section",children:[a.jsx("div",{className:"meters-section-header",children:a.jsx("h2",{children:"Master"})}),a.jsxs("div",{className:"meters-master-row",children:[a.jsx(vn,{label:"L",level:i,peakHold:3e3}),a.jsx(vn,{label:"R",level:u,peakHold:3e3}),a.jsxs("div",{className:"meters-master-info",children:[a.jsx("span",{className:"meters-master-label",children:"Master Out"}),a.jsx("span",{className:"meters-master-db",children:Math.max(i,u)>he?`${Math.max(i,u).toFixed(1)} dB`:"-∞"})]})]})]})]})},sp=({channelIndex:e,channelLabel:t,presets:n,loading:r,onSave:l,onLoad:o,onDelete:s,onClose:i})=>{const[u,d]=N.useState(""),y=()=>{const p=u.trim();p&&(l(p),d(""))};return a.jsxs("div",{className:"preset-panel",onClick:p=>p.stopPropagation(),children:[a.jsxs("div",{className:"preset-panel-header",children:[a.jsxs("span",{className:"preset-panel-title",children:["Presets — ",t]}),a.jsx("button",{className:"preset-panel-close",onClick:i,children:"✕"})]}),a.jsxs("div",{className:"preset-panel-list",children:[r&&n.length===0&&a.jsx("div",{className:"preset-panel-empty",children:"Loading..."}),!r&&n.length===0&&a.jsx("div",{className:"preset-panel-empty",children:"No presets saved"}),n.map(p=>a.jsxs("div",{className:"preset-row",children:[a.jsx("span",{className:"preset-row-name",children:p.name}),a.jsxs("div",{className:"preset-row-actions",children:[a.jsx("button",{className:"preset-row-btn load",onClick:()=>o(p.id),children:"Load"}),a.jsx("button",{className:"preset-row-btn delete",onClick:()=>s(p.id),children:"✕"})]})]},p.id))]}),a.jsxs("div",{className:"preset-panel-save",children:[a.jsx("input",{className:"preset-panel-input",type:"text",placeholder:"Preset name...",value:u,onChange:p=>d(p.target.value),onKeyDown:p=>p.key==="Enter"&&y(),maxLength:60}),a.jsx("button",{className:"preset-panel-save-btn",onClick:y,disabled:!u.trim(),children:"Save"})]})]})},ip=({ch:e,onVolume:t,onPan:n,onMute:r,onSolo:l,onPresets:o})=>a.jsxs("div",{className:`daemon-channel ${e.mute?"muted":""}`,children:[a.jsxs("div",{className:"daemon-channel-header",children:[a.jsx("span",{className:"daemon-channel-label",children:e.label}),a.jsx("span",{className:"daemon-channel-type",children:e.type})]}),a.jsxs("div",{className:"daemon-channel-controls",children:[a.jsxs("label",{children:["Vol",a.jsx("input",{type:"range",min:"-96",max:"12",step:"0.5",value:e.volume,onChange:s=>t(parseFloat(s.target.value))}),a.jsxs("span",{className:"daemon-value",children:[e.volume.toFixed(1),"dB"]})]}),a.jsxs("label",{children:["Pan",a.jsx("input",{type:"range",min:"-1",max:"1",step:"0.1",value:e.pan,onChange:s=>n(parseFloat(s.target.value))}),a.jsx("span",{className:"daemon-value",children:e.pan.toFixed(1)})]})]}),a.jsxs("div",{className:"daemon-channel-buttons",children:[a.jsx("button",{className:`daemon-btn ${e.mute?"active":""}`,onClick:r,children:"M"}),a.jsx("button",{className:`daemon-btn ${e.solo?"active":""}`,onClick:l,children:"S"}),a.jsx("button",{className:"daemon-btn preset-btn",onClick:o,title:"Channel presets",children:"P"})]})]}),up=({bus:e,channels:t,routes:n})=>{const r=n.filter(l=>l.targetBusId===e.id&&l.sourceType==="channel");return a.jsxs("div",{className:"daemon-bus",children:[a.jsxs("div",{className:"daemon-channel-header",children:[a.jsx("span",{className:"daemon-channel-label",children:e.name}),a.jsx("span",{className:"daemon-channel-type",children:e.type})]}),a.jsxs("div",{className:"daemon-bus-meters",children:[a.jsxs("span",{className:"daemon-value",children:[e.volume.toFixed(1),"dB"]}),e.mute&&a.jsx("span",{className:"daemon-badge muted-badge",children:"MUTED"})]}),r.length>0&&a.jsxs("div",{className:"daemon-bus-routes",children:[a.jsx("div",{className:"daemon-bus-routes-title",children:"Inputs"}),r.map(l=>{const o=t.find(i=>i.channelIndex===l.sourceId||i.channelIndex+3===l.sourceId),s=o?o.label:`Ch ${l.sourceId}`;return a.jsxs("div",{className:"daemon-bus-route-row",children:[a.jsx("span",{className:"daemon-route-name",children:s}),a.jsxs("span",{className:"daemon-route-level",children:[l.level.toFixed(1),"dB"]})]},`${l.sourceId}→${l.targetBusId}`)})]})]})},ap=({bus:e})=>a.jsxs("div",{className:"daemon-master",children:[a.jsx("div",{className:"daemon-channel-header",children:a.jsx("span",{className:"daemon-channel-label",children:e.name})}),a.jsx("div",{className:"daemon-bus-meters",children:a.jsxs("span",{className:"daemon-value",children:[e.volume.toFixed(1),"dB"]})})]}),cp=()=>{const{state:e,loading:t,error:n,refresh:r,setVolume:l,setPan:o,setMute:s,setSolo:i}=Wf(),{scenes:u,loading:d,error:y,saveScene:p,loadScene:c,deleteScene:v}=Qf(),{presets:g,loading:k,savePreset:D,loadPreset:m,deletePreset:f,refreshPresets:h}=Kf(),{portsState:x,refresh:S,connect:P,disconnect:E,disconnectAll:_,actionState:H,actionError:R}=tp(),[L,pe]=N.useState(!1),[T,F]=N.useState(!1),[oe,q]=N.useState(!1),[Ve,C]=N.useState(!1),[z,O]=N.useState(null),Q="http://192.168.0.245:8080/",b=M=>{O(M),h(M)},Ht=async M=>{if(z===null||!e)return;const K=e.channels.find(Bt=>Bt.channelIndex===z);K&&await D(z,M,{volume:K.volume,pan:K.pan,mute:K.mute,solo:K.solo})},Xe=z!==null?g.filter(M=>M.channelIndex===z||M.channelIndex===null):[];return a.jsxs("div",{className:"app",children:[a.jsxs("header",{className:"mixer-header",children:[a.jsxs("div",{className:"mixer-header-left",children:[a.jsx("h1",{className:"mixer-title",children:"OPLabs Mixer"}),e&&a.jsxs("span",{className:"mixer-pedalboard-name",children:[e.physicalInputCount,"ch / ",e.sampleRate,"Hz"]})]}),a.jsxs("div",{className:"mixer-header-right",children:[a.jsx(Jf,{state:{status:n?"error":t?"connecting":"connected",error:n||void 0},onRetry:r}),a.jsx("button",{className:`mixer-scenes-btn ${L?"active":""}`,onClick:()=>pe(M=>!M),children:"🎬 Scenes"}),a.jsx("button",{className:`mixer-scenes-btn ${Ve?"active":""}`,onClick:()=>C(M=>!M),children:"🔌 Patch"}),a.jsx("button",{className:`mixer-scenes-btn ${T?"active":""}`,onClick:()=>F(M=>!M),children:"📊 Meters"}),a.jsx("button",{className:`mixer-scenes-btn ${oe?"active":""}`,onClick:()=>q(M=>!M),children:"🎛️ PiPedal"}),a.jsx("button",{className:"mixer-refresh-btn",onClick:r,children:"↻ Refresh"})]})]}),T?a.jsx(op,{state:e,loading:t,error:n,onRefresh:r,onBack:()=>F(!1)}):a.jsxs("div",{className:`mixer-content ${oe?"mixer-content-split":""}`,children:[a.jsxs("div",{className:"mixer-content-main",children:[t&&a.jsx("div",{className:"mixer-empty",children:a.jsx("p",{children:"Connecting to mixer daemon..."})}),n&&a.jsxs("div",{className:"mixer-empty",children:[a.jsx("h2",{children:"Mixer Daemon Unreachable"}),a.jsx("p",{children:n}),a.jsx("button",{className:"mixer-refresh-btn large",onClick:r,children:"↻ Retry"})]}),e&&e.channels.length===0&&a.jsxs("div",{className:"mixer-empty",children:[a.jsx("h2",{children:"No Channels"}),a.jsx("p",{children:"No mixer channels configured. Add channels via the daemon."})]}),e&&e.channels.length>0&&a.jsxs(a.Fragment,{children:[a.jsxs("div",{className:"daemon-channels-section",children:[a.jsxs("div",{className:"mixer-section-header",children:[a.jsx("h2",{children:"Channels"}),a.jsx("span",{className:"mixer-count",children:e.channels.length})]}),a.jsx("div",{className:"daemon-channels-grid",children:e.channels.map(M=>a.jsxs("div",{className:"daemon-channel-wrapper",children:[a.jsx(ip,{ch:M,onVolume:K=>l(M.channelIndex,K),onPan:K=>o(M.channelIndex,K),onMute:()=>s(M.channelIndex,!M.mute),onSolo:()=>i(M.channelIndex,!M.solo),onPresets:()=>b(M.channelIndex)}),z===M.channelIndex&&a.jsx(sp,{channelIndex:M.channelIndex,channelLabel:M.label,presets:Xe,loading:k,onSave:Ht,onLoad:K=>m(M.channelIndex,K),onDelete:K=>f(M.channelIndex,K),onClose:()=>O(null)})]},M.channelIndex))})]}),e.buses.map(M=>a.jsx("div",{className:"daemon-buses-section",children:M.type==="Master"?a.jsx(ap,{bus:M}):a.jsx(up,{bus:M,channels:e.channels,routes:e.routes})},M.id)),e.outputRoutes&&e.outputRoutes.length>0&&a.jsxs("div",{className:"daemon-routing-info",children:[a.jsx("div",{className:"mixer-section-header",children:a.jsx("h2",{children:"Output Routing"})}),a.jsx("div",{className:"daemon-routing-grid",children:e.outputRoutes.map((M,K)=>a.jsxs("div",{className:"daemon-route-chip",children:["Bus ",M.sourceBusId," → Out ",M.targetStartChannel,"+",M.channels-1]},K))})]})]})]}),oe&&a.jsx("div",{className:"mixer-pipedal-pane",children:a.jsx("iframe",{src:Q,title:"PiPedal",className:"mixer-pipedal-iframe",sandbox:"allow-scripts allow-same-origin allow-forms allow-popups"})})]}),L&&a.jsx(Gf,{scenes:u,loading:d,error:y,onClose:()=>pe(!1),onSaveScene:p,onLoadScene:c,onDeleteScene:v}),Ve&&a.jsx("div",{className:"mixer-patch-pane",children:a.jsx(ep,{portsState:x,onConnect:P,onDisconnect:E,onDisconnectAll:_,onRefresh:S,actionState:H,actionError:R})})]})};to.createRoot(document.getElementById("root")).render(a.jsx(fu.StrictMode,{children:a.jsx(cp,{})})); diff --git a/frontend/dist/assets/index-CpkXACSZ.js b/frontend/dist/assets/index-CpkXACSZ.js deleted file mode 100644 index 3917272..0000000 --- a/frontend/dist/assets/index-CpkXACSZ.js +++ /dev/null @@ -1,42 +0,0 @@ -(function(){const t=document.createElement("link").relList;if(t&&t.supports&&t.supports("modulepreload"))return;for(const l of document.querySelectorAll('link[rel="modulepreload"]'))r(l);new MutationObserver(l=>{for(const s of l)if(s.type==="childList")for(const o of s.addedNodes)o.tagName==="LINK"&&o.rel==="modulepreload"&&r(o)}).observe(document,{childList:!0,subtree:!0});function n(l){const s={};return l.integrity&&(s.integrity=l.integrity),l.referrerPolicy&&(s.referrerPolicy=l.referrerPolicy),l.crossOrigin==="use-credentials"?s.credentials="include":l.crossOrigin==="anonymous"?s.credentials="omit":s.credentials="same-origin",s}function r(l){if(l.ep)return;l.ep=!0;const s=n(l);fetch(l.href,s)}})();function Oc(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var gu={exports:{}},gl={},xu={exports:{}},F={};/** - * @license React - * react.production.min.js - * - * Copyright (c) Facebook, Inc. and its affiliates. - * - * This source code is licensed under the MIT license found in the - * LICENSE file in the root directory of this source tree. - */var fr=Symbol.for("react.element"),Fc=Symbol.for("react.portal"),Dc=Symbol.for("react.fragment"),Ac=Symbol.for("react.strict_mode"),Uc=Symbol.for("react.profiler"),Bc=Symbol.for("react.provider"),Vc=Symbol.for("react.context"),Hc=Symbol.for("react.forward_ref"),Wc=Symbol.for("react.suspense"),Qc=Symbol.for("react.memo"),Kc=Symbol.for("react.lazy"),ei=Symbol.iterator;function Gc(e){return e===null||typeof e!="object"?null:(e=ei&&e[ei]||e["@@iterator"],typeof e=="function"?e:null)}var wu={isMounted:function(){return!1},enqueueForceUpdate:function(){},enqueueReplaceState:function(){},enqueueSetState:function(){}},ku=Object.assign,Su={};function kn(e,t,n){this.props=e,this.context=t,this.refs=Su,this.updater=n||wu}kn.prototype.isReactComponent={};kn.prototype.setState=function(e,t){if(typeof e!="object"&&typeof e!="function"&&e!=null)throw Error("setState(...): takes an object of state variables to update or a function which returns an object of state variables.");this.updater.enqueueSetState(this,e,t,"setState")};kn.prototype.forceUpdate=function(e){this.updater.enqueueForceUpdate(this,e,"forceUpdate")};function Cu(){}Cu.prototype=kn.prototype;function ro(e,t,n){this.props=e,this.context=t,this.refs=Su,this.updater=n||wu}var lo=ro.prototype=new Cu;lo.constructor=ro;ku(lo,kn.prototype);lo.isPureReactComponent=!0;var ti=Array.isArray,Nu=Object.prototype.hasOwnProperty,so={current:null},Eu={key:!0,ref:!0,__self:!0,__source:!0};function ju(e,t,n){var r,l={},s=null,o=null;if(t!=null)for(r in t.ref!==void 0&&(o=t.ref),t.key!==void 0&&(s=""+t.key),t)Nu.call(t,r)&&!Eu.hasOwnProperty(r)&&(l[r]=t[r]);var i=arguments.length-2;if(i===1)l.children=n;else if(1>>1,q=E[z];if(0>>1;zl(Nn,$))Yel(Kt,Nn)?(E[z]=Kt,E[Ye]=$,z=Ye):(E[z]=Nn,E[Ge]=$,z=Ge);else if(Yel(Kt,$))E[z]=Kt,E[Ye]=$,z=Ye;else break e}}return O}function l(E,O){var $=E.sortIndex-O.sortIndex;return $!==0?$:E.id-O.id}if(typeof performance=="object"&&typeof performance.now=="function"){var s=performance;e.unstable_now=function(){return s.now()}}else{var o=Date,i=o.now();e.unstable_now=function(){return o.now()-i}}var u=[],f=[],y=1,m=null,p=3,v=!1,x=!1,k=!1,L=typeof setTimeout=="function"?setTimeout:null,h=typeof clearTimeout=="function"?clearTimeout:null,c=typeof setImmediate<"u"?setImmediate:null;typeof navigator<"u"&&navigator.scheduling!==void 0&&navigator.scheduling.isInputPending!==void 0&&navigator.scheduling.isInputPending.bind(navigator.scheduling);function d(E){for(var O=n(f);O!==null;){if(O.callback===null)r(f);else if(O.startTime<=E)r(f),O.sortIndex=O.expirationTime,t(u,O);else break;O=n(f)}}function g(E){if(k=!1,d(E),!x)if(n(u)!==null)x=!0,le(S);else{var O=n(f);O!==null&&Y(g,O.startTime-E)}}function S(E,O){x=!1,k&&(k=!1,h(T),T=-1),v=!0;var $=p;try{for(d(O),m=n(u);m!==null&&(!(m.expirationTime>O)||E&&!_());){var z=m.callback;if(typeof z=="function"){m.callback=null,p=m.priorityLevel;var q=z(m.expirationTime<=O);O=e.unstable_now(),typeof q=="function"?m.callback=q:m===n(u)&&r(u),d(O)}else r(u);m=n(u)}if(m!==null)var Qt=!0;else{var Ge=n(f);Ge!==null&&Y(g,Ge.startTime-O),Qt=!1}return Qt}finally{m=null,p=$,v=!1}}var N=!1,j=null,T=-1,U=5,I=-1;function _(){return!(e.unstable_now()-IE||125z?(E.sortIndex=$,t(f,E),n(u)===null&&E===n(f)&&(k?(h(T),T=-1):k=!0,Y(g,$-z))):(E.sortIndex=q,t(u,E),x||v||(x=!0,le(S))),E},e.unstable_shouldYield=_,e.unstable_wrapCallback=function(E){var O=p;return function(){var $=p;p=O;try{return E.apply(this,arguments)}finally{p=$}}}})(Ru);Lu.exports=Ru;var lf=Lu.exports;/** - * @license React - * react-dom.production.min.js - * - * Copyright (c) Facebook, Inc. and its affiliates. - * - * This source code is licensed under the MIT license found in the - * LICENSE file in the root directory of this source tree. - */var sf=w,je=lf;function C(e){for(var t="https://reactjs.org/docs/error-decoder.html?invariant="+e,n=1;n"u"||typeof window.document>"u"||typeof window.document.createElement>"u"),as=Object.prototype.hasOwnProperty,of=/^[:A-Z_a-z\u00C0-\u00D6\u00D8-\u00F6\u00F8-\u02FF\u0370-\u037D\u037F-\u1FFF\u200C-\u200D\u2070-\u218F\u2C00-\u2FEF\u3001-\uD7FF\uF900-\uFDCF\uFDF0-\uFFFD][:A-Z_a-z\u00C0-\u00D6\u00D8-\u00F6\u00F8-\u02FF\u0370-\u037D\u037F-\u1FFF\u200C-\u200D\u2070-\u218F\u2C00-\u2FEF\u3001-\uD7FF\uF900-\uFDCF\uFDF0-\uFFFD\-.0-9\u00B7\u0300-\u036F\u203F-\u2040]*$/,ri={},li={};function uf(e){return as.call(li,e)?!0:as.call(ri,e)?!1:of.test(e)?li[e]=!0:(ri[e]=!0,!1)}function af(e,t,n,r){if(n!==null&&n.type===0)return!1;switch(typeof t){case"function":case"symbol":return!0;case"boolean":return r?!1:n!==null?!n.acceptsBooleans:(e=e.toLowerCase().slice(0,5),e!=="data-"&&e!=="aria-");default:return!1}}function cf(e,t,n,r){if(t===null||typeof t>"u"||af(e,t,n,r))return!0;if(r)return!1;if(n!==null)switch(n.type){case 3:return!t;case 4:return t===!1;case 5:return isNaN(t);case 6:return isNaN(t)||1>t}return!1}function ye(e,t,n,r,l,s,o){this.acceptsBooleans=t===2||t===3||t===4,this.attributeName=r,this.attributeNamespace=l,this.mustUseProperty=n,this.propertyName=e,this.type=t,this.sanitizeURL=s,this.removeEmptyString=o}var ae={};"children dangerouslySetInnerHTML defaultValue defaultChecked innerHTML suppressContentEditableWarning suppressHydrationWarning style".split(" ").forEach(function(e){ae[e]=new ye(e,0,!1,e,null,!1,!1)});[["acceptCharset","accept-charset"],["className","class"],["htmlFor","for"],["httpEquiv","http-equiv"]].forEach(function(e){var t=e[0];ae[t]=new ye(t,1,!1,e[1],null,!1,!1)});["contentEditable","draggable","spellCheck","value"].forEach(function(e){ae[e]=new ye(e,2,!1,e.toLowerCase(),null,!1,!1)});["autoReverse","externalResourcesRequired","focusable","preserveAlpha"].forEach(function(e){ae[e]=new ye(e,2,!1,e,null,!1,!1)});"allowFullScreen async autoFocus autoPlay controls default defer disabled disablePictureInPicture disableRemotePlayback formNoValidate hidden loop noModule noValidate open playsInline readOnly required reversed scoped seamless itemScope".split(" ").forEach(function(e){ae[e]=new ye(e,3,!1,e.toLowerCase(),null,!1,!1)});["checked","multiple","muted","selected"].forEach(function(e){ae[e]=new ye(e,3,!0,e,null,!1,!1)});["capture","download"].forEach(function(e){ae[e]=new ye(e,4,!1,e,null,!1,!1)});["cols","rows","size","span"].forEach(function(e){ae[e]=new ye(e,6,!1,e,null,!1,!1)});["rowSpan","start"].forEach(function(e){ae[e]=new ye(e,5,!1,e.toLowerCase(),null,!1,!1)});var io=/[\-:]([a-z])/g;function uo(e){return e[1].toUpperCase()}"accent-height alignment-baseline arabic-form baseline-shift cap-height clip-path clip-rule color-interpolation color-interpolation-filters color-profile color-rendering dominant-baseline enable-background fill-opacity fill-rule flood-color flood-opacity font-family font-size font-size-adjust font-stretch font-style font-variant font-weight glyph-name glyph-orientation-horizontal glyph-orientation-vertical horiz-adv-x horiz-origin-x image-rendering letter-spacing lighting-color marker-end marker-mid marker-start overline-position overline-thickness paint-order panose-1 pointer-events rendering-intent shape-rendering stop-color stop-opacity strikethrough-position strikethrough-thickness stroke-dasharray stroke-dashoffset stroke-linecap stroke-linejoin stroke-miterlimit stroke-opacity stroke-width text-anchor text-decoration text-rendering underline-position underline-thickness unicode-bidi unicode-range units-per-em v-alphabetic v-hanging v-ideographic v-mathematical vector-effect vert-adv-y vert-origin-x vert-origin-y word-spacing writing-mode xmlns:xlink x-height".split(" ").forEach(function(e){var t=e.replace(io,uo);ae[t]=new ye(t,1,!1,e,null,!1,!1)});"xlink:actuate xlink:arcrole xlink:role xlink:show xlink:title xlink:type".split(" ").forEach(function(e){var t=e.replace(io,uo);ae[t]=new ye(t,1,!1,e,"http://www.w3.org/1999/xlink",!1,!1)});["xml:base","xml:lang","xml:space"].forEach(function(e){var t=e.replace(io,uo);ae[t]=new ye(t,1,!1,e,"http://www.w3.org/XML/1998/namespace",!1,!1)});["tabIndex","crossOrigin"].forEach(function(e){ae[e]=new ye(e,1,!1,e.toLowerCase(),null,!1,!1)});ae.xlinkHref=new ye("xlinkHref",1,!1,"xlink:href","http://www.w3.org/1999/xlink",!0,!1);["src","href","action","formAction"].forEach(function(e){ae[e]=new ye(e,1,!1,e.toLowerCase(),null,!0,!0)});function ao(e,t,n,r){var l=ae.hasOwnProperty(t)?ae[t]:null;(l!==null?l.type!==0:r||!(2i||l[o]!==s[i]){var u=` -`+l[o].replace(" at new "," at ");return e.displayName&&u.includes("")&&(u=u.replace("",e.displayName)),u}while(1<=o&&0<=i);break}}}finally{Ol=!1,Error.prepareStackTrace=n}return(e=e?e.displayName||e.name:"")?zn(e):""}function ff(e){switch(e.tag){case 5:return zn(e.type);case 16:return zn("Lazy");case 13:return zn("Suspense");case 19:return zn("SuspenseList");case 0:case 2:case 15:return e=Fl(e.type,!1),e;case 11:return e=Fl(e.type.render,!1),e;case 1:return e=Fl(e.type,!0),e;default:return""}}function ps(e){if(e==null)return null;if(typeof e=="function")return e.displayName||e.name||null;if(typeof e=="string")return e;switch(e){case Jt:return"Fragment";case Xt:return"Portal";case cs:return"Profiler";case co:return"StrictMode";case fs:return"Suspense";case ds:return"SuspenseList"}if(typeof e=="object")switch(e.$$typeof){case Iu:return(e.displayName||"Context")+".Consumer";case $u:return(e._context.displayName||"Context")+".Provider";case fo:var t=e.render;return e=e.displayName,e||(e=t.displayName||t.name||"",e=e!==""?"ForwardRef("+e+")":"ForwardRef"),e;case po:return t=e.displayName||null,t!==null?t:ps(e.type)||"Memo";case ut:t=e._payload,e=e._init;try{return ps(e(t))}catch{}}return null}function df(e){var t=e.type;switch(e.tag){case 24:return"Cache";case 9:return(t.displayName||"Context")+".Consumer";case 10:return(t._context.displayName||"Context")+".Provider";case 18:return"DehydratedFragment";case 11:return e=t.render,e=e.displayName||e.name||"",t.displayName||(e!==""?"ForwardRef("+e+")":"ForwardRef");case 7:return"Fragment";case 5:return t;case 4:return"Portal";case 3:return"Root";case 6:return"Text";case 16:return ps(t);case 8:return t===co?"StrictMode":"Mode";case 22:return"Offscreen";case 12:return"Profiler";case 21:return"Scope";case 13:return"Suspense";case 19:return"SuspenseList";case 25:return"TracingMarker";case 1:case 0:case 17:case 2:case 14:case 15:if(typeof t=="function")return t.displayName||t.name||null;if(typeof t=="string")return t}return null}function St(e){switch(typeof e){case"boolean":case"number":case"string":case"undefined":return e;case"object":return e;default:return""}}function Fu(e){var t=e.type;return(e=e.nodeName)&&e.toLowerCase()==="input"&&(t==="checkbox"||t==="radio")}function pf(e){var t=Fu(e)?"checked":"value",n=Object.getOwnPropertyDescriptor(e.constructor.prototype,t),r=""+e[t];if(!e.hasOwnProperty(t)&&typeof n<"u"&&typeof n.get=="function"&&typeof n.set=="function"){var l=n.get,s=n.set;return Object.defineProperty(e,t,{configurable:!0,get:function(){return l.call(this)},set:function(o){r=""+o,s.call(this,o)}}),Object.defineProperty(e,t,{enumerable:n.enumerable}),{getValue:function(){return r},setValue:function(o){r=""+o},stopTracking:function(){e._valueTracker=null,delete e[t]}}}}function xr(e){e._valueTracker||(e._valueTracker=pf(e))}function Du(e){if(!e)return!1;var t=e._valueTracker;if(!t)return!0;var n=t.getValue(),r="";return e&&(r=Fu(e)?e.checked?"true":"false":e.value),e=r,e!==n?(t.setValue(e),!0):!1}function Kr(e){if(e=e||(typeof document<"u"?document:void 0),typeof e>"u")return null;try{return e.activeElement||e.body}catch{return e.body}}function ms(e,t){var n=t.checked;return Z({},t,{defaultChecked:void 0,defaultValue:void 0,value:void 0,checked:n??e._wrapperState.initialChecked})}function oi(e,t){var n=t.defaultValue==null?"":t.defaultValue,r=t.checked!=null?t.checked:t.defaultChecked;n=St(t.value!=null?t.value:n),e._wrapperState={initialChecked:r,initialValue:n,controlled:t.type==="checkbox"||t.type==="radio"?t.checked!=null:t.value!=null}}function Au(e,t){t=t.checked,t!=null&&ao(e,"checked",t,!1)}function hs(e,t){Au(e,t);var n=St(t.value),r=t.type;if(n!=null)r==="number"?(n===0&&e.value===""||e.value!=n)&&(e.value=""+n):e.value!==""+n&&(e.value=""+n);else if(r==="submit"||r==="reset"){e.removeAttribute("value");return}t.hasOwnProperty("value")?vs(e,t.type,n):t.hasOwnProperty("defaultValue")&&vs(e,t.type,St(t.defaultValue)),t.checked==null&&t.defaultChecked!=null&&(e.defaultChecked=!!t.defaultChecked)}function ii(e,t,n){if(t.hasOwnProperty("value")||t.hasOwnProperty("defaultValue")){var r=t.type;if(!(r!=="submit"&&r!=="reset"||t.value!==void 0&&t.value!==null))return;t=""+e._wrapperState.initialValue,n||t===e.value||(e.value=t),e.defaultValue=t}n=e.name,n!==""&&(e.name=""),e.defaultChecked=!!e._wrapperState.initialChecked,n!==""&&(e.name=n)}function vs(e,t,n){(t!=="number"||Kr(e.ownerDocument)!==e)&&(n==null?e.defaultValue=""+e._wrapperState.initialValue:e.defaultValue!==""+n&&(e.defaultValue=""+n))}var $n=Array.isArray;function un(e,t,n,r){if(e=e.options,t){t={};for(var l=0;l"+t.valueOf().toString()+"",t=wr.firstChild;e.firstChild;)e.removeChild(e.firstChild);for(;t.firstChild;)e.appendChild(t.firstChild)}});function Yn(e,t){if(t){var n=e.firstChild;if(n&&n===e.lastChild&&n.nodeType===3){n.nodeValue=t;return}}e.textContent=t}var Dn={animationIterationCount:!0,aspectRatio:!0,borderImageOutset:!0,borderImageSlice:!0,borderImageWidth:!0,boxFlex:!0,boxFlexGroup:!0,boxOrdinalGroup:!0,columnCount:!0,columns:!0,flex:!0,flexGrow:!0,flexPositive:!0,flexShrink:!0,flexNegative:!0,flexOrder:!0,gridArea:!0,gridRow:!0,gridRowEnd:!0,gridRowSpan:!0,gridRowStart:!0,gridColumn:!0,gridColumnEnd:!0,gridColumnSpan:!0,gridColumnStart:!0,fontWeight:!0,lineClamp:!0,lineHeight:!0,opacity:!0,order:!0,orphans:!0,tabSize:!0,widows:!0,zIndex:!0,zoom:!0,fillOpacity:!0,floodOpacity:!0,stopOpacity:!0,strokeDasharray:!0,strokeDashoffset:!0,strokeMiterlimit:!0,strokeOpacity:!0,strokeWidth:!0},mf=["Webkit","ms","Moz","O"];Object.keys(Dn).forEach(function(e){mf.forEach(function(t){t=t+e.charAt(0).toUpperCase()+e.substring(1),Dn[t]=Dn[e]})});function Hu(e,t,n){return t==null||typeof t=="boolean"||t===""?"":n||typeof t!="number"||t===0||Dn.hasOwnProperty(e)&&Dn[e]?(""+t).trim():t+"px"}function Wu(e,t){e=e.style;for(var n in t)if(t.hasOwnProperty(n)){var r=n.indexOf("--")===0,l=Hu(n,t[n],r);n==="float"&&(n="cssFloat"),r?e.setProperty(n,l):e[n]=l}}var hf=Z({menuitem:!0},{area:!0,base:!0,br:!0,col:!0,embed:!0,hr:!0,img:!0,input:!0,keygen:!0,link:!0,meta:!0,param:!0,source:!0,track:!0,wbr:!0});function xs(e,t){if(t){if(hf[e]&&(t.children!=null||t.dangerouslySetInnerHTML!=null))throw Error(C(137,e));if(t.dangerouslySetInnerHTML!=null){if(t.children!=null)throw Error(C(60));if(typeof t.dangerouslySetInnerHTML!="object"||!("__html"in t.dangerouslySetInnerHTML))throw Error(C(61))}if(t.style!=null&&typeof t.style!="object")throw Error(C(62))}}function ws(e,t){if(e.indexOf("-")===-1)return typeof t.is=="string";switch(e){case"annotation-xml":case"color-profile":case"font-face":case"font-face-src":case"font-face-uri":case"font-face-format":case"font-face-name":case"missing-glyph":return!1;default:return!0}}var ks=null;function mo(e){return e=e.target||e.srcElement||window,e.correspondingUseElement&&(e=e.correspondingUseElement),e.nodeType===3?e.parentNode:e}var Ss=null,an=null,cn=null;function ci(e){if(e=mr(e)){if(typeof Ss!="function")throw Error(C(280));var t=e.stateNode;t&&(t=Cl(t),Ss(e.stateNode,e.type,t))}}function Qu(e){an?cn?cn.push(e):cn=[e]:an=e}function Ku(){if(an){var e=an,t=cn;if(cn=an=null,ci(e),t)for(e=0;e>>=0,e===0?32:31-(jf(e)/Pf|0)|0}var kr=64,Sr=4194304;function In(e){switch(e&-e){case 1:return 1;case 2:return 2;case 4:return 4;case 8:return 8;case 16:return 16;case 32:return 32;case 64:case 128:case 256:case 512:case 1024:case 2048:case 4096:case 8192:case 16384:case 32768:case 65536:case 131072:case 262144:case 524288:case 1048576:case 2097152:return e&4194240;case 4194304:case 8388608:case 16777216:case 33554432:case 67108864:return e&130023424;case 134217728:return 134217728;case 268435456:return 268435456;case 536870912:return 536870912;case 1073741824:return 1073741824;default:return e}}function Jr(e,t){var n=e.pendingLanes;if(n===0)return 0;var r=0,l=e.suspendedLanes,s=e.pingedLanes,o=n&268435455;if(o!==0){var i=o&~l;i!==0?r=In(i):(s&=o,s!==0&&(r=In(s)))}else o=n&~l,o!==0?r=In(o):s!==0&&(r=In(s));if(r===0)return 0;if(t!==0&&t!==r&&!(t&l)&&(l=r&-r,s=t&-t,l>=s||l===16&&(s&4194240)!==0))return t;if(r&4&&(r|=n&16),t=e.entangledLanes,t!==0)for(e=e.entanglements,t&=r;0n;n++)t.push(e);return t}function dr(e,t,n){e.pendingLanes|=t,t!==536870912&&(e.suspendedLanes=0,e.pingedLanes=0),e=e.eventTimes,t=31-Ae(t),e[t]=n}function Lf(e,t){var n=e.pendingLanes&~t;e.pendingLanes=t,e.suspendedLanes=0,e.pingedLanes=0,e.expiredLanes&=t,e.mutableReadLanes&=t,e.entangledLanes&=t,t=e.entanglements;var r=e.eventTimes;for(e=e.expirationTimes;0=Un),xi=" ",wi=!1;function da(e,t){switch(e){case"keyup":return sd.indexOf(t.keyCode)!==-1;case"keydown":return t.keyCode!==229;case"keypress":case"mousedown":case"focusout":return!0;default:return!1}}function pa(e){return e=e.detail,typeof e=="object"&&"data"in e?e.data:null}var Zt=!1;function id(e,t){switch(e){case"compositionend":return pa(t);case"keypress":return t.which!==32?null:(wi=!0,xi);case"textInput":return e=t.data,e===xi&&wi?null:e;default:return null}}function ud(e,t){if(Zt)return e==="compositionend"||!So&&da(e,t)?(e=ca(),Fr=xo=dt=null,Zt=!1,e):null;switch(e){case"paste":return null;case"keypress":if(!(t.ctrlKey||t.altKey||t.metaKey)||t.ctrlKey&&t.altKey){if(t.char&&1=t)return{node:n,offset:t-e};e=r}e:{for(;n;){if(n.nextSibling){n=n.nextSibling;break e}n=n.parentNode}n=void 0}n=Ni(n)}}function ya(e,t){return e&&t?e===t?!0:e&&e.nodeType===3?!1:t&&t.nodeType===3?ya(e,t.parentNode):"contains"in e?e.contains(t):e.compareDocumentPosition?!!(e.compareDocumentPosition(t)&16):!1:!1}function ga(){for(var e=window,t=Kr();t instanceof e.HTMLIFrameElement;){try{var n=typeof t.contentWindow.location.href=="string"}catch{n=!1}if(n)e=t.contentWindow;else break;t=Kr(e.document)}return t}function Co(e){var t=e&&e.nodeName&&e.nodeName.toLowerCase();return t&&(t==="input"&&(e.type==="text"||e.type==="search"||e.type==="tel"||e.type==="url"||e.type==="password")||t==="textarea"||e.contentEditable==="true")}function yd(e){var t=ga(),n=e.focusedElem,r=e.selectionRange;if(t!==n&&n&&n.ownerDocument&&ya(n.ownerDocument.documentElement,n)){if(r!==null&&Co(n)){if(t=r.start,e=r.end,e===void 0&&(e=t),"selectionStart"in n)n.selectionStart=t,n.selectionEnd=Math.min(e,n.value.length);else if(e=(t=n.ownerDocument||document)&&t.defaultView||window,e.getSelection){e=e.getSelection();var l=n.textContent.length,s=Math.min(r.start,l);r=r.end===void 0?s:Math.min(r.end,l),!e.extend&&s>r&&(l=r,r=s,s=l),l=Ei(n,s);var o=Ei(n,r);l&&o&&(e.rangeCount!==1||e.anchorNode!==l.node||e.anchorOffset!==l.offset||e.focusNode!==o.node||e.focusOffset!==o.offset)&&(t=t.createRange(),t.setStart(l.node,l.offset),e.removeAllRanges(),s>r?(e.addRange(t),e.extend(o.node,o.offset)):(t.setEnd(o.node,o.offset),e.addRange(t)))}}for(t=[],e=n;e=e.parentNode;)e.nodeType===1&&t.push({element:e,left:e.scrollLeft,top:e.scrollTop});for(typeof n.focus=="function"&&n.focus(),n=0;n=document.documentMode,qt=null,_s=null,Vn=null,Ts=!1;function ji(e,t,n){var r=n.window===n?n.document:n.nodeType===9?n:n.ownerDocument;Ts||qt==null||qt!==Kr(r)||(r=qt,"selectionStart"in r&&Co(r)?r={start:r.selectionStart,end:r.selectionEnd}:(r=(r.ownerDocument&&r.ownerDocument.defaultView||window).getSelection(),r={anchorNode:r.anchorNode,anchorOffset:r.anchorOffset,focusNode:r.focusNode,focusOffset:r.focusOffset}),Vn&&er(Vn,r)||(Vn=r,r=br(_s,"onSelect"),0tn||(e.current=Is[tn],Is[tn]=null,tn--)}function W(e,t){tn++,Is[tn]=e.current,e.current=t}var Ct={},pe=Et(Ct),we=Et(!1),Dt=Ct;function hn(e,t){var n=e.type.contextTypes;if(!n)return Ct;var r=e.stateNode;if(r&&r.__reactInternalMemoizedUnmaskedChildContext===t)return r.__reactInternalMemoizedMaskedChildContext;var l={},s;for(s in n)l[s]=t[s];return r&&(e=e.stateNode,e.__reactInternalMemoizedUnmaskedChildContext=t,e.__reactInternalMemoizedMaskedChildContext=l),l}function ke(e){return e=e.childContextTypes,e!=null}function tl(){K(we),K(pe)}function zi(e,t,n){if(pe.current!==Ct)throw Error(C(168));W(pe,t),W(we,n)}function Pa(e,t,n){var r=e.stateNode;if(t=t.childContextTypes,typeof r.getChildContext!="function")return n;r=r.getChildContext();for(var l in r)if(!(l in t))throw Error(C(108,df(e)||"Unknown",l));return Z({},n,r)}function nl(e){return e=(e=e.stateNode)&&e.__reactInternalMemoizedMergedChildContext||Ct,Dt=pe.current,W(pe,e),W(we,we.current),!0}function $i(e,t,n){var r=e.stateNode;if(!r)throw Error(C(169));n?(e=Pa(e,t,Dt),r.__reactInternalMemoizedMergedChildContext=e,K(we),K(pe),W(pe,e)):K(we),W(we,n)}var qe=null,Nl=!1,Zl=!1;function _a(e){qe===null?qe=[e]:qe.push(e)}function Td(e){Nl=!0,_a(e)}function jt(){if(!Zl&&qe!==null){Zl=!0;var e=0,t=B;try{var n=qe;for(B=1;e>=o,l-=o,be=1<<32-Ae(t)+l|n<T?(U=j,j=null):U=j.sibling;var I=p(h,j,d[T],g);if(I===null){j===null&&(j=U);break}e&&j&&I.alternate===null&&t(h,j),c=s(I,c,T),N===null?S=I:N.sibling=I,N=I,j=U}if(T===d.length)return n(h,j),G&&Tt(h,T),S;if(j===null){for(;TT?(U=j,j=null):U=j.sibling;var _=p(h,j,I.value,g);if(_===null){j===null&&(j=U);break}e&&j&&_.alternate===null&&t(h,j),c=s(_,c,T),N===null?S=_:N.sibling=_,N=_,j=U}if(I.done)return n(h,j),G&&Tt(h,T),S;if(j===null){for(;!I.done;T++,I=d.next())I=m(h,I.value,g),I!==null&&(c=s(I,c,T),N===null?S=I:N.sibling=I,N=I);return G&&Tt(h,T),S}for(j=r(h,j);!I.done;T++,I=d.next())I=v(j,h,T,I.value,g),I!==null&&(e&&I.alternate!==null&&j.delete(I.key===null?T:I.key),c=s(I,c,T),N===null?S=I:N.sibling=I,N=I);return e&&j.forEach(function(P){return t(h,P)}),G&&Tt(h,T),S}function L(h,c,d,g){if(typeof d=="object"&&d!==null&&d.type===Jt&&d.key===null&&(d=d.props.children),typeof d=="object"&&d!==null){switch(d.$$typeof){case gr:e:{for(var S=d.key,N=c;N!==null;){if(N.key===S){if(S=d.type,S===Jt){if(N.tag===7){n(h,N.sibling),c=l(N,d.props.children),c.return=h,h=c;break e}}else if(N.elementType===S||typeof S=="object"&&S!==null&&S.$$typeof===ut&&Fi(S)===N.type){n(h,N.sibling),c=l(N,d.props),c.ref=Mn(h,N,d),c.return=h,h=c;break e}n(h,N);break}else t(h,N);N=N.sibling}d.type===Jt?(c=Ot(d.props.children,h.mode,g,d.key),c.return=h,h=c):(g=Qr(d.type,d.key,d.props,null,h.mode,g),g.ref=Mn(h,c,d),g.return=h,h=g)}return o(h);case Xt:e:{for(N=d.key;c!==null;){if(c.key===N)if(c.tag===4&&c.stateNode.containerInfo===d.containerInfo&&c.stateNode.implementation===d.implementation){n(h,c.sibling),c=l(c,d.children||[]),c.return=h,h=c;break e}else{n(h,c);break}else t(h,c);c=c.sibling}c=ss(d,h.mode,g),c.return=h,h=c}return o(h);case ut:return N=d._init,L(h,c,N(d._payload),g)}if($n(d))return x(h,c,d,g);if(En(d))return k(h,c,d,g);Tr(h,d)}return typeof d=="string"&&d!==""||typeof d=="number"?(d=""+d,c!==null&&c.tag===6?(n(h,c.sibling),c=l(c,d),c.return=h,h=c):(n(h,c),c=ls(d,h.mode,g),c.return=h,h=c),o(h)):n(h,c)}return L}var yn=Ra(!0),za=Ra(!1),sl=Et(null),ol=null,ln=null,Po=null;function _o(){Po=ln=ol=null}function To(e){var t=sl.current;K(sl),e._currentValue=t}function Ds(e,t,n){for(;e!==null;){var r=e.alternate;if((e.childLanes&t)!==t?(e.childLanes|=t,r!==null&&(r.childLanes|=t)):r!==null&&(r.childLanes&t)!==t&&(r.childLanes|=t),e===n)break;e=e.return}}function dn(e,t){ol=e,Po=ln=null,e=e.dependencies,e!==null&&e.firstContext!==null&&(e.lanes&t&&(xe=!0),e.firstContext=null)}function ze(e){var t=e._currentValue;if(Po!==e)if(e={context:e,memoizedValue:t,next:null},ln===null){if(ol===null)throw Error(C(308));ln=e,ol.dependencies={lanes:0,firstContext:e}}else ln=ln.next=e;return t}var Rt=null;function Mo(e){Rt===null?Rt=[e]:Rt.push(e)}function $a(e,t,n,r){var l=t.interleaved;return l===null?(n.next=n,Mo(t)):(n.next=l.next,l.next=n),t.interleaved=n,lt(e,r)}function lt(e,t){e.lanes|=t;var n=e.alternate;for(n!==null&&(n.lanes|=t),n=e,e=e.return;e!==null;)e.childLanes|=t,n=e.alternate,n!==null&&(n.childLanes|=t),n=e,e=e.return;return n.tag===3?n.stateNode:null}var at=!1;function Lo(e){e.updateQueue={baseState:e.memoizedState,firstBaseUpdate:null,lastBaseUpdate:null,shared:{pending:null,interleaved:null,lanes:0},effects:null}}function Ia(e,t){e=e.updateQueue,t.updateQueue===e&&(t.updateQueue={baseState:e.baseState,firstBaseUpdate:e.firstBaseUpdate,lastBaseUpdate:e.lastBaseUpdate,shared:e.shared,effects:e.effects})}function tt(e,t){return{eventTime:e,lane:t,tag:0,payload:null,callback:null,next:null}}function gt(e,t,n){var r=e.updateQueue;if(r===null)return null;if(r=r.shared,A&2){var l=r.pending;return l===null?t.next=t:(t.next=l.next,l.next=t),r.pending=t,lt(e,n)}return l=r.interleaved,l===null?(t.next=t,Mo(r)):(t.next=l.next,l.next=t),r.interleaved=t,lt(e,n)}function Ar(e,t,n){if(t=t.updateQueue,t!==null&&(t=t.shared,(n&4194240)!==0)){var r=t.lanes;r&=e.pendingLanes,n|=r,t.lanes=n,vo(e,n)}}function Di(e,t){var n=e.updateQueue,r=e.alternate;if(r!==null&&(r=r.updateQueue,n===r)){var l=null,s=null;if(n=n.firstBaseUpdate,n!==null){do{var o={eventTime:n.eventTime,lane:n.lane,tag:n.tag,payload:n.payload,callback:n.callback,next:null};s===null?l=s=o:s=s.next=o,n=n.next}while(n!==null);s===null?l=s=t:s=s.next=t}else l=s=t;n={baseState:r.baseState,firstBaseUpdate:l,lastBaseUpdate:s,shared:r.shared,effects:r.effects},e.updateQueue=n;return}e=n.lastBaseUpdate,e===null?n.firstBaseUpdate=t:e.next=t,n.lastBaseUpdate=t}function il(e,t,n,r){var l=e.updateQueue;at=!1;var s=l.firstBaseUpdate,o=l.lastBaseUpdate,i=l.shared.pending;if(i!==null){l.shared.pending=null;var u=i,f=u.next;u.next=null,o===null?s=f:o.next=f,o=u;var y=e.alternate;y!==null&&(y=y.updateQueue,i=y.lastBaseUpdate,i!==o&&(i===null?y.firstBaseUpdate=f:i.next=f,y.lastBaseUpdate=u))}if(s!==null){var m=l.baseState;o=0,y=f=u=null,i=s;do{var p=i.lane,v=i.eventTime;if((r&p)===p){y!==null&&(y=y.next={eventTime:v,lane:0,tag:i.tag,payload:i.payload,callback:i.callback,next:null});e:{var x=e,k=i;switch(p=t,v=n,k.tag){case 1:if(x=k.payload,typeof x=="function"){m=x.call(v,m,p);break e}m=x;break e;case 3:x.flags=x.flags&-65537|128;case 0:if(x=k.payload,p=typeof x=="function"?x.call(v,m,p):x,p==null)break e;m=Z({},m,p);break e;case 2:at=!0}}i.callback!==null&&i.lane!==0&&(e.flags|=64,p=l.effects,p===null?l.effects=[i]:p.push(i))}else v={eventTime:v,lane:p,tag:i.tag,payload:i.payload,callback:i.callback,next:null},y===null?(f=y=v,u=m):y=y.next=v,o|=p;if(i=i.next,i===null){if(i=l.shared.pending,i===null)break;p=i,i=p.next,p.next=null,l.lastBaseUpdate=p,l.shared.pending=null}}while(!0);if(y===null&&(u=m),l.baseState=u,l.firstBaseUpdate=f,l.lastBaseUpdate=y,t=l.shared.interleaved,t!==null){l=t;do o|=l.lane,l=l.next;while(l!==t)}else s===null&&(l.shared.lanes=0);Bt|=o,e.lanes=o,e.memoizedState=m}}function Ai(e,t,n){if(e=t.effects,t.effects=null,e!==null)for(t=0;tn?n:4,e(!0);var r=bl.transition;bl.transition={};try{e(!1),t()}finally{B=n,bl.transition=r}}function qa(){return $e().memoizedState}function zd(e,t,n){var r=wt(e);if(n={lane:r,action:n,hasEagerState:!1,eagerState:null,next:null},ba(e))ec(t,n);else if(n=$a(e,t,n,r),n!==null){var l=he();Ue(n,e,r,l),tc(n,t,r)}}function $d(e,t,n){var r=wt(e),l={lane:r,action:n,hasEagerState:!1,eagerState:null,next:null};if(ba(e))ec(t,l);else{var s=e.alternate;if(e.lanes===0&&(s===null||s.lanes===0)&&(s=t.lastRenderedReducer,s!==null))try{var o=t.lastRenderedState,i=s(o,n);if(l.hasEagerState=!0,l.eagerState=i,Be(i,o)){var u=t.interleaved;u===null?(l.next=l,Mo(t)):(l.next=u.next,u.next=l),t.interleaved=l;return}}catch{}finally{}n=$a(e,t,l,r),n!==null&&(l=he(),Ue(n,e,r,l),tc(n,t,r))}}function ba(e){var t=e.alternate;return e===J||t!==null&&t===J}function ec(e,t){Hn=al=!0;var n=e.pending;n===null?t.next=t:(t.next=n.next,n.next=t),e.pending=t}function tc(e,t,n){if(n&4194240){var r=t.lanes;r&=e.pendingLanes,n|=r,t.lanes=n,vo(e,n)}}var cl={readContext:ze,useCallback:ce,useContext:ce,useEffect:ce,useImperativeHandle:ce,useInsertionEffect:ce,useLayoutEffect:ce,useMemo:ce,useReducer:ce,useRef:ce,useState:ce,useDebugValue:ce,useDeferredValue:ce,useTransition:ce,useMutableSource:ce,useSyncExternalStore:ce,useId:ce,unstable_isNewReconciler:!1},Id={readContext:ze,useCallback:function(e,t){return He().memoizedState=[e,t===void 0?null:t],e},useContext:ze,useEffect:Bi,useImperativeHandle:function(e,t,n){return n=n!=null?n.concat([e]):null,Br(4194308,4,Ga.bind(null,t,e),n)},useLayoutEffect:function(e,t){return Br(4194308,4,e,t)},useInsertionEffect:function(e,t){return Br(4,2,e,t)},useMemo:function(e,t){var n=He();return t=t===void 0?null:t,e=e(),n.memoizedState=[e,t],e},useReducer:function(e,t,n){var r=He();return t=n!==void 0?n(t):t,r.memoizedState=r.baseState=t,e={pending:null,interleaved:null,lanes:0,dispatch:null,lastRenderedReducer:e,lastRenderedState:t},r.queue=e,e=e.dispatch=zd.bind(null,J,e),[r.memoizedState,e]},useRef:function(e){var t=He();return e={current:e},t.memoizedState=e},useState:Ui,useDebugValue:Ao,useDeferredValue:function(e){return He().memoizedState=e},useTransition:function(){var e=Ui(!1),t=e[0];return e=Rd.bind(null,e[1]),He().memoizedState=e,[t,e]},useMutableSource:function(){},useSyncExternalStore:function(e,t,n){var r=J,l=He();if(G){if(n===void 0)throw Error(C(407));n=n()}else{if(n=t(),oe===null)throw Error(C(349));Ut&30||Aa(r,t,n)}l.memoizedState=n;var s={value:n,getSnapshot:t};return l.queue=s,Bi(Ba.bind(null,r,s,e),[e]),r.flags|=2048,ur(9,Ua.bind(null,r,s,n,t),void 0,null),n},useId:function(){var e=He(),t=oe.identifierPrefix;if(G){var n=et,r=be;n=(r&~(1<<32-Ae(r)-1)).toString(32)+n,t=":"+t+"R"+n,n=or++,0<\/script>",e=e.removeChild(e.firstChild)):typeof r.is=="string"?e=o.createElement(n,{is:r.is}):(e=o.createElement(n),n==="select"&&(o=e,r.multiple?o.multiple=!0:r.size&&(o.size=r.size))):e=o.createElementNS(e,n),e[We]=t,e[rr]=r,fc(e,t,!1,!1),t.stateNode=e;e:{switch(o=ws(n,r),n){case"dialog":Q("cancel",e),Q("close",e),l=r;break;case"iframe":case"object":case"embed":Q("load",e),l=r;break;case"video":case"audio":for(l=0;lwn&&(t.flags|=128,r=!0,Ln(s,!1),t.lanes=4194304)}else{if(!r)if(e=ul(o),e!==null){if(t.flags|=128,r=!0,n=e.updateQueue,n!==null&&(t.updateQueue=n,t.flags|=4),Ln(s,!0),s.tail===null&&s.tailMode==="hidden"&&!o.alternate&&!G)return fe(t),null}else 2*ee()-s.renderingStartTime>wn&&n!==1073741824&&(t.flags|=128,r=!0,Ln(s,!1),t.lanes=4194304);s.isBackwards?(o.sibling=t.child,t.child=o):(n=s.last,n!==null?n.sibling=o:t.child=o,s.last=o)}return s.tail!==null?(t=s.tail,s.rendering=t,s.tail=t.sibling,s.renderingStartTime=ee(),t.sibling=null,n=X.current,W(X,r?n&1|2:n&1),t):(fe(t),null);case 22:case 23:return Qo(),r=t.memoizedState!==null,e!==null&&e.memoizedState!==null!==r&&(t.flags|=8192),r&&t.mode&1?Ce&1073741824&&(fe(t),t.subtreeFlags&6&&(t.flags|=8192)):fe(t),null;case 24:return null;case 25:return null}throw Error(C(156,t.tag))}function Hd(e,t){switch(Eo(t),t.tag){case 1:return ke(t.type)&&tl(),e=t.flags,e&65536?(t.flags=e&-65537|128,t):null;case 3:return gn(),K(we),K(pe),$o(),e=t.flags,e&65536&&!(e&128)?(t.flags=e&-65537|128,t):null;case 5:return zo(t),null;case 13:if(K(X),e=t.memoizedState,e!==null&&e.dehydrated!==null){if(t.alternate===null)throw Error(C(340));vn()}return e=t.flags,e&65536?(t.flags=e&-65537|128,t):null;case 19:return K(X),null;case 4:return gn(),null;case 10:return To(t.type._context),null;case 22:case 23:return Qo(),null;case 24:return null;default:return null}}var Lr=!1,de=!1,Wd=typeof WeakSet=="function"?WeakSet:Set,M=null;function sn(e,t){var n=e.ref;if(n!==null)if(typeof n=="function")try{n(null)}catch(r){b(e,t,r)}else n.current=null}function Gs(e,t,n){try{n()}catch(r){b(e,t,r)}}var qi=!1;function Qd(e,t){if(Ms=Zr,e=ga(),Co(e)){if("selectionStart"in e)var n={start:e.selectionStart,end:e.selectionEnd};else e:{n=(n=e.ownerDocument)&&n.defaultView||window;var r=n.getSelection&&n.getSelection();if(r&&r.rangeCount!==0){n=r.anchorNode;var l=r.anchorOffset,s=r.focusNode;r=r.focusOffset;try{n.nodeType,s.nodeType}catch{n=null;break e}var o=0,i=-1,u=-1,f=0,y=0,m=e,p=null;t:for(;;){for(var v;m!==n||l!==0&&m.nodeType!==3||(i=o+l),m!==s||r!==0&&m.nodeType!==3||(u=o+r),m.nodeType===3&&(o+=m.nodeValue.length),(v=m.firstChild)!==null;)p=m,m=v;for(;;){if(m===e)break t;if(p===n&&++f===l&&(i=o),p===s&&++y===r&&(u=o),(v=m.nextSibling)!==null)break;m=p,p=m.parentNode}m=v}n=i===-1||u===-1?null:{start:i,end:u}}else n=null}n=n||{start:0,end:0}}else n=null;for(Ls={focusedElem:e,selectionRange:n},Zr=!1,M=t;M!==null;)if(t=M,e=t.child,(t.subtreeFlags&1028)!==0&&e!==null)e.return=t,M=e;else for(;M!==null;){t=M;try{var x=t.alternate;if(t.flags&1024)switch(t.tag){case 0:case 11:case 15:break;case 1:if(x!==null){var k=x.memoizedProps,L=x.memoizedState,h=t.stateNode,c=h.getSnapshotBeforeUpdate(t.elementType===t.type?k:Oe(t.type,k),L);h.__reactInternalSnapshotBeforeUpdate=c}break;case 3:var d=t.stateNode.containerInfo;d.nodeType===1?d.textContent="":d.nodeType===9&&d.documentElement&&d.removeChild(d.documentElement);break;case 5:case 6:case 4:case 17:break;default:throw Error(C(163))}}catch(g){b(t,t.return,g)}if(e=t.sibling,e!==null){e.return=t.return,M=e;break}M=t.return}return x=qi,qi=!1,x}function Wn(e,t,n){var r=t.updateQueue;if(r=r!==null?r.lastEffect:null,r!==null){var l=r=r.next;do{if((l.tag&e)===e){var s=l.destroy;l.destroy=void 0,s!==void 0&&Gs(t,n,s)}l=l.next}while(l!==r)}}function Pl(e,t){if(t=t.updateQueue,t=t!==null?t.lastEffect:null,t!==null){var n=t=t.next;do{if((n.tag&e)===e){var r=n.create;n.destroy=r()}n=n.next}while(n!==t)}}function Ys(e){var t=e.ref;if(t!==null){var n=e.stateNode;switch(e.tag){case 5:e=n;break;default:e=n}typeof t=="function"?t(e):t.current=e}}function mc(e){var t=e.alternate;t!==null&&(e.alternate=null,mc(t)),e.child=null,e.deletions=null,e.sibling=null,e.tag===5&&(t=e.stateNode,t!==null&&(delete t[We],delete t[rr],delete t[$s],delete t[Pd],delete t[_d])),e.stateNode=null,e.return=null,e.dependencies=null,e.memoizedProps=null,e.memoizedState=null,e.pendingProps=null,e.stateNode=null,e.updateQueue=null}function hc(e){return e.tag===5||e.tag===3||e.tag===4}function bi(e){e:for(;;){for(;e.sibling===null;){if(e.return===null||hc(e.return))return null;e=e.return}for(e.sibling.return=e.return,e=e.sibling;e.tag!==5&&e.tag!==6&&e.tag!==18;){if(e.flags&2||e.child===null||e.tag===4)continue e;e.child.return=e,e=e.child}if(!(e.flags&2))return e.stateNode}}function Xs(e,t,n){var r=e.tag;if(r===5||r===6)e=e.stateNode,t?n.nodeType===8?n.parentNode.insertBefore(e,t):n.insertBefore(e,t):(n.nodeType===8?(t=n.parentNode,t.insertBefore(e,n)):(t=n,t.appendChild(e)),n=n._reactRootContainer,n!=null||t.onclick!==null||(t.onclick=el));else if(r!==4&&(e=e.child,e!==null))for(Xs(e,t,n),e=e.sibling;e!==null;)Xs(e,t,n),e=e.sibling}function Js(e,t,n){var r=e.tag;if(r===5||r===6)e=e.stateNode,t?n.insertBefore(e,t):n.appendChild(e);else if(r!==4&&(e=e.child,e!==null))for(Js(e,t,n),e=e.sibling;e!==null;)Js(e,t,n),e=e.sibling}var ie=null,Fe=!1;function it(e,t,n){for(n=n.child;n!==null;)vc(e,t,n),n=n.sibling}function vc(e,t,n){if(Qe&&typeof Qe.onCommitFiberUnmount=="function")try{Qe.onCommitFiberUnmount(xl,n)}catch{}switch(n.tag){case 5:de||sn(n,t);case 6:var r=ie,l=Fe;ie=null,it(e,t,n),ie=r,Fe=l,ie!==null&&(Fe?(e=ie,n=n.stateNode,e.nodeType===8?e.parentNode.removeChild(n):e.removeChild(n)):ie.removeChild(n.stateNode));break;case 18:ie!==null&&(Fe?(e=ie,n=n.stateNode,e.nodeType===8?Jl(e.parentNode,n):e.nodeType===1&&Jl(e,n),qn(e)):Jl(ie,n.stateNode));break;case 4:r=ie,l=Fe,ie=n.stateNode.containerInfo,Fe=!0,it(e,t,n),ie=r,Fe=l;break;case 0:case 11:case 14:case 15:if(!de&&(r=n.updateQueue,r!==null&&(r=r.lastEffect,r!==null))){l=r=r.next;do{var s=l,o=s.destroy;s=s.tag,o!==void 0&&(s&2||s&4)&&Gs(n,t,o),l=l.next}while(l!==r)}it(e,t,n);break;case 1:if(!de&&(sn(n,t),r=n.stateNode,typeof r.componentWillUnmount=="function"))try{r.props=n.memoizedProps,r.state=n.memoizedState,r.componentWillUnmount()}catch(i){b(n,t,i)}it(e,t,n);break;case 21:it(e,t,n);break;case 22:n.mode&1?(de=(r=de)||n.memoizedState!==null,it(e,t,n),de=r):it(e,t,n);break;default:it(e,t,n)}}function eu(e){var t=e.updateQueue;if(t!==null){e.updateQueue=null;var n=e.stateNode;n===null&&(n=e.stateNode=new Wd),t.forEach(function(r){var l=ep.bind(null,e,r);n.has(r)||(n.add(r),r.then(l,l))})}}function Ie(e,t){var n=t.deletions;if(n!==null)for(var r=0;rl&&(l=o),r&=~s}if(r=l,r=ee()-r,r=(120>r?120:480>r?480:1080>r?1080:1920>r?1920:3e3>r?3e3:4320>r?4320:1960*Gd(r/1960))-r,10e?16:e,pt===null)var r=!1;else{if(e=pt,pt=null,pl=0,A&6)throw Error(C(331));var l=A;for(A|=4,M=e.current;M!==null;){var s=M,o=s.child;if(M.flags&16){var i=s.deletions;if(i!==null){for(var u=0;uee()-Ho?It(e,0):Vo|=n),Se(e,t)}function Nc(e,t){t===0&&(e.mode&1?(t=Sr,Sr<<=1,!(Sr&130023424)&&(Sr=4194304)):t=1);var n=he();e=lt(e,t),e!==null&&(dr(e,t,n),Se(e,n))}function bd(e){var t=e.memoizedState,n=0;t!==null&&(n=t.retryLane),Nc(e,n)}function ep(e,t){var n=0;switch(e.tag){case 13:var r=e.stateNode,l=e.memoizedState;l!==null&&(n=l.retryLane);break;case 19:r=e.stateNode;break;default:throw Error(C(314))}r!==null&&r.delete(t),Nc(e,n)}var Ec;Ec=function(e,t,n){if(e!==null)if(e.memoizedProps!==t.pendingProps||we.current)xe=!0;else{if(!(e.lanes&n)&&!(t.flags&128))return xe=!1,Bd(e,t,n);xe=!!(e.flags&131072)}else xe=!1,G&&t.flags&1048576&&Ta(t,ll,t.index);switch(t.lanes=0,t.tag){case 2:var r=t.type;Vr(e,t),e=t.pendingProps;var l=hn(t,pe.current);dn(t,n),l=Oo(null,t,r,e,l,n);var s=Fo();return t.flags|=1,typeof l=="object"&&l!==null&&typeof l.render=="function"&&l.$$typeof===void 0?(t.tag=1,t.memoizedState=null,t.updateQueue=null,ke(r)?(s=!0,nl(t)):s=!1,t.memoizedState=l.state!==null&&l.state!==void 0?l.state:null,Lo(t),l.updater=jl,t.stateNode=l,l._reactInternals=t,Us(t,r,e,n),t=Hs(null,t,r,!0,s,n)):(t.tag=0,G&&s&&No(t),me(null,t,l,n),t=t.child),t;case 16:r=t.elementType;e:{switch(Vr(e,t),e=t.pendingProps,l=r._init,r=l(r._payload),t.type=r,l=t.tag=np(r),e=Oe(r,e),l){case 0:t=Vs(null,t,r,e,n);break e;case 1:t=Xi(null,t,r,e,n);break e;case 11:t=Gi(null,t,r,e,n);break e;case 14:t=Yi(null,t,r,Oe(r.type,e),n);break e}throw Error(C(306,r,""))}return t;case 0:return r=t.type,l=t.pendingProps,l=t.elementType===r?l:Oe(r,l),Vs(e,t,r,l,n);case 1:return r=t.type,l=t.pendingProps,l=t.elementType===r?l:Oe(r,l),Xi(e,t,r,l,n);case 3:e:{if(uc(t),e===null)throw Error(C(387));r=t.pendingProps,s=t.memoizedState,l=s.element,Ia(e,t),il(t,r,null,n);var o=t.memoizedState;if(r=o.element,s.isDehydrated)if(s={element:r,isDehydrated:!1,cache:o.cache,pendingSuspenseBoundaries:o.pendingSuspenseBoundaries,transitions:o.transitions},t.updateQueue.baseState=s,t.memoizedState=s,t.flags&256){l=xn(Error(C(423)),t),t=Ji(e,t,r,n,l);break e}else if(r!==l){l=xn(Error(C(424)),t),t=Ji(e,t,r,n,l);break e}else for(Ne=yt(t.stateNode.containerInfo.firstChild),Ee=t,G=!0,De=null,n=za(t,null,r,n),t.child=n;n;)n.flags=n.flags&-3|4096,n=n.sibling;else{if(vn(),r===l){t=st(e,t,n);break e}me(e,t,r,n)}t=t.child}return t;case 5:return Oa(t),e===null&&Fs(t),r=t.type,l=t.pendingProps,s=e!==null?e.memoizedProps:null,o=l.children,Rs(r,l)?o=null:s!==null&&Rs(r,s)&&(t.flags|=32),ic(e,t),me(e,t,o,n),t.child;case 6:return e===null&&Fs(t),null;case 13:return ac(e,t,n);case 4:return Ro(t,t.stateNode.containerInfo),r=t.pendingProps,e===null?t.child=yn(t,null,r,n):me(e,t,r,n),t.child;case 11:return r=t.type,l=t.pendingProps,l=t.elementType===r?l:Oe(r,l),Gi(e,t,r,l,n);case 7:return me(e,t,t.pendingProps,n),t.child;case 8:return me(e,t,t.pendingProps.children,n),t.child;case 12:return me(e,t,t.pendingProps.children,n),t.child;case 10:e:{if(r=t.type._context,l=t.pendingProps,s=t.memoizedProps,o=l.value,W(sl,r._currentValue),r._currentValue=o,s!==null)if(Be(s.value,o)){if(s.children===l.children&&!we.current){t=st(e,t,n);break e}}else for(s=t.child,s!==null&&(s.return=t);s!==null;){var i=s.dependencies;if(i!==null){o=s.child;for(var u=i.firstContext;u!==null;){if(u.context===r){if(s.tag===1){u=tt(-1,n&-n),u.tag=2;var f=s.updateQueue;if(f!==null){f=f.shared;var y=f.pending;y===null?u.next=u:(u.next=y.next,y.next=u),f.pending=u}}s.lanes|=n,u=s.alternate,u!==null&&(u.lanes|=n),Ds(s.return,n,t),i.lanes|=n;break}u=u.next}}else if(s.tag===10)o=s.type===t.type?null:s.child;else if(s.tag===18){if(o=s.return,o===null)throw Error(C(341));o.lanes|=n,i=o.alternate,i!==null&&(i.lanes|=n),Ds(o,n,t),o=s.sibling}else o=s.child;if(o!==null)o.return=s;else for(o=s;o!==null;){if(o===t){o=null;break}if(s=o.sibling,s!==null){s.return=o.return,o=s;break}o=o.return}s=o}me(e,t,l.children,n),t=t.child}return t;case 9:return l=t.type,r=t.pendingProps.children,dn(t,n),l=ze(l),r=r(l),t.flags|=1,me(e,t,r,n),t.child;case 14:return r=t.type,l=Oe(r,t.pendingProps),l=Oe(r.type,l),Yi(e,t,r,l,n);case 15:return sc(e,t,t.type,t.pendingProps,n);case 17:return r=t.type,l=t.pendingProps,l=t.elementType===r?l:Oe(r,l),Vr(e,t),t.tag=1,ke(r)?(e=!0,nl(t)):e=!1,dn(t,n),nc(t,r,l),Us(t,r,l,n),Hs(null,t,r,!0,e,n);case 19:return cc(e,t,n);case 22:return oc(e,t,n)}throw Error(C(156,t.tag))};function jc(e,t){return bu(e,t)}function tp(e,t,n,r){this.tag=e,this.key=n,this.sibling=this.child=this.return=this.stateNode=this.type=this.elementType=null,this.index=0,this.ref=null,this.pendingProps=t,this.dependencies=this.memoizedState=this.updateQueue=this.memoizedProps=null,this.mode=r,this.subtreeFlags=this.flags=0,this.deletions=null,this.childLanes=this.lanes=0,this.alternate=null}function Le(e,t,n,r){return new tp(e,t,n,r)}function Go(e){return e=e.prototype,!(!e||!e.isReactComponent)}function np(e){if(typeof e=="function")return Go(e)?1:0;if(e!=null){if(e=e.$$typeof,e===fo)return 11;if(e===po)return 14}return 2}function kt(e,t){var n=e.alternate;return n===null?(n=Le(e.tag,t,e.key,e.mode),n.elementType=e.elementType,n.type=e.type,n.stateNode=e.stateNode,n.alternate=e,e.alternate=n):(n.pendingProps=t,n.type=e.type,n.flags=0,n.subtreeFlags=0,n.deletions=null),n.flags=e.flags&14680064,n.childLanes=e.childLanes,n.lanes=e.lanes,n.child=e.child,n.memoizedProps=e.memoizedProps,n.memoizedState=e.memoizedState,n.updateQueue=e.updateQueue,t=e.dependencies,n.dependencies=t===null?null:{lanes:t.lanes,firstContext:t.firstContext},n.sibling=e.sibling,n.index=e.index,n.ref=e.ref,n}function Qr(e,t,n,r,l,s){var o=2;if(r=e,typeof e=="function")Go(e)&&(o=1);else if(typeof e=="string")o=5;else e:switch(e){case Jt:return Ot(n.children,l,s,t);case co:o=8,l|=8;break;case cs:return e=Le(12,n,t,l|2),e.elementType=cs,e.lanes=s,e;case fs:return e=Le(13,n,t,l),e.elementType=fs,e.lanes=s,e;case ds:return e=Le(19,n,t,l),e.elementType=ds,e.lanes=s,e;case Ou:return Tl(n,l,s,t);default:if(typeof e=="object"&&e!==null)switch(e.$$typeof){case $u:o=10;break e;case Iu:o=9;break e;case fo:o=11;break e;case po:o=14;break e;case ut:o=16,r=null;break e}throw Error(C(130,e==null?e:typeof e,""))}return t=Le(o,n,t,l),t.elementType=e,t.type=r,t.lanes=s,t}function Ot(e,t,n,r){return e=Le(7,e,r,t),e.lanes=n,e}function Tl(e,t,n,r){return e=Le(22,e,r,t),e.elementType=Ou,e.lanes=n,e.stateNode={isHidden:!1},e}function ls(e,t,n){return e=Le(6,e,null,t),e.lanes=n,e}function ss(e,t,n){return t=Le(4,e.children!==null?e.children:[],e.key,t),t.lanes=n,t.stateNode={containerInfo:e.containerInfo,pendingChildren:null,implementation:e.implementation},t}function rp(e,t,n,r,l){this.tag=t,this.containerInfo=e,this.finishedWork=this.pingCache=this.current=this.pendingChildren=null,this.timeoutHandle=-1,this.callbackNode=this.pendingContext=this.context=null,this.callbackPriority=0,this.eventTimes=Al(0),this.expirationTimes=Al(-1),this.entangledLanes=this.finishedLanes=this.mutableReadLanes=this.expiredLanes=this.pingedLanes=this.suspendedLanes=this.pendingLanes=0,this.entanglements=Al(0),this.identifierPrefix=r,this.onRecoverableError=l,this.mutableSourceEagerHydrationData=null}function Yo(e,t,n,r,l,s,o,i,u){return e=new rp(e,t,n,i,u),t===1?(t=1,s===!0&&(t|=8)):t=0,s=Le(3,null,null,t),e.current=s,s.stateNode=e,s.memoizedState={element:r,isDehydrated:n,cache:null,transitions:null,pendingSuspenseBoundaries:null},Lo(s),e}function lp(e,t,n){var r=3"u"||typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE!="function"))try{__REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE(Mc)}catch(e){console.error(e)}}Mc(),Mu.exports=Pe;var ap=Mu.exports,uu=ap;us.createRoot=uu.createRoot,us.hydrateRoot=uu.hydrateRoot;function cp(){const[e,t]=w.useState({status:"disconnected"}),[n,r]=w.useState([]),[l,s]=w.useState(null),[o,i]=w.useState(0),u=w.useRef(null),f=w.useRef(null),y=w.useRef(!1),m=w.useCallback(()=>{var k;if(((k=u.current)==null?void 0:k.readyState)===WebSocket.OPEN)return;const x=`${window.location.protocol==="https:"?"wss:":"ws:"}//${window.location.host}/ws/pipedal`;t({status:"connecting"});try{const L=new WebSocket(x);L.onopen=()=>{t({status:"connected"})},L.onmessage=h=>{try{const c=JSON.parse(h.data);c.type==="connected"?t({status:"connected"}):c.type==="error"&&t({status:"error",error:c.message})}catch{}},L.onerror=()=>{t({status:"error",error:"WebSocket connection error"})},L.onclose=()=>{y.current||(t({status:"disconnected"}),f.current=window.setTimeout(()=>{y.current||m()},3e3))},u.current=L}catch(L){t({status:"error",error:String(L)})}},[]),p=w.useCallback(async()=>{try{const x=await(await fetch("/api/discover")).json();r(x.oplabs_instances||[]),s(x.pedalboard_name),i(Date.now()),x.connected&&t({status:"connected"})}catch(v){t({status:"error",error:`Discover failed: ${String(v)}`})}},[]);return w.useEffect(()=>(y.current=!1,m(),()=>{y.current=!0,f.current&&clearTimeout(f.current),u.current&&u.current.close()}),[m]),w.useEffect(()=>{e.status==="connected"&&p()},[e.status,p]),{connectionState:e,plugins:n,pedalboardName:l,discover:p,lastUpdate:o}}function fp(){const e=w.useRef(null),[t,n]=w.useState(!1),r=w.useRef(null),l=w.useRef(!1),s=w.useRef(new Map),o=w.useCallback(()=>{var y;if(((y=e.current)==null?void 0:y.readyState)===WebSocket.OPEN)return;const f=`${window.location.protocol==="https:"?"wss:":"ws:"}//${window.location.host}/ws/pipedal`;try{const m=new WebSocket(f);m.onopen=()=>{n(!0)},m.onmessage=p=>{try{const v=JSON.parse(p.data);if(Array.isArray(v)&&v.length>=1){const x=v[0];if(x.reply!==void 0){const k=s.current.get(x.reply);k&&(k(v[1]||null),s.current.delete(x.reply))}}}catch{}},m.onerror=()=>{n(!1)},m.onclose=()=>{n(!1),s.current.clear(),l.current||(r.current=window.setTimeout(()=>{l.current||o()},3e3))},e.current=m}catch{n(!1)}},[]);w.useEffect(()=>(l.current=!1,o(),()=>{l.current=!0,r.current&&clearTimeout(r.current),e.current&&e.current.close()}),[o]);const i=w.useCallback((u,f,y)=>{if(!e.current||e.current.readyState!==WebSocket.OPEN)return;const m=(Date.now()&2147483647)+Math.floor(Math.random()*1e3),p=JSON.stringify([{message:"setControlValue",replyTo:m},{instanceId:u,key:f,value:y}]);e.current.send(p)},[]);return{ready:t,setControlValue:i}}function dp(){const[e,t]=w.useState([]),[n,r]=w.useState(!1),[l,s]=w.useState(null),o=w.useCallback(async()=>{r(!0),s(null);try{const m=await fetch("/api/scenes");if(!m.ok)throw new Error(`Failed to load scenes: ${m.statusText}`);const p=await m.json();t(p.scenes||[])}catch(m){const p=m instanceof Error?m.message:String(m);s(p)}finally{r(!1)}},[]);w.useEffect(()=>{o()},[o]);const i=w.useCallback(async(m,p,v)=>{s(null);try{const x=await fetch("/api/scenes",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({name:m,state:p,midiPc:v??null})});if(!x.ok)throw new Error(`Failed to save scene: ${x.statusText}`);await o()}catch(x){const k=x instanceof Error?x.message:String(x);throw s(k),x}},[o]),u=w.useCallback(async(m,p)=>{s(null);try{const v=await fetch(`/api/scenes/${encodeURIComponent(m)}`,{method:"PUT",headers:{"Content-Type":"application/json"},body:JSON.stringify(p)});if(!v.ok)throw new Error(`Failed to update scene: ${v.statusText}`);await o()}catch(v){const x=v instanceof Error?v.message:String(v);s(x)}},[o]),f=w.useCallback(async m=>{s(null);try{const p=await fetch(`/api/scenes/${encodeURIComponent(m)}`,{method:"DELETE"});if(!p.ok)throw new Error(`Failed to delete scene: ${p.statusText}`);await o()}catch(p){const v=p instanceof Error?p.message:String(p);s(v)}},[o]),y=w.useCallback(async m=>{s(null);try{const p=await fetch(`/api/scenes/${encodeURIComponent(m)}/recall`,{method:"POST"});if(!p.ok){const v=await p.json().catch(()=>({}));throw new Error(v.error||`Recall failed: ${p.statusText}`)}return!0}catch(p){const v=p instanceof Error?p.message:String(p);return s(v),!1}},[]);return{scenes:e,loading:n,error:l,saveScene:i,updateScene:u,deleteScene:f,recallScene:y,refreshScenes:o}}function pp(){const[e,t]=w.useState({ports:[],connections:{},loading:!0,error:null,source:"none"}),[n,r]=w.useState("idle"),[l,s]=w.useState(null),o=w.useRef(!0);w.useEffect(()=>()=>{o.current=!1},[]);const i=w.useCallback(async()=>{t(m=>({...m,loading:!0,error:null}));try{const m=await fetch("/api/jack/ports");if(!m.ok)throw new Error(`Failed to load JACK ports: ${m.statusText}`);const p=await m.json();o.current&&t({ports:p.ports||[],connections:p.connections||{},loading:!1,error:p.note||null,source:p.source})}catch(m){const p=m instanceof Error?m.message:String(m);o.current&&t(v=>({...v,loading:!1,error:p}))}},[]),u=w.useCallback(async(m,p)=>{r("connecting"),s(null);try{const v=await fetch("/api/jack/connect",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({source:m,destination:p})});if(!v.ok){const x=await v.json().catch(()=>({}));throw new Error(x.detail||`Connect failed: ${v.statusText}`)}return await i(),r("idle"),!0}catch(v){const x=v instanceof Error?v.message:String(v);return s(x),r("error"),!1}},[i]),f=w.useCallback(async(m,p)=>{r("disconnecting"),s(null);try{const v=await fetch("/api/jack/disconnect",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({source:m,destination:p})});if(!v.ok){const x=await v.json().catch(()=>({}));throw new Error(x.detail||`Disconnect failed: ${v.statusText}`)}return await i(),r("idle"),!0}catch(v){const x=v instanceof Error?v.message:String(v);return s(x),r("error"),!1}},[i]),y=w.useCallback(async()=>{r("disconnecting"),s(null);try{const m=await fetch("/api/jack/disconnect-all",{method:"POST"});if(!m.ok)throw new Error(`Disconnect all failed: ${m.statusText}`);return await i(),r("idle"),!0}catch(m){const p=m instanceof Error?m.message:String(m);return s(p),r("error"),!1}},[i]);return w.useEffect(()=>{i()},[i]),{portsState:e,refresh:i,connect:u,disconnect:f,disconnectAll:y,actionState:n,actionError:l}}function mp(){const[e,t]=w.useState([]),[n,r]=w.useState([]),[l,s]=w.useState(!1),[o,i]=w.useState(!1),[u,f]=w.useState(null),y=w.useRef(!0);w.useEffect(()=>()=>{y.current=!1},[]);const m=w.useCallback(()=>{const c={};for(const d of e){const g=d.channel_index;c[g]||(c[g]=[]),c[g].push(d)}for(const d of Object.keys(c))c[Number(d)].sort((g,S)=>g.slot_order-S.slot_order);return c},[e]),p=w.useCallback(async c=>{s(!0),f(null);try{const d=c!==void 0?`/api/fx/inserts?channel_index=${c}`:"/api/fx/inserts",g=await fetch(d);if(!g.ok)throw new Error(`HTTP ${g.status}`);const S=await g.json();y.current&&t(S.inserts||[])}catch(d){y.current&&f(`Failed to fetch inserts: ${String(d)}`)}finally{y.current&&s(!1)}},[]),v=w.useCallback(async()=>{i(!0);try{const c=await fetch("/api/fx/available-plugins");if(!c.ok)throw new Error(`HTTP ${c.status}`);const d=await c.json();y.current&&r(d.plugins||[])}catch(c){y.current&&f(`Failed to fetch available plugins: ${String(c)}`)}finally{y.current&&i(!1)}},[]),x=w.useCallback(async c=>{try{const d=await fetch("/api/fx/inserts",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(c)});if(!d.ok)throw new Error(`HTTP ${d.status}`);const S=(await d.json()).insert;return y.current&&t(N=>[...N,S]),S}catch(d){return y.current&&f(`Failed to create insert: ${String(d)}`),null}},[]),k=w.useCallback(async(c,d)=>{try{const g=await fetch(`/api/fx/inserts/${c}`,{method:"PUT",headers:{"Content-Type":"application/json"},body:JSON.stringify(d)});if(!g.ok)throw new Error(`HTTP ${g.status}`);const N=(await g.json()).insert;return y.current&&t(j=>j.map(T=>T.id===c?N:T)),N}catch(g){return y.current&&f(`Failed to update insert: ${String(g)}`),null}},[]),L=w.useCallback(async c=>{try{const d=await fetch(`/api/fx/inserts/${c}`,{method:"DELETE"});if(!d.ok)throw new Error(`HTTP ${d.status}`);return y.current&&t(g=>g.filter(S=>S.id!==c)),!0}catch(d){return y.current&&f(`Failed to delete insert: ${String(d)}`),!1}},[]),h=w.useCallback(async(c,d)=>{await k(c,{bypassed:!d})},[k]);return w.useEffect(()=>{p(),v()},[p,v]),{insertsByChannel:m(),availablePlugins:n,loadingAvailable:o,loadingInserts:l,error:u,fetchInserts:p,fetchAvailablePlugins:v,createInsert:x,updateInsert:k,deleteInsert:L,toggleBypass:h}}const Fn=32,to=28,cr=4,Yt="#e94560",hp=2.5,vp=4;function au(e,t){const n=e.filter(s=>s.direction===t&&s.port_type==="audio").sort((s,o)=>{if(s.is_physical!==o.is_physical)return s.is_physical?-1:1;const i=s.client.localeCompare(o.client);return i!==0?i:s.port.localeCompare(o.port)}),r=[];let l=null;for(const s of n)(!l||l.client!==s.client)&&(l={client:s.client,ports:[],totalHeight:to+cr},r.push(l)),l.ports.push(s),l.totalHeight+=Fn;return r}function yp(e,t,n,r){const l={},s={};let o=r;for(const y of e){o+=to+cr/2;for(const m of y.ports)l[m.name]=o+Fn/2,o+=Fn}let i=r;for(const y of t){i+=to+cr/2;for(const m of y.ports)s[m.name]=i+Fn/2,i+=Fn}const u=[],f=new Set;for(const[y,m]of Object.entries(l)){const p=n[y]||[];for(const v of p){const x=`${y}→${v}`;if(f.has(x))continue;f.add(x);const k=s[v];k!==void 0&&u.push({source:y,dest:v,y1:m,y2:k})}}return u}function cu(e,t,n,r){const l=r,s=n-r,o=Math.max(60,(s-l)*.4);return`M ${l} ${e} C ${l+o} ${e}, ${s-o} ${t}, ${s} ${t}`}const gp=({portsState:e,onConnect:t,onDisconnect:n,onDisconnectAll:r,onRefresh:l,actionState:s,actionError:o})=>{const{ports:i,connections:u,loading:f,error:y,source:m}=e,[p,v]=w.useState(null),[x,k]=w.useState(null),L=w.useRef(null),[h,c]=w.useState(800),d=w.useMemo(()=>au(i,"output"),[i]),g=w.useMemo(()=>au(i,"input"),[i]),S=w.useMemo(()=>{const R=d.reduce((le,Y)=>le+Y.totalHeight,cr),V=g.reduce((le,Y)=>le+Y.totalHeight,cr),H=Math.max(R,V)+40+20;return{headerH:40,leftH:R,rightH:V,totalH:H}},[d,g]),N=280,j=w.useMemo(()=>yp(d,g,u,S.headerH+12),[d,g,u,S.headerH]);w.useEffect(()=>{const P=L.current;if(!P)return;const R=new ResizeObserver(V=>{for(const H of V)c(H.contentRect.width)});return R.observe(P),()=>R.disconnect()},[]),w.useEffect(()=>{s==="idle"&&v(null)},[s]);const T=w.useCallback(async P=>{if(P.direction==="output")if(P.connections.length>0)for(const R of P.connections)await n(P.name,R);else v(p===P.name?null:P.name);else if(p)await t(p,P.name),v(null);else if(P.connections.length>0)for(const R of P.connections)await n(R,P.name)},[p,t,n]),U=w.useCallback(P=>{const R=["patch-port"];return P.connections.length>0&&R.push("connected"),p===P.name&&R.push("armed"),P.direction==="output"&&p&&p!==P.name&&R.push("available"),R.join(" ")},[p]),I=w.useMemo(()=>{let P=0;for(const[,R]of Object.entries(u))P+=R.length;return P},[u]),_=(P,R)=>a.jsx("div",{className:`patch-column patch-column-${R}`,children:P.map(V=>a.jsxs("div",{className:"patch-group",children:[a.jsxs("div",{className:"patch-group-header",children:[a.jsx("span",{className:`patch-group-dot ${V.client==="system"?"physical":""}`}),a.jsx("span",{className:"patch-group-name",children:V.client==="system"?V.client:V.client.replace(/^pipedal:/,"").replace(/^pipedal/,"PiPedal")})]}),V.ports.map(H=>a.jsxs("div",{className:U(H),onClick:()=>T(H),title:`${H.name}${H.connections.length>0?` -Connected to: ${H.connections.join(", ")}`:` -Click to connect`}`,children:[R==="left"&&a.jsx("span",{className:"patch-port-indicator"}),a.jsx("span",{className:`patch-port-name ${H.is_physical?"physical":""}`,children:H.port}),H.connections.length>0&&a.jsx("span",{className:"patch-port-conn-count",children:H.connections.length})]},H.name))]},V.client))});return f?a.jsx("div",{className:"patch-bay",children:a.jsxs("div",{className:"patch-bay-loading",children:[a.jsx("div",{className:"patch-spinner"}),a.jsx("span",{children:"Loading JACK ports..."})]})}):i.length===0?a.jsx("div",{className:"patch-bay",children:a.jsxs("div",{className:"patch-bay-empty",children:[a.jsx("div",{className:"patch-empty-icon",children:"🔌"}),a.jsx("h3",{children:"No JACK Ports Available"}),a.jsx("p",{children:m==="none"?"PiPedal is unreachable. Ensure the PiPedal server is running on 192.168.0.245:8080.":"No ports found in the current pedalboard."}),y&&a.jsx("p",{className:"patch-empty-note",children:y}),a.jsx("button",{className:"patch-refresh-btn",onClick:l,children:"↻ Retry"})]})}):a.jsxs("div",{className:"patch-bay",ref:L,children:[a.jsxs("div",{className:"patch-bay-header",children:[a.jsxs("div",{className:"patch-bay-title",children:[a.jsx("span",{className:"patch-icon",children:"🔌"}),a.jsx("span",{children:"Patch Bay"}),a.jsx("span",{className:"patch-conn-count",children:I})]}),a.jsxs("div",{className:"patch-bay-actions",children:[p&&a.jsxs("span",{className:"patch-armed-info",children:["Armed: ",a.jsx("code",{children:p.split(":").pop()})]}),s!=="idle"&&a.jsx("span",{className:`patch-action-state ${s}`,children:s==="connecting"?"Connecting...":s==="disconnecting"?"Disconnecting...":o||"Error"}),a.jsx("button",{className:"patch-action-btn",onClick:r,disabled:I===0||s!=="idle",title:"Disconnect all",children:"✕ Disconnect All"}),a.jsx("button",{className:"patch-refresh-btn",onClick:l,disabled:s!=="idle",title:"Refresh ports",children:"↻"})]})]}),a.jsxs("div",{className:"patch-bay-body",style:{minHeight:S.totalH},children:[a.jsxs("svg",{className:"patch-cables-svg",width:h,height:S.totalH,style:{position:"absolute",top:0,left:0,pointerEvents:"none"},children:[a.jsxs("defs",{children:[a.jsxs("linearGradient",{id:"cableGrad",x1:"0",y1:"0",x2:"1",y2:"0",children:[a.jsx("stop",{offset:"0%",stopColor:Yt,stopOpacity:.15}),a.jsx("stop",{offset:"50%",stopColor:Yt,stopOpacity:.6}),a.jsx("stop",{offset:"100%",stopColor:Yt,stopOpacity:.15})]}),a.jsxs("filter",{id:"cableGlow",children:[a.jsx("feGaussianBlur",{stdDeviation:"2",result:"blur"}),a.jsxs("feMerge",{children:[a.jsx("feMergeNode",{in:"blur"}),a.jsx("feMergeNode",{in:"SourceGraphic"})]})]})]}),j.map(P=>a.jsx("path",{d:cu(P.y1,P.y2,h,N),fill:"none",stroke:"transparent",strokeWidth:14,style:{pointerEvents:"stroke",cursor:"pointer"},onMouseEnter:()=>k({source:P.source,dest:P.dest}),onMouseLeave:()=>k(null),onClick:()=>{n(P.source,P.dest)}},`bg-${P.source}→${P.dest}`)),j.map(P=>{const R=(x==null?void 0:x.source)===P.source&&(x==null?void 0:x.dest)===P.dest;return a.jsx("path",{d:cu(P.y1,P.y2,h,N),fill:"none",stroke:R?"#ff6b81":Yt,strokeWidth:R?vp:hp,strokeLinecap:"round",opacity:R?.9:.5,filter:R?"url(#cableGlow)":void 0,style:{pointerEvents:"none"}},`cable-${P.source}→${P.dest}`)}),j.map(P=>a.jsx("circle",{cx:N,cy:P.y1,r:3,fill:Yt,opacity:.8},`dot-${P.source}→${P.dest}`)),j.map(P=>a.jsx("circle",{cx:h-N,cy:P.y2,r:3,fill:Yt,opacity:.8},`dot2-${P.source}→${P.dest}`))]}),_(d,"left"),_(g,"right"),m!=="pipedal"&&m!=="none"&&a.jsxs("div",{className:"patch-source-note",children:["Port data from pedalboard state (source: ",m,")"]})]}),y&&a.jsxs("div",{className:"patch-bay-error",children:[a.jsxs("span",{children:["⚠ ",y]}),a.jsx("button",{className:"patch-dismiss-btn",onClick:l,children:"↻"})]}),o&&a.jsx("div",{className:"patch-bay-error action",children:a.jsxs("span",{children:["⚠ ",o]})})]})},$t=-60,fu=0;function _t(e){const n=(Math.max($t,Math.min(fu,e))-$t)/(fu-$t);return Math.sqrt(n)*100}const vl=({levelL:e,levelR:t,label:n,mini:r=!1,peakHold:l=1500})=>{const s=w.useRef($t),o=w.useRef($t),i=w.useRef(null),u=w.useRef(null),[,f]=_u.useState(0);w.useEffect(()=>{e>s.current&&(s.current=e,i.current&&clearTimeout(i.current),i.current=window.setTimeout(()=>{s.current=Math.max(e,$t),f(L=>L+1)},l)),t>o.current&&(o.current=t,u.current&&clearTimeout(u.current),u.current=window.setTimeout(()=>{o.current=Math.max(t,$t),f(L=>L+1)},l))},[e,t,l]);const y=_t(e),m=_t(t),p=_t(s.current),v=_t(o.current),x=L=>L<60?"var(--meter-green, #4caf50)":L<85?"var(--meter-yellow, #ff9800)":"var(--meter-red, #f44336)",k=(L,h,c)=>a.jsxs("div",{className:`level-meter-channel ${r?"mini":""}`,children:[!r&&a.jsx("span",{className:"level-meter-side-label",children:c}),a.jsxs("div",{className:"level-meter-bar-track",children:[a.jsx("div",{className:"level-meter-bar-fill",style:{height:`${Math.min(100,L)}%`,backgroundColor:x(L)}}),a.jsx("div",{className:"level-meter-peak",style:{bottom:`${Math.min(100,h)}%`}}),!r&&a.jsxs(a.Fragment,{children:[a.jsx("div",{className:"level-meter-tick",style:{bottom:`${_t(-6)}%`}}),a.jsx("div",{className:"level-meter-tick mark-yellow",style:{bottom:`${_t(-20)}%`}}),a.jsx("div",{className:"level-meter-tick mark-green",style:{bottom:`${_t(-40)}%`}})]})]})]});return a.jsxs("div",{className:`level-meter ${r?"mini":""}`,children:[a.jsxs("div",{className:"level-meter-stereo-pair",children:[k(y,p,"L"),k(m,v,"R")]}),n&&a.jsx("div",{className:"level-meter-label",children:n}),!r&&a.jsxs("div",{className:"level-meter-db-values",children:[a.jsx("span",{className:e>-10?"hot":"",children:e.toFixed(1)}),a.jsx("span",{className:t>-10?"hot":"",children:t.toFixed(1)})]})]})},Ft=-135,yl=135,Lc=yl-Ft,xp=.1,no=24,du=no*2,os=20,wp=2.5;function kp(e,t,n,r){if(r<=0)return e;const l=Math.max(t,Math.min(n,e));return Math.max(t,Math.min(n,t+Math.round((l-t)/r)*r))}function pu(e,t,n){const r=(Math.max(t,Math.min(n,e))-t)/(n-t);return Ft+r*Lc}function Sp(e,t,n){const r=(Math.max(Ft,Math.min(yl,e))-Ft)/Lc;return t+r*(n-t)}function mu(e,t,n){const r=n.getBoundingClientRect(),l=e-(r.left+r.width/2),s=t-(r.top+r.height/2);return l*l+s*s<25?NaN:((Math.atan2(s,l)*180/Math.PI+90)%360+360)%360}const Cp=({value:e,min:t,max:n,step:r=0,size:l=48,label:s,readout:o,defaultValue:i,onChanging:u,onChange:f,onDoubleClick:y,accentColor:m})=>{const p=w.useRef(null),v=w.useRef({active:!1,pointerId:-1,lastAngle:0,dragValue:e,pointerType:""}),[x,k]=w.useState(!1),L=pu(e,t,n),h=w.useCallback(_=>{if(_.button!==0)return;const P=p.current;if(!P)return;_.preventDefault(),P.setPointerCapture(_.pointerId);const R=mu(_.clientX,_.clientY,P);v.current={active:!0,pointerId:_.pointerId,lastAngle:isNaN(R)?0:R,dragValue:e,pointerType:_.pointerType},k(!0)},[e]),c=w.useCallback(_=>{if(!v.current.active||v.current.pointerId!==_.pointerId)return;const P=p.current;if(!P)return;_.preventDefault();const R=mu(_.clientX,_.clientY,P);if(isNaN(R))return;let V=R-v.current.lastAngle;for(;V>180;)V-=360;for(;V<-180;)V+=360;const H=_.shiftKey?xp:1,le=Math.max(Ft,Math.min(yl,pu(v.current.dragValue,t,n)+V*H));let Y=Sp(le,t,n);r>0&&(Y=kp(Y,t,n,r)),v.current.dragValue=Y,v.current.lastAngle=R,u&&u(Y),f(Y)},[t,n,r,u,f]),d=w.useCallback(_=>{if(!v.current.active||v.current.pointerId!==_.pointerId)return;const P=p.current;P&&(P.releasePointerCapture(_.pointerId),v.current.active=!1,k(!1))},[]),g=w.useCallback(_=>{v.current.pointerId===_.pointerId&&(v.current.active=!1,k(!1))},[]),S=w.useCallback(_=>{_.preventDefault(),f(i??t),y&&y()},[i,t,f,y]);function N(_,P,R,V,H){const le=q=>q*Math.PI/180,Y=_+R*Math.sin(le(V)),E=P-R*Math.cos(le(V)),O=_+R*Math.sin(le(H)),$=P-R*Math.cos(le(H)),z=(H-V+720)%360>180?1:0;return`M ${Y} ${E} A ${R} ${R} 0 ${z} 1 ${O} ${$}`}const j=Ft,T=yl,U=Ft,I=L;return a.jsxs("div",{className:"rotary-knob",style:{"--knob-accent":m||"var(--accent, #e94560)",width:l,height:l},children:[a.jsxs("svg",{ref:p,className:`rotary-knob-svg ${x?"dragging":""}`,viewBox:`${-no} ${-no} ${du} ${du}`,width:l,height:l,onPointerDown:h,onPointerMove:c,onPointerUp:d,onLostPointerCapture:g,onDoubleClick:S,role:"slider","aria-valuemin":t,"aria-valuemax":n,"aria-valuenow":e,"aria-label":s||"Knob",tabIndex:0,children:[a.jsx("defs",{children:a.jsxs("radialGradient",{id:"knob-body",cx:"40%",cy:"35%",r:"60%",children:[a.jsx("stop",{offset:"0%",stopColor:"rgba(255,255,255,0.15)"}),a.jsx("stop",{offset:"60%",stopColor:"rgba(255,255,255,0.04)"}),a.jsx("stop",{offset:"100%",stopColor:"rgba(0,0,0,0.35)"})]})}),a.jsx("path",{className:"rotary-knob-track",d:N(0,0,os,j,T),fill:"none",strokeWidth:3}),a.jsx("path",{className:"rotary-knob-fill",d:N(0,0,os,U,I),fill:"none",strokeWidth:3,strokeLinecap:"round"}),a.jsx("circle",{className:"rotary-knob-body",cx:0,cy:0,r:os-5,fill:"url(#knob-body)"}),a.jsx("line",{className:"rotary-knob-needle",x1:0,y1:0,x2:0,y2:-16,transform:`rotate(${L})`}),a.jsx("circle",{className:"rotary-knob-centre",cx:0,cy:0,r:wp})]}),s&&a.jsx("span",{className:"rotary-knob-label",children:s}),o!==void 0&&a.jsx("span",{className:"rotary-knob-readout",children:o})]})},is={instrument:"Instrument",mic:"Mic",line:"Line",auxReturn:"Aux Return"},Rc={instrument:"#ff8c00",mic:"#e91e63",line:"#2196f3",auxReturn:"#9c27b0"},Np={instrument:"🎸",mic:"🎤",line:"🔌",auxReturn:"📥"},Ep=["instrument","mic","line","auxReturn"];function jp(e){return e<=-60?"-∞":`${e>=0?"+":""}${e.toFixed(1)}`}function hu(e){return e===0?"C":e<0?`L${Math.abs(Math.round(e*100))}`:`R${Math.round(e*100)}`}const Pp=({instanceId:e,channelIndex:t,label:n,volume:r,pan:l,mute:s,solo:o,channelType:i,hpEnabled:u,hpFrequency:f,levelL:y,levelR:m,onChangeVolume:p,onChangePan:v,onToggleMute:x,onToggleSolo:k,onChangeChannelType:L,onToggleHp:h,onChangeHpFrequency:c,onChangeLabel:d,fxInserts:g})=>{const S=Rc[i]??"#666",[N,j]=w.useState(!1),[T,U]=w.useState(n),I=w.useRef(null),_=w.useCallback(z=>{v(e,parseFloat(z.target.value))},[e,v]),P=w.useCallback(()=>{x(e,!s)},[e,s,x]),R=w.useCallback(()=>{k(e,!o)},[e,o,k]),V=w.useCallback(z=>{L(e,z.target.value)},[e,L]),H=w.useCallback(()=>{h(e,!u)},[e,u,h]),le=w.useCallback(z=>{c(e,parseFloat(z.target.value))},[e,c]),Y=w.useCallback(()=>{U(n),j(!0),requestAnimationFrame(()=>{var z;return(z=I.current)==null?void 0:z.focus()})},[n]),E=w.useCallback(()=>{const z=T.trim();z&&z!==n&&d(e,z),j(!1)},[T,n,e,d]),O=w.useCallback(z=>{z.key==="Enter"?E():z.key==="Escape"&&j(!1)},[E]),$=f>=100?`${Math.round(f)} Hz`:`${f.toFixed(0)} Hz`;return a.jsxs("div",{className:"channel-strip",style:{"--channel-accent":S},children:[a.jsxs("div",{className:"channel-header",children:[N?a.jsx("input",{ref:I,className:"channel-label-input",type:"text",value:T,onChange:z=>U(z.target.value),onBlur:E,onKeyDown:O,maxLength:32}):a.jsx("span",{className:"channel-label",onClick:Y,title:"Click to rename",children:n||`Ch ${t+1}`}),a.jsxs("span",{className:"channel-type-badge",style:{backgroundColor:`${S}22`,color:S,borderColor:S},title:is[i],children:[a.jsx("span",{className:"channel-type-icon",children:Np[i]}),a.jsx("span",{className:"channel-type-name",children:is[i]})]})]}),a.jsxs("div",{className:"channel-hpf-section",children:[a.jsx("button",{className:`channel-hpf-toggle ${u?"active":""}`,onClick:H,title:`High-pass filter: ${u?"ON":"OFF"}`,children:"HPF"}),u&&a.jsxs("div",{className:"channel-hpf-slider-group",children:[a.jsx("input",{type:"range",min:"20",max:"400",step:"1",value:f,onChange:le,className:"channel-hpf-slider",title:`HPF frequency: ${$}`}),a.jsx("span",{className:"channel-hpf-readout",children:$})]})]}),a.jsx("div",{className:"channel-meter-section",children:a.jsx(vl,{levelL:y,levelR:m,mini:!1})}),a.jsxs("div",{className:"channel-mute-solo",children:[a.jsx("button",{className:`channel-btn mute ${s?"active":""}`,onClick:P,title:s?"Unmute":"Mute",children:"M"}),a.jsx("button",{className:`channel-btn solo ${o?"active":""}`,onClick:R,title:o?"Un-solo":"Solo",children:"S"})]}),a.jsxs("div",{className:"channel-pan",children:[a.jsx("label",{className:"channel-pan-label",children:"Pan"}),a.jsxs("div",{className:"channel-pan-control",children:[a.jsx("input",{type:"range",min:"-1",max:"1",step:"0.01",value:l,onChange:_,className:"channel-pan-slider",title:`Pan: ${hu(l)}`}),a.jsx("span",{className:"channel-pan-value",children:hu(l)})]})]}),a.jsx("div",{className:"channel-fader-section",children:a.jsx(Cp,{value:r,min:-60,max:6,step:.5,size:48,label:"Volume",readout:jp(r),accentColor:S,onChange:z=>p(e,parseFloat(z.toFixed(1)))})}),a.jsx("div",{className:"channel-type-selector",children:a.jsx("select",{value:i,onChange:V,className:"channel-type-select",style:{borderColor:S},children:Ep.map(z=>a.jsx("option",{value:z,children:is[z]},z))})}),g]})},_p=[{value:1,label:"Main"},{value:2,label:"Bus 2"},{value:3,label:"Bus 3"},{value:4,label:"Bus 4"},{value:5,label:"Bus 5"},{value:6,label:"Bus 6"},{value:7,label:"Bus 7"},{value:8,label:"Bus 8"}];function vu(e){return(Math.max(-60,Math.min(6,e))+60)/66*100}function yu(e){return e/100*66-60}const Tp=({plugin:e,onSetControl:t})=>{const n=e.controlValues,r=n.masterVol??0,l=(n.masterMute??0)>=.5,s=n.masterLevelL??-60,o=n.masterLevelR??-60,i=Array.from({length:8},(v,x)=>{const k=x+1;return{index:k,vol:n[`ch${k}Vol`]??0,mute:(n[`ch${k}Mute`]??0)>=.5,route:Math.round(n[`ch${k}Route`]??1),levelL:n[`ch${k}LevelL`]??-60,levelR:n[`ch${k}LevelR`]??-60,volKey:`ch${k}Vol`,muteKey:`ch${k}Mute`,routeKey:`ch${k}Route`}}),u=w.useCallback(v=>{const x=yu(parseFloat(v.target.value));t(e.instanceId,"masterVol",parseFloat(x.toFixed(1)))},[e.instanceId,t]),f=w.useCallback(()=>{t(e.instanceId,"masterMute",l?0:1)},[e.instanceId,l,t]),y=w.useCallback((v,x,k)=>{const L=yu(parseFloat(k.target.value));t(e.instanceId,x,parseFloat(L.toFixed(1)))},[e.instanceId,t]),m=w.useCallback((v,x,k)=>{t(e.instanceId,x,k?0:1)},[e.instanceId,t]),p=w.useCallback((v,x,k)=>{const L=parseInt(k.target.value,10);t(e.instanceId,x,L)},[e.instanceId,t]);return a.jsxs("div",{className:"bus-strip",children:[a.jsxs("div",{className:"bus-master-section",children:[a.jsxs("div",{className:"bus-master-header",children:[a.jsx("span",{className:"bus-master-label",children:"Master"}),a.jsx("button",{className:`bus-btn mute ${l?"active":""}`,onClick:f,title:"Master Mute",children:"M"})]}),a.jsx("div",{className:"bus-master-meter",children:a.jsx(vl,{levelL:s,levelR:o,mini:!0,label:r>-60?`${r.toFixed(1)}dB`:"-∞"})}),a.jsx("div",{className:"bus-master-fader",children:a.jsx("input",{type:"range",min:"0",max:"100",step:"0.5",value:vu(r),onChange:u,className:"bus-fader",title:`Master Volume: ${r.toFixed(1)} dB`})})]}),a.jsx("div",{className:"bus-divider"}),a.jsx("div",{className:"bus-channels",children:i.map(v=>a.jsxs("div",{className:"bus-channel",children:[a.jsxs("span",{className:"bus-channel-label",children:["Ch ",v.index]}),a.jsx("button",{className:`bus-btn mute mini ${v.mute?"active":""}`,onClick:()=>m(v.index,v.muteKey,v.mute),title:`Ch ${v.index} Mute`,children:"M"}),a.jsx("select",{className:"bus-channel-route",value:v.route,onChange:x=>p(v.index,v.routeKey,x),title:`Ch ${v.index} route`,children:_p.map(x=>a.jsx("option",{value:x.value,children:x.label},x.value))}),a.jsx("div",{className:"bus-channel-meter",children:a.jsx(vl,{levelL:v.levelL,levelR:v.levelR,mini:!0})}),a.jsx("div",{className:"bus-channel-fader",children:a.jsx("input",{type:"range",min:"0",max:"100",step:"0.5",value:vu(v.vol),onChange:x=>y(v.index,v.volKey,x),className:"bus-fader mini",title:`Ch ${v.index} Volume: ${v.vol.toFixed(1)} dB`})}),a.jsx("span",{className:"bus-channel-db",children:v.vol>-60?v.vol.toFixed(1):"-∞"})]},v.index))})]})};function Mp(e){if(e<=0)return-60;if(e>=1)return 6;const t=e/.75;if(t<=.001)return-60;const n=20*Math.log10(t);return Math.max(-60,Math.min(6,n))}function Lp(e){if(e<=-60)return 0;if(e>=6)return 1;const t=Math.pow(10,e/20);return Math.min(1,t*.75)}const Rp=({volume:e,mute:t,levelL:n,levelR:r,onVolumeChange:l,onMuteToggle:s,label:o="Master"})=>{const i=Lp(e)*100,u=w.useCallback(y=>{const m=parseFloat(y.target.value)/100,p=Mp(m);l(parseFloat(p.toFixed(1)))},[l]),f=w.useCallback(()=>{s(!t)},[t,s]);return a.jsxs("div",{className:`master-bus ${t?"muted":""}`,children:[a.jsxs("div",{className:"master-bus-header",children:[a.jsx("span",{className:"master-bus-label",children:o}),a.jsx("span",{className:"master-bus-type",children:"Main Out"})]}),a.jsx("div",{className:"master-bus-meters",children:a.jsx(vl,{levelL:n,levelR:r,mini:!1})}),a.jsx("div",{className:"master-bus-controls",children:a.jsx("button",{className:`master-bus-btn mute ${t?"active":""}`,onClick:f,title:"Master Mute",children:"M"})}),a.jsxs("div",{className:"master-bus-fader-section",children:[a.jsx("input",{type:"range",min:"0",max:"100",step:"0.5",value:i,onChange:u,className:"master-bus-fader",title:`Master Volume: ${e.toFixed(1)} dB`,orient:"vertical"}),a.jsx("span",{className:"master-bus-fader-readout",children:t?"MUTED":e>-60?`${e>=0?"+":""}${e.toFixed(1)}`:"-∞"})]}),a.jsxs("div",{className:"master-bus-db-values",children:[a.jsx("span",{className:n>-10?"hot":"",children:n.toFixed(1)}),a.jsx("span",{className:r>-10?"hot":"",children:r.toFixed(1)})]})]})},zp=({scenes:e,loading:t,error:n,onClose:r,onSaveScene:l,onDeleteScene:s,onRecallScene:o,getCurrentState:i})=>{const[u,f]=w.useState(""),[y,m]=w.useState(""),[p,v]=w.useState(!1),[x,k]=w.useState(null),[L,h]=w.useState(null),[c,d]=w.useState(null),[g,S]=w.useState(null),N=n||g,j=w.useCallback(async()=>{const _=u.trim();if(!_)return;const P=i();if(!P){S("No plugin state available. Refresh plugins first.");return}v(!0),S(null);try{const R=y.trim()!==""?parseInt(y.trim(),10):null;await l(_,P,R),f(""),m("")}catch{S("Failed to save scene")}finally{v(!1)}},[u,y,i,l]),T=w.useCallback(async _=>{k(_),S(null);try{await o(_)?(h(_),setTimeout(()=>h(null),700)):S("Recall failed — check PiPedal connection")}catch{S("Recall failed")}finally{k(null)}},[o]),U=w.useCallback(async _=>{S(null),d(null);try{await s(_)}catch{S("Failed to delete scene")}},[s]),I=w.useCallback(_=>{_.key==="Enter"&&j()},[j]);return a.jsxs("div",{className:"scene-manager-overlay",children:[a.jsxs("div",{className:"scene-manager-header",children:[a.jsxs("div",{style:{display:"flex",alignItems:"center"},children:[a.jsx("h2",{children:"Scenes"}),a.jsx("span",{className:"scene-manager-count",children:e.length})]}),a.jsx("button",{className:"scene-close-btn",onClick:r,title:"Close",children:"✕"})]}),a.jsxs("div",{className:"scene-list",children:[t&&e.length===0&&a.jsx("div",{className:"scene-list-loading",children:"Loading scenes..."}),!t&&e.length===0&&a.jsxs("div",{className:"scene-list-empty",children:[a.jsx("span",{children:"No saved scenes yet"}),a.jsx("span",{children:"Use the form below to save the current mixer state."})]}),e.map(_=>a.jsx("div",{className:`scene-card ${L===_.id?"scene-recalled-flash":""} ${x===_.id?"scene-recalling":""}`,children:a.jsxs("div",{className:"scene-card-content",children:[a.jsx("span",{className:"scene-card-name",onClick:()=>T(_.id),title:`Recall "${_.name}"`,children:_.name}),_.midiPc!==null&&_.midiPc!==void 0&&a.jsxs("span",{className:"scene-card-midi",children:["PC#",_.midiPc]}),a.jsxs("div",{className:"scene-card-actions",children:[a.jsx("button",{className:"scene-card-btn recall",onClick:()=>T(_.id),disabled:x===_.id,title:"Recall scene",children:"▶ Recall"}),a.jsx("button",{className:"scene-card-btn delete",onClick:()=>d(_.id),title:"Delete scene",children:"✕"})]})]})},_.id))]}),a.jsxs("div",{className:"scene-save-form",children:[a.jsxs("div",{className:"scene-save-row",children:[a.jsx("input",{className:"scene-name-input",type:"text",placeholder:"Scene name...",value:u,onChange:_=>f(_.target.value),onKeyDown:I,maxLength:60}),a.jsx("button",{className:"scene-save-btn",onClick:j,disabled:p||!u.trim(),children:p?"Saving...":"Save"})]}),a.jsx("div",{className:"scene-save-row",children:a.jsxs("div",{className:"scene-midi-input-group",children:[a.jsx("span",{className:"scene-midi-label",children:"MIDI PC:"}),a.jsx("input",{className:"scene-midi-input",type:"number",min:"0",max:"127",placeholder:"—",value:y,onChange:_=>m(_.target.value)})]})})]}),N&&a.jsx("div",{className:"scene-error",children:N}),c!==null&&a.jsx("div",{className:"scene-confirm-overlay",onClick:()=>d(null),children:a.jsxs("div",{className:"scene-confirm-dialog",onClick:_=>_.stopPropagation(),children:[a.jsx("p",{children:"Delete this scene permanently?"}),a.jsxs("div",{className:"scene-confirm-actions",children:[a.jsx("button",{className:"scene-confirm-cancel",onClick:()=>d(null),children:"Cancel"}),a.jsx("button",{className:"scene-confirm-delete",onClick:()=>U(c),children:"Delete"})]})]})})]})},$p={connected:"#4caf50",connecting:"#ff9800",disconnected:"#9e9e9e",error:"#f44336"},Ip={connected:"Connected to PiPedal",connecting:"Connecting...",disconnected:"Disconnected",error:"Connection Error"},Op=({state:e,onRetry:t})=>a.jsxs("div",{className:"connection-status",children:[a.jsxs("div",{className:"status-indicator",children:[a.jsx("span",{className:"status-dot",style:{backgroundColor:$p[e.status]||"#9e9e9e"}}),a.jsx("span",{className:"status-label",children:Ip[e.status]||e.status})]}),e.error&&a.jsxs("div",{className:"status-error",children:[a.jsx("span",{children:e.error}),t&&a.jsx("button",{className:"retry-btn",onClick:t,children:"Retry"})]})]}),Fp=({insert:e,accentColor:t,onToggleBypass:n,onWetDryChange:r,onRemove:l})=>{const s=w.useCallback(()=>{n(e.id,e.bypassed)},[e.id,e.bypassed,n]),o=w.useCallback(f=>{r(e.id,parseFloat(f.target.value))},[e.id,r]),i=w.useCallback(()=>{l(e.id)},[e.id,l]),u=Math.round(e.wet_dry_mix*100);return a.jsxs("div",{className:`fx-insert-slot ${e.bypassed?"bypassed":""}`,style:{"--fx-accent":t},children:[a.jsxs("div",{className:"fx-insert-header",children:[a.jsx("span",{className:`fx-insert-bypass-btn ${e.bypassed?"active":""}`,onClick:s,title:e.bypassed?"Enable insert":"Bypass insert",children:e.bypassed?"OFF":"ON"}),a.jsx("span",{className:"fx-insert-name",title:e.plugin_name,children:e.plugin_name}),a.jsx("button",{className:"fx-insert-remove",onClick:i,title:"Remove insert",children:"×"})]}),!e.bypassed&&a.jsxs("div",{className:"fx-insert-wetdry",children:[a.jsx("label",{className:"fx-insert-wetdry-label",children:"Mix"}),a.jsx("input",{type:"range",min:"0",max:"1",step:"0.01",value:e.wet_dry_mix,onChange:o,className:"fx-insert-wetdry-slider",title:`Wet/Dry: ${u}%`}),a.jsxs("span",{className:"fx-insert-wetdry-readout",children:[u,"%"]})]})]})},Dp=({channelIndex:e,inserts:t,availablePlugins:n,accentColor:r,onCreateInsert:l,onUpdateInsert:s,onDeleteInsert:o,onToggleBypass:i})=>{const[u,f]=w.useState(!1),[y,m]=w.useState(""),p=w.useMemo(()=>[...t].sort((g,S)=>g.slot_order-S.slot_order),[t]),v=w.useCallback((g,S)=>{s(g,{wet_dry_mix:S})},[s]),x=w.useCallback(g=>{o(g)},[o]),k=w.useCallback(()=>{f(!0),m("")},[]),L=w.useCallback(()=>{f(!1),m("")},[]),h=w.useCallback(g=>{m(g.target.value)},[]),c=w.useCallback(async()=>{if(!y)return;const g=n.find(N=>N.uri===y);if(!g)return;const S=p.length;await l({channel_index:e,plugin_instance_id:g.instanceId??-(Date.now()%1e4),plugin_name:g.name||g.uri.split("/").pop()||"FX",slot_order:S,bypassed:!1,wet_dry_mix:1}),f(!1),m("")},[y,n,p.length,e,l]),d=w.useMemo(()=>n.find(g=>g.uri===y),[n,y]);return a.jsxs("div",{className:"fx-insert-panel",children:[a.jsxs("div",{className:"fx-insert-panel-header",children:[a.jsx("span",{className:"fx-insert-panel-title",children:"FX Inserts"}),!u&&p.length>0&&a.jsx("button",{className:"fx-insert-add-btn",onClick:k,title:"Add FX insert",children:"+ Add"})]}),p.length>0&&a.jsx("div",{className:"fx-insert-slots",children:p.map(g=>a.jsx(Fp,{insert:g,accentColor:r,onToggleBypass:i,onWetDryChange:v,onRemove:x},g.id))}),p.length===0&&!u&&a.jsx("div",{className:"fx-insert-empty",children:a.jsx("button",{className:"fx-insert-add-btn ghost",onClick:k,children:"+ Add FX Insert"})}),u&&a.jsxs("div",{className:"fx-insert-add-form",children:[a.jsxs("select",{className:"fx-insert-plugin-select",value:y,onChange:h,children:[a.jsx("option",{value:"",children:"-- Select Plugin --"}),n.map(g=>a.jsxs("option",{value:g.uri,children:[g.name||g.uri.split("/").pop()||g.uri,g.brand?` (${g.brand})`:""]},g.uri))]}),d&&a.jsxs("div",{className:"fx-insert-plugin-info",children:["I/O: ",d.audioInputs,"in /"," ",d.audioOutputs,"out"]}),a.jsxs("div",{className:"fx-insert-add-actions",children:[a.jsx("button",{className:"fx-insert-confirm-btn",disabled:!y,onClick:c,children:"Add"}),a.jsx("button",{className:"fx-insert-cancel-btn",onClick:L,children:"Cancel"})]})]})]})},Ap=({plugins:e,connectionState:t,pedalboardName:n,lastUpdate:r,onRefresh:l})=>{const{ready:s,setControlValue:o}=fp(),{scenes:i,loading:u,error:f,saveScene:y,deleteScene:m,recallScene:p}=dp(),{portsState:v,refresh:x,connect:k,disconnect:L,disconnectAll:h,actionState:c,actionError:d}=pp(),[g,S]=w.useState(!1),[N,j]=w.useState(!1),[T,U]=w.useState(!1),{insertsByChannel:I,availablePlugins:_,createInsert:P,updateInsert:R,deleteInsert:V,toggleBypass:H}=mp(),le="http://192.168.0.245:8080/",Y=w.useMemo(()=>e.filter(D=>!D.uri.includes("band-bus")&&D.uri.includes("band-channel")),[e]),E=w.useMemo(()=>e.filter(D=>D.uri.includes("band-bus")),[e]),O=Y.length>0,$=E.length>0,z=e.length>0,q=w.useMemo(()=>$?Math.max(...E.map(D=>D.controlValues.masterLevelL??-60)):-60,[E,$]),Qt=w.useMemo(()=>$?Math.max(...E.map(D=>D.controlValues.masterLevelR??-60)):-60,[E,$]),[Ge,Nn]=w.useState(0),[Ye,Kt]=w.useState(!1),zc=w.useCallback(()=>e.length===0?null:{channels:Y.map(D=>({instanceId:D.instanceId,params:{...D.controlValues}})),buses:E.map(D=>({instanceId:D.instanceId,params:{...D.controlValues}}))},[e,Y,E]),qo={0:"instrument",1:"instrument",2:"line",3:"mic",4:"line"},$c={instrument:0,mic:3,line:2,auxReturn:4},Ic=w.useCallback(()=>{S(D=>!D)},[]);return a.jsxs("div",{className:"mixer-page",children:[a.jsxs("header",{className:"mixer-header",children:[a.jsxs("div",{className:"mixer-header-left",children:[a.jsx("h1",{className:"mixer-title",children:"OPLabs Mixer"}),a.jsx(Op,{state:t,onRetry:l})]}),a.jsxs("div",{className:"mixer-header-center",children:[n&&a.jsxs("span",{className:"mixer-pedalboard-name",children:["Pedalboard: ",n]}),t.status==="connected"&&a.jsx("span",{className:`mixer-ws-indicator ${s?"ready":"pending"}`,children:s?"Controls Ready":"Connecting Controls..."})]}),a.jsxs("div",{className:"mixer-header-right",children:[a.jsx("span",{className:"mixer-update-time",children:r>0?`Updated ${new Date(r).toLocaleTimeString()}`:""}),a.jsxs("button",{className:`mixer-scenes-btn ${g?"active":""}`,onClick:Ic,title:"Scene Manager",children:["🎬 Scenes",i.length>0&&a.jsx("span",{className:"mixer-scenes-count",children:i.length})]}),a.jsx("button",{className:"mixer-scenes-btn",onClick:l,children:"↻ Refresh"}),a.jsx("button",{className:`mixer-pipedal-btn ${N?"active":""}`,onClick:()=>j(D=>!D),title:"Toggle PiPedal view",children:"🎛️ PiPedal"}),a.jsx("button",{className:`mixer-patch-btn ${T?"active":""}`,onClick:()=>U(D=>!D),title:"Toggle Patch Bay",children:"🔌 Patch"})]})]}),a.jsxs("div",{className:`mixer-content ${N?"mixer-content-split":""}`,children:[a.jsxs("div",{className:"mixer-content-main",children:[!z&&a.jsxs("div",{className:"mixer-empty",children:[a.jsx("div",{className:"mixer-empty-icon",children:"🎛️"}),a.jsx("h2",{children:"No OPLabs Plugins Found"}),a.jsx("p",{children:"Load OPLabsBandChannel or OPLabsBandBus plugins on the PiPedal pedalboard, then click Refresh."}),t.status!=="connected"&&a.jsxs("p",{className:"mixer-empty-hint",children:["Status: ",a.jsx("strong",{children:t.status}),t.error&&` — ${t.error}`]}),a.jsx("button",{className:"mixer-refresh-btn large",onClick:l,children:"↻ Refresh Now"})]}),O&&a.jsxs("div",{className:"mixer-channels",children:[a.jsxs("div",{className:"mixer-section-header",children:[a.jsx("h2",{children:"Channels"}),a.jsx("span",{className:"mixer-count",children:Y.length})]}),a.jsxs("div",{className:"mixer-channels-grid",children:[Y.map((D,vr)=>{const Pt=D.controlValues,bo=Math.round(Pt.instrument??0)||0;return a.jsx(Pp,{instanceId:D.instanceId,channelIndex:vr,label:D.title||D.pluginName||`Ch ${vr+1}`,volume:Pt.volume??0,pan:Pt.pan??0,mute:(Pt.mute??0)>=.5,solo:(Pt.solo??0)>=.5,channelType:qo[bo]??"instrument",hpEnabled:!1,hpFrequency:80,levelL:Pt.levelL??-60,levelR:Pt.levelR??-60,onChangeVolume:(Xe,Je)=>o(Xe,"volume",Je),onChangePan:(Xe,Je)=>o(Xe,"pan",Je),onToggleMute:(Xe,Je)=>o(Xe,"mute",Je?1:0),onToggleSolo:(Xe,Je)=>o(Xe,"solo",Je?1:0),onChangeChannelType:(Xe,Je)=>{o(Xe,"instrument",$c[Je]??0)},onToggleHp:()=>{},onChangeHpFrequency:()=>{},onChangeLabel:()=>{},fxInserts:a.jsx(Dp,{channelIndex:vr,inserts:I[vr]||[],availablePlugins:_,accentColor:Rc[qo[bo]??"instrument"]??"#666",onCreateInsert:P,onUpdateInsert:R,onDeleteInsert:V,onToggleBypass:H})},D.instanceId)}),a.jsx("div",{className:"mixer-add-channel",children:a.jsx("button",{className:"mixer-add-btn",title:"Add channel (future)",children:"+"})})]})]}),$&&a.jsxs("div",{className:"mixer-buses",children:[a.jsxs("div",{className:"mixer-section-header",children:[a.jsx("h2",{children:"Bus"}),a.jsx("span",{className:"mixer-count",children:E.length})]}),a.jsx("div",{className:"mixer-buses-grid",children:E.map(D=>a.jsx(Tp,{plugin:D,onSetControl:o},D.instanceId))})]}),z&&a.jsxs("div",{className:"mixer-master-section",children:[a.jsx("div",{className:"mixer-section-header",children:a.jsx("h2",{children:"Master"})}),a.jsx("div",{className:"mixer-master-layout",children:a.jsx(Rp,{volume:Ge,mute:Ye,levelL:q,levelR:Qt,onVolumeChange:D=>Nn(D),onMuteToggle:D=>Kt(D)})})]})]})," ",N&&a.jsx("div",{className:"mixer-pipedal-pane",children:a.jsx("iframe",{src:le,title:"PiPedal",className:"mixer-pipedal-iframe",sandbox:"allow-scripts allow-same-origin allow-forms allow-popups"})})]})," ",T&&a.jsx("div",{className:"mixer-patch-pane",children:a.jsx(gp,{portsState:v,onConnect:k,onDisconnect:L,onDisconnectAll:h,onRefresh:x,actionState:c,actionError:d})}),g&&a.jsx(zp,{scenes:i,loading:u,error:f,onClose:()=>S(!1),onSaveScene:y,onDeleteScene:m,onRecallScene:p,getCurrentState:zc})]})},Up=()=>{const{connectionState:e,plugins:t,pedalboardName:n,discover:r,lastUpdate:l}=cp();return a.jsx("div",{className:"app",children:a.jsx(Ap,{plugins:t,connectionState:e,pedalboardName:n,lastUpdate:l,onRefresh:r})})};us.createRoot(document.getElementById("root")).render(a.jsx(_u.StrictMode,{children:a.jsx(Up,{})})); diff --git a/frontend/dist/assets/index-DiLQLHHI.css b/frontend/dist/assets/index-DiLQLHHI.css new file mode 100644 index 0000000..07fc319 --- /dev/null +++ b/frontend/dist/assets/index-DiLQLHHI.css @@ -0,0 +1 @@ +.daemon-scene-manager-overlay{position:fixed;top:0;right:0;width:360px;height:100vh;background:var(--surface, #1a1a2e);border-left:1px solid var(--border, #2a2a4a);z-index:200;display:flex;flex-direction:column;box-shadow:-4px 0 20px #0006;animation:daemon-scene-slide-in .2s ease-out}@keyframes daemon-scene-slide-in{0%{transform:translate(100%)}to{transform:translate(0)}}.daemon-scene-manager-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--border, #2a2a4a)}.daemon-scene-manager-title-row{display:flex;align-items:center;gap:8px}.daemon-scene-manager-header h2{font-size:1rem;font-weight:600;color:var(--text, #eaeaea);margin:0}.daemon-scene-manager-count{font-size:.7rem;background:var(--surface-alt, #16213e);color:var(--text-dim, #9e9e9e);padding:1px 7px;border-radius:10px}.daemon-scene-close-btn{background:transparent;border:none;color:var(--text-dim, #9e9e9e);font-size:1.2rem;cursor:pointer;padding:4px 8px;border-radius:4px;line-height:1}.daemon-scene-close-btn:hover{background:#ffffff14;color:var(--text, #eaeaea)}.daemon-scene-list{flex:1;overflow-y:auto;padding:8px}.daemon-scene-list-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center;color:var(--text-dim, #9e9e9e);font-size:.85rem;gap:8px}.daemon-scene-list-loading{display:flex;align-items:center;justify-content:center;padding:40px;color:var(--text-dim, #9e9e9e);font-size:.85rem}.daemon-scene-card{background:var(--bg, #0f3460);border-radius:8px;margin-bottom:8px;border:1px solid var(--border, #2a2a4a);overflow:hidden;transition:border-color .2s}.daemon-scene-card:hover{border-color:var(--accent, #e94560)}.daemon-scene-card-content{display:flex;align-items:center;padding:10px 12px;gap:10px;cursor:pointer}.daemon-scene-card-content:hover{background:#e945600a}.daemon-scene-card-info{flex:1;min-width:0}.daemon-scene-card-name{display:block;font-size:.9rem;font-weight:500;color:var(--text, #eaeaea);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}.daemon-scene-card-name:hover{color:var(--accent, #e94560)}.daemon-scene-card-meta{display:flex;align-items:center;gap:8px;margin-top:2px}.daemon-scene-card-time{font-size:.65rem;color:var(--text-dim, #9e9e9e)}.daemon-scene-card-midi{font-size:.65rem;color:var(--text-dim, #9e9e9e);background:var(--surface-alt, #16213e);padding:1px 6px;border-radius:4px;font-weight:500}.daemon-scene-card-actions{display:flex;gap:4px;flex-shrink:0}.daemon-scene-card-btn{background:transparent;border:none;color:var(--text-dim, #9e9e9e);padding:4px 8px;border-radius:4px;cursor:pointer;font-size:.75rem;transition:all .15s}.daemon-scene-card-btn:hover{background:#ffffff14;color:var(--text, #eaeaea)}.daemon-scene-card-btn.delete:hover{background:#f4433626;color:var(--error, #f44336)}.daemon-scene-card-btn.load{font-weight:600}.daemon-scene-card-btn.load:hover{background:#e9456026;color:var(--accent, #e94560)}.daemon-scene-save-form{padding:12px 16px;border-top:1px solid var(--border, #2a2a4a);display:flex;flex-direction:column;gap:8px}.daemon-scene-save-row{display:flex;gap:8px;align-items:center}.daemon-scene-name-input{flex:1;background:var(--bg, #0f3460);border:1px solid var(--border, #2a2a4a);border-radius:6px;padding:8px 10px;color:var(--text, #eaeaea);font-size:.85rem;outline:none;transition:border-color .2s}.daemon-scene-name-input:focus{border-color:var(--accent, #e94560)}.daemon-scene-name-input::placeholder{color:var(--text-dim, #9e9e9e)}.daemon-scene-save-btn{background:var(--accent, #e94560);color:#fff;border:none;padding:8px 16px;border-radius:6px;cursor:pointer;font-size:.8rem;font-weight:500;white-space:nowrap;transition:opacity .15s}.daemon-scene-save-btn:hover{opacity:.85}.daemon-scene-save-btn:disabled{opacity:.4;cursor:not-allowed}.daemon-scene-midi-input-group{display:flex;align-items:center;gap:6px}.daemon-scene-midi-label{font-size:.7rem;color:var(--text-dim, #9e9e9e);white-space:nowrap}.daemon-scene-midi-input{width:48px;background:var(--bg, #0f3460);border:1px solid var(--border, #2a2a4a);border-radius:4px;padding:4px 6px;color:var(--text, #eaeaea);font-size:.8rem;text-align:center;outline:none}.daemon-scene-midi-input:focus{border-color:var(--accent, #e94560)}.daemon-scene-error{padding:8px 16px;background:#f443361a;color:var(--error, #f44336);font-size:.75rem;border-top:1px solid rgba(244,67,54,.2)}.daemon-scene-confirm-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:300;display:flex;align-items:center;justify-content:center}.daemon-scene-confirm-dialog{background:var(--surface, #1a1a2e);border:1px solid var(--border, #2a2a4a);border-radius:8px;padding:20px 24px;max-width:320px;box-shadow:0 8px 32px #0006}.daemon-scene-confirm-dialog p{font-size:.9rem;color:var(--text, #eaeaea);margin:0 0 4px;line-height:1.4}.daemon-scene-confirm-hint{font-size:.75rem;color:var(--text-dim, #9e9e9e);margin-top:2px!important}.daemon-scene-confirm-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:16px}.daemon-scene-confirm-cancel{background:transparent;border:1px solid var(--border, #2a2a4a);color:var(--text-dim, #9e9e9e);padding:6px 14px;border-radius:6px;cursor:pointer;font-size:.8rem}.daemon-scene-confirm-cancel:hover{background:#ffffff0d}.daemon-scene-confirm-delete{background:var(--error, #f44336);border:none;color:#fff;padding:6px 14px;border-radius:6px;cursor:pointer;font-size:.8rem;font-weight:500}.daemon-scene-confirm-delete:hover{opacity:.85}.daemon-scene-loading{opacity:.6;pointer-events:none}.daemon-scene-loaded-flash{animation:daemon-scene-flash .6s ease-out}@keyframes daemon-scene-flash{0%{border-color:var(--success, #4caf50);box-shadow:0 0 8px #4caf504d}to{border-color:var(--border, #2a2a4a);box-shadow:none}}.patch-bay{background:var(--bg, #1a1a2e);border:1px solid var(--border, #2a2a4a);border-radius:var(--radius, 8px);overflow:hidden;display:flex;flex-direction:column}.patch-bay-header{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;background:var(--surface, #16213e);border-bottom:1px solid var(--border, #2a2a4a);gap:12px;flex-wrap:wrap}.patch-bay-title{display:flex;align-items:center;gap:8px;font-size:.95rem;font-weight:600;color:var(--text, #eaeaea)}.patch-icon{font-size:1rem}.patch-conn-count{font-size:.65rem;background:var(--accent, #e94560);color:#fff;padding:1px 6px;border-radius:8px;font-weight:600;min-width:18px;text-align:center}.patch-bay-actions{display:flex;align-items:center;gap:8px}.patch-armed-info{font-size:.72rem;color:var(--accent, #e94560);background:#e945601a;padding:3px 8px;border-radius:4px;white-space:nowrap}.patch-armed-info code{font-weight:600}.patch-action-state{font-size:.7rem;padding:3px 8px;border-radius:4px}.patch-action-state.connecting,.patch-action-state.disconnecting{color:var(--warning, #ff9800);background:#ff98001f}.patch-action-state.error{color:var(--error, #f44336);background:#f443361f}.patch-action-btn{display:flex;align-items:center;gap:4px;background:transparent;color:var(--text-dim, #9e9e9e);border:1px solid var(--border, #2a2a4a);padding:4px 10px;border-radius:var(--radius, 8px);cursor:pointer;font-size:.72rem;transition:all .15s}.patch-action-btn:hover:not(:disabled){border-color:var(--error, #f44336);color:var(--error, #f44336);background:#f4433614}.patch-action-btn:disabled{opacity:.4;cursor:default}.patch-refresh-btn{background:var(--surface-alt, #0f3460);color:var(--text, #eaeaea);border:1px solid var(--border, #2a2a4a);padding:4px 10px;border-radius:var(--radius, 8px);cursor:pointer;font-size:.85rem;transition:all .15s}.patch-refresh-btn:hover:not(:disabled){border-color:var(--accent, #e94560);background:#e945601a}.patch-refresh-btn:disabled{opacity:.4;cursor:default}.patch-bay-body{position:relative;display:flex;flex-direction:row;gap:0;padding:0;overflow-x:auto;min-height:200px}.patch-column{display:flex;flex-direction:column;gap:2px;padding:8px 4px;z-index:2;flex:1 1 50%;min-width:200px;max-width:50%}.patch-column-left{padding-right:12px;border-right:1px solid var(--border, #2a2a4a);align-items:flex-end;text-align:right}.patch-column-left .patch-port{flex-direction:row-reverse;border-left:none;border-right:2px solid transparent}.patch-column-left .patch-port.connected{border-left:none;border-right-color:var(--accent, #e94560)}.patch-column-left .patch-port.armed{border-left:none;border-right-color:#4fc3f7}.patch-column-right{padding-left:12px}.patch-group{margin-bottom:1px}.patch-group-header{display:flex;align-items:center;gap:6px;padding:4px 8px;font-size:.68rem;font-weight:600;text-transform:uppercase;letter-spacing:.8px;color:var(--text-dim, #9e9e9e);background:#ffffff05;border-radius:4px;height:28px}.patch-group-dot{width:6px;height:6px;border-radius:50%;background:var(--text-dim, #9e9e9e)}.patch-group-dot.physical{background:#4fc3f7}.patch-group-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.patch-port{display:flex;align-items:center;gap:6px;padding:5px 8px;height:32px;border-radius:4px;cursor:pointer;transition:all .12s;border-left:2px solid transparent;position:relative}.patch-port:hover{background:#ffffff0d}.patch-port.connected{border-left-color:var(--accent, #e94560);background:#e945600f}.patch-port.armed{border-left-color:#4fc3f7;background:#4fc3f71a;box-shadow:inset 0 0 0 1px #4fc3f74d}.patch-port.available{border-left-color:transparent}.patch-port.available:hover{border-left-color:var(--accent, #e94560);background:#e9456014}.patch-port-indicator{width:4px;height:4px;border-radius:50%;background:var(--accent, #e94560);flex-shrink:0}.patch-port-name{font-size:.78rem;color:var(--text, #eaeaea);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;font-family:SF Mono,Fira Code,Cascadia Code,monospace}.patch-port-name.physical{color:#4fc3f7}.patch-port-conn-count{font-size:.6rem;background:var(--accent, #e94560);color:#fff;padding:0 5px;border-radius:6px;font-weight:600;min-width:14px;text-align:center;flex-shrink:0}.patch-cables-svg{z-index:1;pointer-events:none}.patch-source-note{position:absolute;bottom:4px;right:8px;font-size:.6rem;color:var(--text-dim, #9e9e9e);opacity:.5;z-index:3}.patch-bay-error{display:flex;align-items:center;justify-content:space-between;padding:6px 12px;background:#f4433614;border-top:1px solid rgba(244,67,54,.2);font-size:.72rem;color:var(--error, #f44336)}.patch-bay-error.action{background:#f443361f}.patch-dismiss-btn{background:transparent;border:none;color:var(--error, #f44336);cursor:pointer;font-size:.85rem;padding:2px 6px;border-radius:4px}.patch-dismiss-btn:hover{background:#f4433626}.patch-bay-loading,.patch-bay-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 24px;text-align:center;color:var(--text-dim, #9e9e9e);gap:12px}.patch-empty-icon{font-size:2.5rem;opacity:.5}.patch-bay-empty h3{font-size:1rem;color:var(--text, #eaeaea)}.patch-bay-empty p{font-size:.82rem;max-width:400px;line-height:1.5}.patch-empty-note{font-size:.72rem;opacity:.6}.patch-spinner{width:24px;height:24px;border:2px solid var(--border, #2a2a4a);border-top-color:var(--accent, #e94560);border-radius:50%;animation:patch-spin .8s linear infinite}@keyframes patch-spin{to{transform:rotate(360deg)}}.mixer-patch-btn{display:flex;align-items:center;gap:6px;background:var(--surface-alt, #0f3460);color:var(--text, #eaeaea);border:1px solid var(--border, #2a2a4a);padding:6px 12px;border-radius:var(--radius, 8px);cursor:pointer;font-size:.8rem;font-weight:500;transition:all .2s}.mixer-patch-btn:hover{border-color:var(--accent, #e94560);background:#e945601a}.mixer-patch-btn.active{border-color:var(--accent, #e94560);background:#e9456026;color:var(--accent, #e94560)}.meters-page{display:flex;flex-direction:column;min-height:100vh;background:#0d0d1a;color:#e0e0e0;font-family:Cooper Hewitt,-apple-system,BlinkMacSystemFont,sans-serif;padding:12px 16px;gap:16px}.meters-toolbar{display:flex;align-items:center;gap:12px;padding-bottom:8px;border-bottom:1px solid #222;flex-shrink:0}.meters-back-btn{background:#1a1a2e;color:#e0e0e0;border:1px solid #333;padding:6px 14px;border-radius:6px;cursor:pointer;font-size:.8rem;font-weight:600;transition:all .15s}.meters-back-btn:hover{border-color:#e94560;background:#e945601a}.meters-title{font-size:.95rem;font-weight:700;color:#e0e0e0;letter-spacing:.5px;text-transform:uppercase}.meters-count{font-size:.7rem;color:#888;background:#1a1a2e;padding:2px 9px;border-radius:10px;font-weight:600}.meters-refresh-btn{margin-left:auto;background:#1a1a2e;color:#e0e0e0;border:1px solid #333;padding:4px 12px;border-radius:6px;cursor:pointer;font-size:.85rem;font-weight:600;transition:all .15s}.meters-refresh-btn:hover{border-color:#e94560;background:#e945601a}.meters-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;color:#888;text-align:center;gap:12px}.meters-empty h2{font-size:1.2rem;color:#e0e0e0}.meters-empty p{font-size:.9rem;max-width:400px;line-height:1.5}.meters-retry-btn{background:#e94560;color:#fff;border:none;padding:8px 20px;border-radius:6px;cursor:pointer;font-size:.85rem;font-weight:600}.meters-section{display:flex;flex-direction:column;gap:8px}.meters-section-header{display:flex;align-items:center;gap:8px}.meters-section-header h2{font-size:.8rem;font-weight:600;color:#aaa;text-transform:uppercase;letter-spacing:1px}.meters-section-count{font-size:.6rem;color:#666;background:#1a1a2e;padding:1px 7px;border-radius:10px;font-weight:600}.meters-grid{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px}.meter-tile{display:flex;flex-direction:column;align-items:center;gap:4px;background:#112;border:1px solid #222;border-radius:8px;padding:8px 6px 6px;min-width:72px;max-width:80px;flex-shrink:0;transition:border-color .2s}.meter-tile:hover{border-color:#444}.meter-tile--muted{opacity:.45}.meter-tile--bus{min-width:60px;max-width:68px;padding:6px 4px 4px}.meter-tile-badge{display:flex;flex-direction:column;align-items:center;gap:1px;width:100%}.meter-tile-name{font-size:.65rem;font-weight:600;color:#ddd;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;text-align:center}.meter-tile-type{font-size:.5rem;color:#666;text-transform:uppercase;letter-spacing:.5px}.meter-tile-status{display:flex;gap:3px;min-height:14px}.meter-tile-flag{font-size:.5rem;font-weight:800;padding:1px 5px;border-radius:3px;text-transform:uppercase;letter-spacing:.5px;line-height:1.2}.flag-mute{background:#e94560;color:#fff}.flag-solo{background:#ff9800;color:#000}.meter-tile-gate{font-size:.5rem;font-weight:800;padding:1px 5px;border-radius:3px;text-transform:uppercase;letter-spacing:.5px;line-height:1.2;transition:background .15s,color .15s}.meter-tile-gate.gate-open{background:#4caf50;color:#fff}.meter-tile-gate.gate-closed{background:#e94560;color:#fff}.meter-tile-bars{display:flex;gap:3px;flex:1;min-height:120px;width:100%}.meter-bar{display:flex;flex-direction:column;align-items:center;gap:2px;flex:1;min-width:0}.meter-bar--compact{gap:1px}.meter-bar--compact .meter-bar-track{min-height:60px;border-radius:2px}.meter-bar-label{font-size:.55rem;font-weight:700;color:#999;text-transform:uppercase;letter-spacing:.5px}.meter-bar-track{position:relative;width:100%;flex:1;min-height:80px;background:#0009;border-radius:3px;border:1px solid #2a2a2a;overflow:hidden}.meter-bar-fill{position:absolute;bottom:0;left:0;right:0;transition:height .04s linear;border-radius:1px}.meter-bar-peak{position:absolute;left:0;right:0;height:2px;background:#ffffffd9;border-radius:1px;transition:bottom .12s ease-out;z-index:2}.meter-bar-tick{position:absolute;left:0;right:0;height:1px;background:#ffffff14;z-index:1}.meter-bar-tick--yellow{background:#ff98002e}.meter-bar-tick--green{background:#4caf501f}.meter-bar-db{font-size:.55rem;font-family:Courier New,Courier,monospace;color:#888;white-space:nowrap}.meter-bar-db.hot{color:#f44336;font-weight:700}.meter-tile-comp{display:flex;align-items:center;gap:3px;width:100%;padding:0 2px}.meter-comp-track{flex:1;height:4px;background:#00000080;border-radius:2px;overflow:hidden;border:1px solid #2a2a2a}.meter-comp-fill{height:100%;background:#ff9800;border-radius:1px;transition:width .1s linear}.meter-comp-label{font-size:.45rem;font-family:Courier New,Courier,monospace;color:#ff9800;white-space:nowrap;min-width:28px;text-align:right}.meters-grid--bus{gap:6px}.meters-master-row{display:flex;align-items:flex-end;gap:10px;background:#112;border:1px solid #e94560;border-radius:8px;padding:10px 14px;max-width:500px}.meters-master-row .meter-bar{max-width:60px;flex:0 0 50px}.meters-master-row .meter-bar-track{min-height:100px}.meters-master-info{display:flex;flex-direction:column;gap:4px;margin-left:auto;align-items:flex-end}.meters-master-label{font-size:.7rem;font-weight:700;color:#e94560;text-transform:uppercase;letter-spacing:1px}.meters-master-db{font-size:1rem;font-weight:700;font-family:Courier New,Courier,monospace;color:#e0e0e0}.meters-page{overflow-y:auto}@media (max-width: 720px){.meters-page{padding:8px;gap:10px}.meter-tile{min-width:60px;max-width:66px;padding:6px 4px 4px}.meter-tile-bars{min-height:80px}.meter-bar-track{min-height:60px}.meters-master-row{max-width:100%;padding:8px 10px}.meters-master-row .meter-bar-track{min-height:70px}}:root{--bg: #1a1a2e;--surface: #16213e;--surface-alt: #0f3460;--accent: #e94560;--text: #eaeaea;--text-dim: #9e9e9e;--border: #2a2a4a;--success: #4caf50;--warning: #ff9800;--error: #f44336;--radius: 8px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Cooper Hewitt,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg);color:var(--text);min-height:100vh}.app{min-height:100vh;display:flex;flex-direction:column}.mixer-header{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;background:var(--surface);border-bottom:1px solid var(--border);gap:12px;flex-wrap:wrap;position:sticky;top:0;z-index:100}.mixer-header-left{display:flex;align-items:center;gap:16px}.mixer-header-right{display:flex;align-items:center;gap:12px}.mixer-title{font-size:1.1rem;font-weight:700;color:var(--text);letter-spacing:.3px}.mixer-pedalboard-name{font-size:.8rem;color:var(--accent);background:#e945601a;padding:3px 10px;border-radius:var(--radius)}.mixer-refresh-btn{background:var(--accent);color:#fff;border:none;padding:6px 14px;border-radius:var(--radius);cursor:pointer;font-size:.8rem;font-weight:500;transition:opacity .2s}.mixer-refresh-btn:hover{opacity:.85}.mixer-refresh-btn.large{padding:10px 24px;font-size:.95rem;margin-top:16px}.mixer-section-header{display:flex;align-items:center;gap:8px;margin-bottom:4px}.mixer-section-header h2{font-size:.95rem;font-weight:600;color:var(--text)}.mixer-count{font-size:.7rem;background:var(--surface-alt);color:var(--text-dim);padding:1px 7px;border-radius:10px}.mixer-content{flex:1;padding:20px;display:flex;flex-direction:column;gap:24px}.mixer-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 24px;text-align:center;color:var(--text-dim);flex:1}.mixer-empty h2{font-size:1.2rem;color:var(--text);margin-bottom:8px}.mixer-empty p{font-size:.9rem;max-width:400px;line-height:1.5}.daemon-channels-grid{display:flex;gap:10px;overflow-x:auto;padding-bottom:8px}.daemon-channel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:10px;min-width:160px;display:flex;flex-direction:column;gap:8px}.daemon-channel.muted{opacity:.5}.daemon-channel-header{display:flex;justify-content:space-between;align-items:center;gap:6px}.daemon-channel-label{font-size:.85rem;font-weight:600;color:var(--text)}.daemon-channel-type{font-size:.65rem;color:var(--text-dim);background:#ffffff0d;padding:1px 6px;border-radius:4px}.daemon-channel-controls{display:flex;flex-direction:column;gap:4px}.daemon-channel-controls label{display:flex;flex-direction:column;gap:2px;font-size:.65rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:.5px}.daemon-channel-controls input[type=range]{width:100%;height:4px;background:var(--border);border-radius:2px;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.daemon-channel-controls input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;border-radius:50%;background:var(--accent);cursor:pointer}.daemon-value{font-size:.7rem;color:var(--text);font-family:monospace}.daemon-channel-buttons{display:flex;gap:4px}.daemon-btn{position:relative}.daemon-btn{flex:1;padding:4px;border:1px solid var(--border);border-radius:4px;background:transparent;color:var(--text-dim);font-size:.7rem;font-weight:700;cursor:pointer;transition:all .15s}.daemon-btn.active{background:var(--accent);color:#fff;border-color:var(--accent)}.daemon-btn:hover{border-color:var(--accent)}.daemon-btn.preset-btn{font-size:.65rem}.daemon-btn.preset-btn:hover{background:#4caf5026;color:var(--success);border-color:var(--success)}.daemon-master{background:var(--surface);border:1px solid var(--accent);border-radius:var(--radius);padding:12px;max-width:300px}.daemon-bus{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:12px;max-width:360px;display:flex;flex-direction:column;gap:6px}.daemon-bus-meters{display:flex;align-items:center;gap:8px}.daemon-badge{font-size:.6rem;padding:1px 6px;border-radius:4px;font-weight:700;text-transform:uppercase}.muted-badge{background:var(--error);color:#fff}.daemon-bus-routes{border-top:1px solid var(--border);padding-top:6px;margin-top:4px}.daemon-bus-routes-title{font-size:.6rem;text-transform:uppercase;letter-spacing:.5px;color:var(--text-dim);margin-bottom:4px}.daemon-bus-route-row{display:flex;justify-content:space-between;align-items:center;padding:2px 4px;font-size:.78rem}.daemon-route-name{color:var(--text)}.daemon-route-level{color:var(--text-dim);font-family:monospace;font-size:.7rem}.daemon-routing-info{margin-top:4px}.daemon-routing-grid{display:flex;gap:6px;flex-wrap:wrap;margin-top:6px}.daemon-route-chip{background:var(--surface-alt);border:1px solid var(--border);border-radius:12px;padding:3px 10px;font-size:.72rem;color:var(--text-dim);font-family:monospace}.mixer-scenes-btn{display:flex;align-items:center;gap:6px;background:var(--surface-alt);color:var(--text);border:1px solid var(--border);padding:6px 12px;border-radius:var(--radius);cursor:pointer;font-size:.8rem;font-weight:500;transition:all .2s}.mixer-scenes-btn:hover{border-color:var(--accent);background:#e945601a}.mixer-scenes-btn.active{border-color:var(--accent);background:#e9456026;color:var(--accent)}.mixer-content-split{display:flex;flex-direction:row;gap:0;padding:0;height:calc(100vh - 60px);overflow:hidden}.mixer-content-split .mixer-content-main{flex:1;overflow-y:auto;padding:20px;border-right:1px solid var(--border)}.mixer-pipedal-pane{flex:1;display:flex;flex-direction:column;background:var(--bg);min-width:400px}.mixer-pipedal-iframe{width:100%;height:100%;border:none;background:#fff}.mixer-patch-pane{width:100%;padding:12px;overflow-y:auto}.daemon-channel-wrapper{position:relative}.preset-panel{position:absolute;top:100%;left:0;width:200px;background:var(--surface, #16213e);border:1px solid var(--border, #2a2a4a);border-radius:var(--radius, 8px);box-shadow:0 8px 24px #00000080;z-index:50;margin-top:4px;overflow:hidden;animation:preset-fade-in .15s ease-out}@keyframes preset-fade-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.preset-panel-header{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;border-bottom:1px solid var(--border, #2a2a4a)}.preset-panel-title{font-size:.75rem;font-weight:600;color:var(--text, #eaeaea);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.preset-panel-close{background:transparent;border:none;color:var(--text-dim, #9e9e9e);font-size:.9rem;cursor:pointer;padding:2px 4px;line-height:1;border-radius:3px}.preset-panel-close:hover{background:#ffffff14;color:var(--text, #eaeaea)}.preset-panel-list{max-height:180px;overflow-y:auto;padding:4px 6px}.preset-panel-empty{padding:16px 8px;text-align:center;color:var(--text-dim, #9e9e9e);font-size:.75rem}.preset-row{display:flex;align-items:center;justify-content:space-between;padding:5px 6px;border-radius:4px;transition:background .1s}.preset-row:hover{background:#ffffff0d}.preset-row-name{font-size:.78rem;color:var(--text, #eaeaea);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.preset-row-actions{display:flex;gap:3px;flex-shrink:0;margin-left:6px}.preset-row-btn{background:transparent;border:none;color:var(--text-dim, #9e9e9e);padding:2px 6px;border-radius:3px;cursor:pointer;font-size:.65rem;transition:all .1s}.preset-row-btn.load:hover{background:#e9456026;color:var(--accent, #e94560)}.preset-row-btn.delete:hover{background:#f4433626;color:var(--error, #f44336)}.preset-panel-save{display:flex;gap:4px;padding:6px 8px;border-top:1px solid var(--border, #2a2a4a)}.preset-panel-input{flex:1;background:var(--bg, #1a1a2e);border:1px solid var(--border, #2a2a4a);border-radius:4px;padding:4px 6px;color:var(--text, #eaeaea);font-size:.75rem;outline:none;min-width:0}.preset-panel-input:focus{border-color:var(--accent, #e94560)}.preset-panel-input::placeholder{color:var(--text-dim, #9e9e9e)}.preset-panel-save-btn{background:var(--accent, #e94560);color:#fff;border:none;padding:4px 10px;border-radius:4px;cursor:pointer;font-size:.7rem;font-weight:500;white-space:nowrap;transition:opacity .15s}.preset-panel-save-btn:hover{opacity:.85}.preset-panel-save-btn:disabled{opacity:.4;cursor:not-allowed} diff --git a/frontend/src/App.tsx b/frontend/src/App.tsx index 99e7ab0..572972d 100644 --- a/frontend/src/App.tsx +++ b/frontend/src/App.tsx @@ -1,19 +1,380 @@ -import React from 'react'; -import { usePiPedalWS } from './hooks/usePiPedalWS'; -import { MixerPage } from './components/MixerPage/MixerPage'; +import React, { useState } from 'react'; +import { useMixerDaemon, MixerChannel, MixerBus, MixerRoute } from './hooks/useMixerDaemon'; +import { useMixerScenes } from './hooks/useMixerScenes'; +import { useChannelPresets } from './hooks/useChannelPresets'; +import { DaemonSceneManager } from './components/DaemonSceneManager/DaemonSceneManager'; +import { ConnectionStatus } from './components/ConnectionStatus'; +import { PatchBay } from './components/PatchBay/PatchBay'; +import { useJackPorts } from './hooks/useJackPorts'; +import { MetersPage } from './components/MetersPage/MetersPage'; +import './App.css'; + +// ── Channel Preset Panel ──────────────────────────────────── + +const ChannelPresetPanel: React.FC<{ + channelIndex: number; + channelLabel: string; + presets: { id: string; name: string; channelIndex: number | null; createdAt: number }[]; + loading: boolean; + onSave: (name: string) => void; + onLoad: (presetId: string) => void; + onDelete: (presetId: string) => void; + onClose: () => void; +}> = ({ channelIndex, channelLabel, presets, loading, onSave, onLoad, onDelete, onClose }) => { + const [presetName, setPresetName] = useState(''); + + const handleSave = () => { + const trimmed = presetName.trim(); + if (!trimmed) return; + onSave(trimmed); + setPresetName(''); + }; + + return ( +
e.stopPropagation()}> +
+ Presets — {channelLabel} + +
+
+ {loading && presets.length === 0 && ( +
Loading...
+ )} + {!loading && presets.length === 0 && ( +
No presets saved
+ )} + {presets.map((p) => ( +
+ {p.name} +
+ + +
+
+ ))} +
+
+ setPresetName(e.target.value)} + onKeyDown={(e) => e.key === 'Enter' && handleSave()} + maxLength={60} + /> + +
+
+ ); +}; + +// ── Channel Strip ────────────────────────────────────────── + +const ChannelStrip: React.FC<{ + ch: MixerChannel; + onVolume: (db: number) => void; + onPan: (pan: number) => void; + onMute: () => void; + onSolo: () => void; + onPresets: () => void; +}> = ({ ch, onVolume, onPan, onMute, onSolo, onPresets }) => ( +
+
+ {ch.label} + {ch.type} +
+
+ + +
+
+ + + +
+
+); + +// ── Bus Strip ────────────────────────────────────────────── + +const BusStrip: React.FC<{ bus: MixerBus; channels: MixerChannel[]; routes: MixerRoute[] }> = ({ + bus, channels, routes, +}) => { + const channelRoutes = routes.filter((r) => r.targetBusId === bus.id && r.sourceType === 'channel'); + + return ( +
+
+ {bus.name} + {bus.type} +
+
+ {bus.volume.toFixed(1)}dB + {bus.mute && MUTED} +
+ {channelRoutes.length > 0 && ( +
+
Inputs
+ {channelRoutes.map((r) => { + const ch = channels.find((c) => c.channelIndex === r.sourceId || c.channelIndex + 3 === r.sourceId); + const name = ch ? ch.label : `Ch ${r.sourceId}`; + return ( +
+ {name} + {r.level.toFixed(1)}dB +
+ ); + })} +
+ )} +
+ ); +}; + +// ── Master Strip ─────────────────────────────────────────── + +const MasterStrip: React.FC<{ bus: MixerBus }> = ({ bus }) => ( +
+
+ {bus.name} +
+
+ {bus.volume.toFixed(1)}dB +
+
+); + +// ── App ──────────────────────────────────────────────────── const App: React.FC = () => { - const { connectionState, plugins, pedalboardName, discover, lastUpdate } = usePiPedalWS(); + const { state, loading, error, refresh, setVolume, setPan, setMute, setSolo } = useMixerDaemon(); + const { scenes, loading: scenesLoading, error: scenesError, saveScene, loadScene, deleteScene, refresh: refreshScenes } = useMixerScenes(); + const { presets, loading: presetsLoading, error: presetsError, savePreset, loadPreset, deletePreset, refreshPresets } = useChannelPresets(); + const { portsState, refresh: refreshJack, connect, disconnect, disconnectAll, actionState, actionError } = useJackPorts(); + + const [showScenes, setShowScenes] = useState(false); + const [showMeters, setShowMeters] = useState(false); + const [showPiPedal, setShowPiPedal] = useState(false); + const [showPatchBay, setShowPatchBay] = useState(false); + const [presetChannel, setPresetChannel] = useState(null); + + const pipedalUrl = 'http://192.168.0.245:8080/'; + + // Load presets when a channel's preset panel opens + const handlePresetOpen = (channelIndex: number) => { + setPresetChannel(channelIndex); + refreshPresets(channelIndex); + }; + + const handleSavePreset = async (name: string) => { + if (presetChannel === null) return; + // Get current state and extract this channel's params + if (!state) return; + const ch = state.channels.find((c) => c.channelIndex === presetChannel); + if (!ch) return; + await savePreset(presetChannel, name, { + volume: ch.volume, + pan: ch.pan, + mute: ch.mute, + solo: ch.solo, + }); + }; + + const channelPresets = presetChannel !== null + ? presets.filter((p) => p.channelIndex === presetChannel || p.channelIndex === null) + : []; return (
- + {/* Header */} +
+
+

OPLabs Mixer

+ {state && {state.physicalInputCount}ch / {state.sampleRate}Hz} +
+
+ + + + + + +
+
+ + {/* Main content */} + {showMeters ? ( + setShowMeters(false)} + /> + ) : ( +
+ {/* Mixer controls */} +
+ {loading &&

Connecting to mixer daemon...

} + + {error && ( +
+

Mixer Daemon Unreachable

+

{error}

+ +
+ )} + + {state && state.channels.length === 0 && ( +
+

No Channels

+

No mixer channels configured. Add channels via the daemon.

+
+ )} + + {state && state.channels.length > 0 && ( + <> + {/* Channel strips */} +
+
+

Channels

+ {state.channels.length} +
+
+ {state.channels.map((ch) => ( +
+ setVolume(ch.channelIndex, db)} + onPan={(p) => setPan(ch.channelIndex, p)} + onMute={() => setMute(ch.channelIndex, !ch.mute)} + onSolo={() => setSolo(ch.channelIndex, !ch.solo)} + onPresets={() => handlePresetOpen(ch.channelIndex)} + /> + {/* Preset panel for this channel */} + {presetChannel === ch.channelIndex && ( + loadPreset(ch.channelIndex, presetId)} + onDelete={(presetId) => deletePreset(ch.channelIndex, presetId)} + onClose={() => setPresetChannel(null)} + /> + )} +
+ ))} +
+
+ + {/* Buses with routing */} + {state.buses.map((bus) => ( +
+ {bus.type === 'Master' ? ( + + ) : ( + + )} +
+ ))} + + {/* Output routing */} + {state.outputRoutes && state.outputRoutes.length > 0 && ( +
+
+

Output Routing

+
+
+ {state.outputRoutes.map((r, i) => ( +
+ Bus {r.sourceBusId} → Out {r.targetStartChannel}+{r.channels - 1} +
+ ))} +
+
+ )} + + )} +
+ + {/* PiPedal iframe */} + {showPiPedal && ( +
+