Power Configurator Tool

<!DOCTYPE html>

<html lang="en">
<head>
<meta charset="utf-8"/>
<meta content="width=device-width, initial-scale=1.0" name="viewport"/>
<title>Tower of Power Configurator v1.7.50</title>
<style>
    :root{
      --bg: #f3f6f9; 
      --panel: #ffffff; 
      --panel2: #f8fafc; 
      --line: #cbd5e1; 
      --text: #1e293b; 
      --muted: #64748b;
      --brand: #2563eb; 
      --ok: #16a34a; 
      --warn: #ea580c; 
      --bad: #dc2626;
      --gpu: #8b5cf6; 
      --cpu: #3b82f6; 
      --sw: #0d9488; 
      --cool: #ea580c;
      --steel1: #f1f5f9; 
      --steel2: #e2e8f0; 
      --green: #22c55e; 
      --blue: #3b82f6;
      --rackFrame: #f8fafc;
      --itBlock: #eff6ff; 
      --powerInBlock: #faf5ff; 
      --paramBlock: #f0fdf4;
      --sidebarW: 240px; 
      --sidebarCollapsedW: 72px;
    }
    *{box-sizing:border-box}
    html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:Inter,Segoe UI,Arial,sans-serif;height:100%}
    body.sidebar-collapsed{--sidebarW:var(--sidebarCollapsedW)}
    .app-shell{display:grid;grid-template-columns:var(--sidebarW) 1fr;min-height:100vh;transition:grid-template-columns .22s ease}
    
    .sidebar{background:#ffffff;border-right:1px solid var(--line);display:flex;flex-direction:column;padding:12px;gap:10px;position:sticky;top:0;height:100vh}
    .brand{display:flex;align-items:center;justify-content:space-between;padding:10px 10px 14px 10px;border-bottom:1px solid var(--line);margin-bottom:4px}
    .brand-title{font-weight:700;color:#0f172a;white-space:nowrap;overflow:hidden}
    body.sidebar-collapsed .brand-title{display:none}
    .sidebar-toggle{width:40px;height:40px;border-radius:12px;border:1px solid var(--line);background:#f8fafc;color:#1e293b;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0}
    .sidebar-toggle:hover{background:#e2e8f0}
    
    .sidebtn{display:flex;align-items:center;gap:12px;padding:12px;border-radius:10px;border:1px solid transparent;background:#ffffff;color:#475569;cursor:pointer;transition:all .18s ease;text-align:left;font-weight:500;}
    .sidebtn:hover{background:#f1f5f9;}
    .sidebtn.active{background:var(--brand);color:#ffffff;border-color:var(--brand);}
    .sidebtn .icon{width:20px;height:20px;flex:0 0 20px;}
    .sidebtn .label{white-space:nowrap;overflow:hidden}
    body.sidebar-collapsed .sidebtn{justify-content:center;padding:12px 10px}
    body.sidebar-collapsed .sidebtn .label{display:none}
    
    .main{padding:20px}
    .wrap{max-width:1940px;margin:0 auto}
    .card{background:var(--panel);border:1px solid var(--line);border-radius:16px;box-shadow:0 4px 12px rgba(0,0,0,.05)}
    .hero{display:grid;grid-template-columns:1.55fr 1fr;gap:16px;margin-bottom:16px}
    .title{padding:20px 22px}
 .version-pill{display:inline-flex;align-items:center;margin-left:10px;padding:4px 10px;border-radius:999px;background:#e0f2fe;color:#0369a1;font-size:13px;font-weight:700;vertical-align:middle}
    .section{padding:16px}.section+.section{border-top:1px solid var(--line)}
    h1{margin:0 0 10px;font-size:28px;color:#0f172a} h2{margin:0 0 12px;font-size:18px;color:#1e293b} h3{margin:0 0 8px;font-size:15px;color:#334155}
    .small,.sub{font-size:12px;color:var(--muted);line-height:1.55}
    .toolbar{display:flex;flex-wrap:wrap;gap:8px}
    .summary{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:16px}
    .kpi{background:var(--panel2);border:1px solid var(--line);border-radius:12px;padding:14px}
    .kpi .l{font-size:12px;color:var(--muted)} .kpi .v{font-size:24px;font-weight:700;color:#0f172a}
    .view{display:none}.view.active{display:block}
    .grid{display:grid;grid-template-columns:1.22fr 1fr;gap:16px}
    .row{display:grid;grid-template-columns:1.25fr .55fr .55fr auto;gap:8px;align-items:center;margin-bottom:8px}
    .row3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px}
    .stack{display:grid;gap:12px}
    label{display:block;font-size:12px;color:var(--muted);margin-bottom:4px;font-weight:500;}
    select,input,button{width:100%;border-radius:8px;border:1px solid var(--line);background:#ffffff;color:#1e293b;padding:10px 12px;font-size:14px}
    
    button{cursor:pointer;background:#f8fafc;font-weight:600;color:#0f172a;transition:background .2s;display:flex;align-items:center;justify-content:center;gap:8px;}
    button:hover{background:#e2e8f0}
    button.primary{background:var(--brand);color:#ffffff;border-color:var(--brand);}
    button.primary:hover{background:#1d4ed8;}
    button.ghost{background:transparent;border-color:var(--line);color:#475569;}
    button.ghost:hover{background:#f1f5f9;}
    button.bad{background:var(--bad);color:#ffffff;border:none} button.bad:hover{background:#b91c1c}
    
    .icon-btn {width: 40px; height: 40px; padding: 0; border-radius: 8px;}
    .icon-btn svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;}
    
    .table-wrap{overflow:auto;border:1px solid var(--line);border-radius:12px}.table-wrap.compact table{min-width:760px}
    table{width:100%;border-collapse:collapse;min-width:980px} th,td{padding:10px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top;font-size:13px}
    th{position:sticky;top:0;background:#f1f5f9;z-index:1;font-weight:600;color:#334155}
    .notice{padding:10px 12px;border-radius:12px;border:1px solid var(--line);background:#f8fafc}
    
    details{border:1px solid var(--line);border-radius:12px;background:#ffffff;overflow:hidden}
    summary{cursor:pointer;list-style:none;padding:12px 14px;font-weight:700;color:#0f172a;background:#f8fafc}
    summary::-webkit-details-marker{display:none}.details-body{padding:12px}

.config-layout{display:grid;grid-template-columns:1.15fr 1fr;gap:16px}
    .input-panel{display:grid;gap:16px}
    .input-card{border-radius:16px;border:1px solid var(--line);padding:14px}
    .input-card.it-equipment{background:var(--itBlock);}
    .input-card.power-input{background:var(--powerInBlock);}
    .input-card.top-params{background:var(--paramBlock);}
    .input-card h2{margin-bottom:10px}
    
    .result-panel{display:flex;flex-direction:column;}
    .result-panel-header{display:flex;justify-content:space-between;align-items:center;padding:16px;}
    .result-panel-header h2{margin:0;}
    
    .io-group{border:1px solid var(--line);border-radius:12px;padding:12px;background:#ffffff}
    .io-group + .io-group{margin-top:10px}

.rack-page{padding:18px}
    .rack-gallery{display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));gap:22px;align-items:start}
    .rack-card{max-width:100%; width: 100%;}
    .rack-label{font-weight:700;color:#0f172a;margin-bottom:8px;display:flex;justify-content:space-between;align-items:center}
    .rack-shell{background:var(--rackFrame);border:2px solid #94a3b8;border-radius:12px;padding:10px}
    .rack-layout{display:grid;grid-template-columns:28px minmax(120px,1fr) 112px;gap:6px}
    
    .rack-index{display:grid;grid-template-rows:repeat(84,28px)}
    .rack-index div{font-size:8px;color:var(--muted);display:flex;align-items:center;justify-content:flex-end;padding-right:4px}
    .rack-grid{position:relative;height:2380px;border-radius:6px;padding:6px;background:#f1f5f9;border:1px solid #e2e8f0;overflow:visible}
    .u-line{position:absolute;left:0;right:0;height:28px;border-top:1px dashed #cbd5e1;pointer-events:none}
    
    .rack-item{position:absolute;left:6px;right:6px;overflow:visible;cursor:grab;user-select:none}
    .rack-item.dragging{opacity:.82;cursor:grabbing;z-index:1000}
    .rack-grid.drag-target{outline:2px dashed rgba(37,99,235,.7);outline-offset:-2px}
    .compute{display:flex;align-items:center;justify-content:space-between;padding:4px 8px;font-size:11px;border:1px solid rgba(0,0,0,.1);border-radius:6px;color:#fff}
    .c-gpu{background:linear-gradient(180deg,#8b5cf6,#7c3aed)}
    .c-cpu{background:linear-gradient(180deg,#3b82f6,#2563eb)}
    .c-sw{background:linear-gradient(180deg,#0d9488,#0f766e)}
    .c-cool{background:linear-gradient(180deg,#f59e0b,#d97706)}
    
    .bay-body,.dcdc-body{position:absolute;left:0;right:0;top:0;bottom:0;border:1px solid #64748b;border-radius:6px;overflow:hidden;box-shadow:inset 0 0 0 1px rgba(255,255,255,.2)}
    .bay-body{background:linear-gradient(180deg,#94a3b8,#64748b)}
    .shelf-controller{position:absolute;left:0;right:0;top:0;background:linear-gradient(180deg,var(--steel1),var(--steel2));border-bottom:1px solid rgba(0,0,0,.22)}
    .shelf-controller:before{content:'';position:absolute;left:7px;top:7px;width:56px;height:14px;border-radius:2px;background:rgba(255,255,255,.8);box-shadow:inset 0 0 0 1px rgba(0,0,0,.10)}
    .shelf-controller:after{content:'';position:absolute;left:52%;top:7px;width:27px;height:27px;border-radius:50%;border:2px solid rgba(53,63,78,.74);box-shadow:inset 0 0 0 1px rgba(255,255,255,.8)}
    .face-blank{position:absolute;right:6px;top:9px;width:36px;height:12px;border-radius:2px;background:rgba(0,0,0,.08)}
    
    .module-stack{position:absolute;left:1px;right:1px;bottom:1px;display:grid;gap:1px;background:rgba(0,0,0,.10)}
    .module-row,.dcdc-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1px}
    .module{position:relative;background:linear-gradient(180deg,#ffffff,#f1f5f9);border:1px solid #cbd5e1;border-radius:2px;overflow:hidden}
    .module.empty{background:linear-gradient(180deg,#e2e8f0,#cbd5e1)}
    .module .latch{position:absolute;left:2px;top:2px;bottom:2px;width:4px;border-radius:1px;background:var(--green)}
    .module.empty .latch{background:#94a3b8}
    .module .fan{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:12px;height:12px;border-radius:50%;border:2px solid #64748b}
    .module .handle{position:absolute;right:3px;top:50%;transform:translateY(-50%);width:14px;height:6px;border:1px solid #64748b;border-radius:5px}
    .module .leds{position:absolute;left:9px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:2px}
    .module .leds span{display:block;width:2px;height:2px;border-radius:50%;background:#1e293b}
    
    .dcdc-body{background:linear-gradient(180deg,#94a3b8,#64748b)}
    .dcdc-stack{position:absolute;left:1px;right:1px;top:1px;bottom:1px;display:grid;gap:1px;background:rgba(0,0,0,.08)}
    .dcdc-module{position:relative;background:linear-gradient(180deg,#ffffff,#eff6ff);border:1px solid #93c5fd;border-radius:2px;overflow:hidden}
    .dcdc-module.empty{background:linear-gradient(180deg,#e0f2fe,#bae6fd)}
    .dcdc-module .latch{position:absolute;left:2px;top:2px;bottom:2px;width:3px;border-radius:1px;background:var(--blue)}
    .dcdc-module .fan{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:10px;height:10px;border-radius:50%;border:2px solid #60a5fa}
    
    .rack-overlay{position:absolute;left:4px;right:4px;bottom:4px;display:flex;justify-content:space-between;gap:8px;padding:4px 6px;border:1px solid #cbd5e1;border-radius:4px;background:rgba(255,255,255,.95);font-size:9px;color:#1e293b;pointer-events:none}
    .rack-overlay b{color:#0f172a}

/* v1.7.49 Rack labels: only power modules get side labels; layout supports 3 racks per row */
.rack-label-lane{position:relative;height:2380px;border-radius:6px;background:#f8fafc;border:1px dashed #cbd5e1;pointer-events:none;}
.rack-side-label{position:absolute;left:calc(100% + 8px);top:0;width:104px;height:100%;min-height:42px;display:flex;flex-direction:column;justify-content:center;gap:2px;padding:4px 6px;border:1px solid #cbd5e1;border-left:4px solid #94a3b8;border-radius:7px;background:rgba(255,255,255,.98);color:#1e293b;font-size:8.6px;line-height:1.12;box-shadow:0 1px 2px rgba(15,23,42,.10);pointer-events:none;z-index:25;overflow:hidden;}
.rack-side-label.compact-1u{min-height:42px;height:auto;gap:1px;padding:3px 5px;font-size:8px;line-height:1.05;justify-content:center;}
.rack-side-label .side-title{font-weight:850;color:#0f172a;white-space:normal;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.rack-side-label.compact-1u .side-title{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden;}
.rack-side-label .side-meta{color:#334155;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.rack-side-label.compact-1u .side-meta.secondary{display:none;}
.rack-side-label.cat-rectifier{border-left-color:#16a34a}.rack-side-label.cat-inverter{border-left-color:#7e22ce}.rack-side-label.cat-dcdc{border-left-color:#0284c7}.rack-side-label.cat-controller{border-left-color:#64748b}.rack-side-label.cat-other{border-left-color:#94a3b8}
.rack-side-label .mgx-side-tag{display:inline-flex;align-items:center;width:max-content;padding:1px 4px;border-radius:999px;background:#dcfce7;color:#166534;border:1px solid #86efac;font-size:7px;font-weight:900;letter-spacing:.2px;}
@media print{.rack-layout{grid-template-columns:28px minmax(120px,1fr) 112px!important}.rack-grid{overflow:visible!important}.rack-label-lane{display:block!important}.rack-side-label{display:flex!important}.rack-overlay{display:none!important}}
    .drag-hint{font-size:11px;color:var(--muted)}
    .ghost-drag{position:fixed;pointer-events:none;z-index:2000;opacity:.9;transform:scale(1.02)}
    
    .toggle-wrap{display:flex;align-items:center;gap:10px;height:44px;padding:0 2px}
    .toggle-wrap input{display:none}
    .toggle-switch{position:relative;width:54px;height:30px;border-radius:999px;background:#cbd5e1;border:1px solid var(--line);cursor:pointer;transition:all .2s ease;display:inline-block}
    .toggle-switch:before{content:'';position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:#fff;transition:transform .2s ease;box-shadow:0 1px 3px rgba(0,0,0,0.2)}
    .toggle-wrap input:checked + .toggle-switch{background:var(--brand)}
    .toggle-wrap input:checked + .toggle-switch:before{transform:translateX(24px)}
    .toggle-label{font-size:13px;font-weight:600;color:#1e293b;min-width:28px}
 .mode-switch{height:44px;display:flex;align-items:center;gap:10px;padding:0 2px}
 .mode-label{font-size:12px;font-weight:700;color:var(--muted);white-space:nowrap}
 .mode-label.active{color:#0f172a}
 .mode-switch .toggle-wrap{height:30px;padding:0}
 input.hidden-setting{display:none!important}
 .disabled-block{opacity:.45;background:#f8fafc}
 .disabled-block select,.disabled-block input,.disabled-block button{cursor:not-allowed;background:#f1f5f9!important;color:#94a3b8!important}
 .inactive-field{display:none!important}
 .logic-note{margin-top:8px;padding:8px 10px;border-radius:10px;background:#f8fafc;border:1px solid var(--line);font-size:12px;color:var(--muted);line-height:1.45}
 .field-note{font-size:11px;color:var(--muted);line-height:1.4;margin-top:4px}
 .range-wrap input[type=range]{width:100%;padding:0;margin-top:8px}
 .range-labels{display:flex;justify-content:space-between;font-size:10px;color:var(--muted);margin-top:4px}
 .range-current{margin-top:6px;font-size:12px;font-weight:700;color:#0f172a}
    .compat-note{margin-top:10px}.compat-note.hidden{display:none}
    .source-row{display:grid;grid-template-columns:220px 1fr 1fr;gap:10px;align-items:end}
    .source-row + .source-row{margin-top:10px}
 .custom-fields{display:none;grid-column:1 / -1;grid-template-columns:1.2fr .6fr .5fr .5fr 1fr;gap:8px;margin-top:8px;padding:10px;border:1px dashed var(--line);border-radius:10px;background:rgba(255,255,255,.65)}
 .row.is-custom .custom-fields{display:grid}
 .csv-import-status{font-size:12px;color:var(--muted);padding:6px 0 0 0}

.source-title{font-size:13px;font-weight:700;color:#0f172a;margin-bottom:4px}

#sld-container{width:100%;height:350px;background:#f8fafc;border:1px solid var(--line);border-radius:12px;margin-top:16px;display:flex;align-items:center;justify-content:center;overflow:hidden;}
    
    .print-only{display:none;}

#sld-container{height:520px;align-items:stretch;justify-content:stretch;position:relative;}
    .sld-toolbar{display:flex;gap:8px;align-items:end;flex-wrap:wrap;margin-top:8px;padding:10px;border:1px dashed var(--line);border-radius:12px;background:#ffffff;}
    .sld-toolbar .sld-field{min-width:170px;max-width:240px;}
    .sld-toolbar .sld-field.wide{min-width:280px;max-width:420px;}
    .sld-toolbar button{width:auto;padding:9px 12px;}
    .sld-block{cursor:move;}
    .sld-block.selected rect{stroke-width:3!important;filter:drop-shadow(0 0 4px rgba(37,99,235,.45));}
    .sld-hint{font-size:11px;color:var(--muted);line-height:1.4;}

/* Dedicated Print Stylesheet */
    @media print {
      @page { size: landscape; margin: 12mm; }
      body { background: #fff; color: #000; }
      
      /* Hide UI */
      #appShell { display: none !important; }
      .print-only { display: block !important; width: 100%; }
      
      .print-header { text-align: center; border-bottom: 2px solid #000; padding-bottom: 10px; margin-bottom: 20px; }
      .print-header h1 { margin: 0 0 5px 0; font-size: 24px;}
      .print-header p { margin: 0; font-size: 12px; color: #666;}
      
      h2 { font-size: 16px; margin: 15px 0 10px 0; border-bottom: 1px solid #eee; padding-bottom: 5px;}
      
      /* KPI Grid */
      .summary { display: grid; grid-template-columns: repeat(4, 1fr); gap: 15px; margin-bottom: 20px; }
      .kpi { border: 1px solid #ccc; padding: 10px; border-radius: 6px; text-align: center; background: #fff !important; }
      .kpi .l { font-size: 10px; color: #555; }
      .kpi .v { font-size: 16px; font-weight: bold; color: #000; margin-top: 5px; }
      
      /* Print Tables */
      .print-tables-container { display: flex; flex-direction: column; gap: 15px; margin-bottom: 20px;}
      .print-tables-container h3 { font-size: 12px; margin: 0 0 5px 0; color: #333;}
      .print-tables-container table { width: 100%; border-collapse: collapse; font-size: 10px; }
      .print-tables-container th, .print-tables-container td { border: 1px solid #ccc; padding: 6px; text-align: left; }
      .print-tables-container th { background-color: #f0f0f0 !important; font-weight: bold;}
      
      /* SLD */
      #print-sld-box { width: 100%; text-align: center; margin-bottom: 20px; border: 1px solid #ccc; border-radius: 8px; padding: 10px; page-break-inside: avoid;}
      #print-sld-box svg { max-width: 100%; height: auto; }
      
      /* Rack Print Layout */
      .rack-page { display: flex !important; justify-content: center; gap: 20px; flex-wrap: wrap; page-break-before:auto !important; break-before:auto !important; page-break-inside:auto !important; break-inside:auto !important; }
 .print-rack-title { page-break-after: avoid; break-after: avoid; }
      .rack-card { width: 280px; zoom: 0.5; page-break-inside: avoid; border: 1px solid #ccc; border-radius: 12px; padding: 10px; background:#fff;}
      .rack-shell { background: #f8fafc !important; border: 2px solid #94a3b8; border-radius: 12px; padding: 10px; }
      
      .page-break { display:none !important; page-break-before:auto; break-before:auto; }
      * { -webkit-print-color-adjust: exact !important; print-color-adjust: exact !important; }
    }

/* v1.7.37 PDF hardening: no standalone title pages */
 .print-rack-title, .page-break { display:none !important; height:0 !important; margin:0 !important; padding:0 !important; page-break-before:auto !important; break-before:auto !important; page-break-after:auto !important; break-after:auto !important; }
 #print-rack-box { page-break-before:auto !important; break-before:auto !important; page-break-inside:auto !important; break-inside:auto !important; margin-top:0 !important; }
 #print-rack-box:empty { display:none !important; }
 .print-only h2 { page-break-after:avoid; break-after:avoid; }

@media (min-width:901px){
 .app-shell{grid-template-columns:var(--sidebarW) minmax(0,1fr)}
 .hero{grid-template-columns:minmax(0,1.55fr) minmax(360px,1fr)}
 .config-layout{grid-template-columns:minmax(520px,1.15fr) minmax(520px,1fr)}
 .result-panel{min-width:0}
 .table-wrap{max-width:100%}
 }
 @media (max-width:1800px){.rack-gallery{grid-template-columns:repeat(3, minmax(0, 1fr));gap:18px;}}
@media (max-width:1280px){.rack-gallery{grid-template-columns:repeat(2, minmax(0, 1fr));gap:18px;}}
    @media (max-width:900px){
      .app-shell{grid-template-columns:1fr}
      .sidebar{position:relative;height:auto;border-right:none;border-bottom:1px solid var(--line);flex-direction:row;flex-wrap:wrap;}
      body.sidebar-collapsed{--sidebarW:var(--sidebarCollapsedW)}
      .hero,.config-layout,.grid,.row3,.row,.rack-page-grid,.rack-gallery{grid-template-columns:1fr}
      .rack-gallery{display:grid}
      body.sidebar-collapsed .brand-title, body.sidebar-collapsed .sidebtn .label{display:block}
    }
  
/* v1.7.37 PDF hardening: keep Rack title and rack diagram together; no blank title-only page */
@media print {
 .print-rack-section.no-rack { display:none !important; }
 .print-rack-section {
   display:block !important;
   page-break-before: always !important;
   break-before: page !important;
   page-break-inside: auto !important;
   break-inside: auto !important;
   margin:0 !important;
   padding:0 !important;
 }
 .print-rack-section h2 {
   page-break-after: avoid !important;
   break-after: avoid !important;
   margin-top:0 !important;
 }
 #print-rack-box {
   display:flex !important;
   justify-content:center !important;
   align-items:flex-start !important;
   gap:20px !important;
   flex-wrap:wrap !important;
   page-break-before: avoid !important;
   break-before: avoid !important;
   page-break-inside: auto !important;
   break-inside: auto !important;
   min-height:0 !important;
   height:auto !important;
   margin-top:0 !important;
   padding-top:0 !important;
 }
 #print-rack-box .rack-card:first-child {
   page-break-before: avoid !important;
   break-before: avoid !important;
 }
 #print-rack-box:empty { display:none !important; }
}

/* v1.7.37 MGX rack visual marker */
.mgx-shelf { border:2px dashed #22c55e !important; box-shadow: inset 0 0 0 1px rgba(34,197,94,.25); }
.mgx-label { position:absolute; top:2px; right:4px; z-index:2; padding:1px 4px; border-radius:4px; background:rgba(220,252,231,.95); color:#065f46; font-size:9px; font-weight:800; letter-spacing:.2px; }
.mgx-rack-note { grid-column:1 / -1; padding:10px 12px; border:1px dashed #22c55e; border-radius:12px; background:#f0fdf4; color:#065f46; font-size:12px; font-weight:700; }

/* v1.7.37 Row-level modal BOM editing with icon actions */
.manual-table-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px;}
.manual-controls{display:flex;align-items:center;gap:6px;flex-wrap:wrap;}
.manual-controls button{width:auto;padding:6px 10px;font-size:12px;border-radius:8px;}
.manual-badge{display:inline-flex;align-items:center;padding:3px 8px;border-radius:999px;background:#e0f2fe;color:#0369a1;font-size:11px;font-weight:800;}
.manual-badge.on{background:#dcfce7;color:#166534;}
.edit-cell{display:flex;align-items:flex-start;justify-content:space-between;gap:6px;min-width:0;}
.edit-cell-value{min-width:0;overflow-wrap:anywhere;}
#moduleTable th.action-col,#moduleTable td.action-col{width:132px;min-width:132px;text-align:center;}
#bayTable th.action-col,#bayTable td.action-col{width:140px;min-width:140px;text-align:center;}
#bayTable th:first-child,#bayTable td:first-child{width:78px;max-width:90px;}
.row-action-wrap{display:flex;gap:8px;justify-content:center;align-items:center;flex-wrap:nowrap;}
.icon-action{width:30px;height:30px;min-width:30px;padding:0;border-radius:8px;border:1px solid #cbd5e1;background:#f8fafc;color:#334155;display:inline-flex;align-items:center;justify-content:center;}
.icon-action:hover{background:#e2e8f0;}
.icon-action.edit{background:#eff6ff;color:#1d4ed8;border-color:#bfdbfe;}
.icon-action.delete{background:#fee2e2;color:#991b1b;border-color:#fecaca;}
.icon-action svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;}
.manual-row-modal-backdrop{position:fixed;inset:0;background:rgba(15,23,42,.45);z-index:5000;display:flex;align-items:center;justify-content:center;padding:18px;}
.manual-row-modal{width:min(780px,96vw);max-height:88vh;overflow:auto;background:#fff;border:1px solid #cbd5e1;border-radius:16px;box-shadow:0 24px 60px rgba(15,23,42,.28);}
.manual-row-modal-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid #e2e8f0;}
.manual-row-modal-title{font-size:16px;font-weight:800;color:#0f172a;}
.manual-row-modal-body{padding:16px;display:grid;grid-template-columns:1fr 1fr;gap:12px;}
.manual-row-modal-field label{font-size:12px;color:#64748b;margin-bottom:4px;display:block;font-weight:700;}
.manual-row-modal-field input{width:100%;padding:9px 10px;border:1px solid #cbd5e1;border-radius:8px;font-size:13px;}
.manual-row-modal-footer{display:flex;justify-content:flex-end;gap:8px;padding:12px 16px;border-top:1px solid #e2e8f0;background:#f8fafc;}
.manual-row-modal-footer button{width:auto;padding:8px 12px;font-size:13px;}
@media (max-width:700px){.manual-row-modal-body{grid-template-columns:1fr;}}
@media print{.manual-controls,th.action-col,td.action-col,.manual-row-modal-backdrop{display:none!important}.edit-cell{display:block}.edit-cell-value{display:inline}}

/* v1.7.42 ToP key parameter MGX switch spacing - scoped only to direct top parameter style selector row */
.top-params > .row3:first-of-type{grid-template-columns:1fr 1fr !important;gap:0 !important;align-items:stretch;}
.top-params > .row3:first-of-type > div{padding:0 18px;min-width:0;}
.top-params > .row3:first-of-type > div:first-child{padding-left:0;border-right:2px solid #dbeafe;}
.top-params > .row3:first-of-type > div:nth-child(2){padding-right:0;}
.top-params > .row3:first-of-type .mode-switch{height:auto;min-height:52px;gap:16px;align-items:center;flex-wrap:wrap;}
.top-params > .row3:first-of-type .mode-label{min-width:84px;line-height:1.35;}
.top-params > .row3:first-of-type .field-note{margin-top:8px;max-width:100%;}
@media (max-width:900px){.top-params > .row3:first-of-type{grid-template-columns:1fr !important;gap:14px !important}.top-params > .row3:first-of-type > div:first-child{border-right:none;border-bottom:2px solid #dbeafe;padding-bottom:14px}.top-params > .row3:first-of-type > div{padding:0}}

/* v1.7.43 rack mount selector and PDF MGX marker hardening */
.rack-type-note{font-size:11px;color:var(--muted);line-height:1.4;margin-top:4px;}
.pdf-mgx-marker{display:inline-flex;align-items:center;gap:4px;padding:1px 5px;border-radius:999px;background:#dcfce7;color:#166534;border:1px solid #86efac;font-size:8px;font-weight:900;margin-left:4px;}
@media print{.mgx-label{display:block!important}.mgx-rack-note,.pdf-mgx-marker{display:none!important}}

</style>
</head>
<body>

<div class="print-only">
<div class="print-header">
<h1>Tower of Power Configuration Report</h1>
<p id="printDate"></p>
</div>
<h2>1. System KPI Summary</h2>
<div class="summary" id="print-kpi"></div>
<h2>2. Equipment & BOM</h2>
<div class="print-tables-container" id="print-tables"></div>
<h2>3. Single Line Diagram</h2>
<div id="print-sld-box"></div>
<div class="print-rack-section no-rack" id="print-rack-section">
<h2 id="print-rack-heading">4. Rack Layout</h2>
<div class="rack-page" id="print-rack-box"></div>
</div>
</div>
<div class="app-shell" id="appShell">
<aside class="sidebar">
<div class="brand">
<div class="brand-title">Tower of Power</div>
<button class="sidebar-toggle" onclick="toggleSidebar()" title="Toggle Sidebar">
<svg fill="none" height="20" stroke="currentColor" viewbox="0 0 24 24" width="20"><path d="M4 6h16M4 12h16M4 18h16" stroke-linecap="round" stroke-linejoin="round"></path></svg>
</button>
</div>
<button class="sidebtn active" data-view="config" onclick="switchView('config', this)">
<svg class="icon" fill="none" stroke="currentColor" viewbox="0 0 24 24"><path d="M12.22 2h-.44a2 2 0 0 0-2 2v.18a2 2 0 0 1-1 1.73l-.43.25a2 2 0 0 1-2 0l-.15-.08a2 2 0 0 0-2.73.73l-.22.38a2 2 0 0 0 .73 2.73l.15.1a2 2 0 0 1 1 1.72v.51a2 2 0 0 1-1 1.74l-.15.09a2 2 0 0 0-.73 2.73l.22.38a2 2 0 0 0 2.73.73l.15-.08a2 2 0 0 1 2 0l.43.25a2 2 0 0 1 1 1.73V20a2 2 0 0 0 2 2h.44a2 2 0 0 0 2-2v-.18a2 2 0 0 1 1-1.73l.43-.25a2 2 0 0 1 2 0l.15.08a2 2 0 0 0 2.73-.73l.22-.39a2 2 0 0 0-.73-2.73l-.15-.08a2 2 0 0 1-1-1.74v-.5a2 2 0 0 1 1-1.74l.15-.09a2 2 0 0 0 .73-2.73l-.22-.38a2 2 0 0 0-2.73-.73l-.15.08a2 2 0 0 1-2 0l-.43-.25a2 2 0 0 1-1-1.73V4a2 2 0 0 0-2-2z"></path><circle cx="12" cy="12" r="3"></circle></svg>
<span class="label">Configuration</span>
</button>
<button class="sidebtn" data-view="rack" onclick="switchView('rack', this)">
<svg class="icon" fill="none" stroke="currentColor" viewbox="0 0 24 24"><rect height="8" rx="2" ry="2" width="20" x="2" y="2"></rect><rect height="8" rx="2" ry="2" width="20" x="2" y="14"></rect><line x1="6" x2="6.01" y1="6" y2="6"></line><line x1="6" x2="6.01" y1="18" y2="18"></line></svg>
<span class="label">Rack Page</span>
</button>
<button class="sidebtn" data-view="pii" onclick="switchView('pii', this)">
<svg class="icon" fill="none" stroke="currentColor" viewbox="0 0 24 24"><path d="M2 3h6a4 4 0 0 1 4 4v14a3 3 0 0 0-3-3H2z"></path><path d="M22 3h-6a4 4 0 0 0-4 4v14a3 3 0 0 1 3-3h7z"></path></svg>
<span class="label">Reference</span>
</button>
</aside>
<main class="main">
<div class="wrap">
<div class="hero">
<div class="card title">
<h1>Tower of Power Configurator <span class="version-pill">v1.7.50</span></h1>
<div class="sub"></div>
</div>
<div class="card">
<div class="summary" id="kpi-block">
<div class="kpi"><div class="l">IT Equipment Load</div><div class="v" id="kpiIT">0.0 kW</div></div>
<div class="kpi"><div class="l">Cooling / Facility Overhead</div><div class="v" id="kpiOverhead">0.0 kW</div></div>
<div class="kpi"><div class="l">Total Facility Power</div><div class="v" id="kpiFacility">0.0 kW</div></div>
<div class="kpi"><div class="l">PUE</div><div class="v" id="kpiPUE">1.00</div></div>
</div>
</div>
</div>
<section class="view active" id="view-config">
<div class="config-layout">
<div class="input-panel">
<div class="input-card it-equipment">
<h2>1) IT Equipment</h2>
<div class="small">Configure GPU, CPU, Network Switch, and Cooling requirements. Quantity limits: GPU max 20, CPU max 50, Switch max 50, Cooling max 20 per row.</div>
<div class="stack" style="margin-top:12px">
<div><h3>GPU Server (48V/51Vdc)</h3><div id="gpuRows"></div><div class="toolbar"><button class="ghost" onclick="addRow('gpu')">+ Add GPU Server</button></div></div>
<div><h3>CPU Server</h3><div id="cpuRows"></div><div class="toolbar"><button class="ghost" onclick="addRow('cpu')">+ Add CPU Server</button></div></div>
<div><h3>Network Switch</h3><div id="swRows"></div><div class="toolbar"><button class="ghost" onclick="addRow('sw')">+ Add Switch</button></div></div>
</div>
</div>
<div class="input-card cooling-section">
<h2>2) Cooling</h2>
<div class="small">Choose one cooling calculation source. Cooling is treated as powered by ToP by default, so the calculated cooling power is included in ToP module sizing.</div>
<div class="io-group" style="margin-top:12px">
<div class="source-title">Cooling Calculation Source</div>
<div class="row3">
<div><label>Use Auto Cooling Estimate</label><input class="hidden-setting" id="autoCooling" type="hidden" value="on"/><div class="mode-switch" title="Switch cooling calculation source"><span class="mode-label" id="coolingManualModeLabel">Use Equipment Rows</span><label class="toggle-wrap"><input checked="" id="coolingEstimateToggle" onchange="setCoolingEstimationMode(this.checked)" type="checkbox"/><span class="toggle-switch"></span></label><span class="mode-label active" id="coolingAutoModeLabel">Use Auto Estimate</span></div><div class="small">ON = calculate from Target PUE or Air / Liquid assumptions. OFF = use Cooling Equipment rows.</div></div>
<div><label>Auto Estimate Method</label><select id="coolingMode" onchange="syncCoolingControls();recalc()"><option title="Uses Target PUE only. Cooling / facility overhead = IT Load × (PUE − 1). This is a facility-level estimate, not cooling equipment power." value="pue">PUE Baseline</option><option selected="" title="Estimates cooling electrical power using simplified air / liquid thermal split and early-stage efficiency factors. Not a replacement for detailed cooling system design." value="friendly">Air / Liquid Estimate</option></select><div class="field-note">PUE Baseline uses only Target PUE. Air / Liquid Estimate uses architecture and assumptions.</div></div>
<div id="fieldCoolingArch"><label>Cooling Architecture</label><select id="coolingArch" onchange="syncCoolingControls();recalc()" title="Defines how much IT heat is assumed to be removed by liquid cooling. Liquid cooling still consumes electrical power (pumps, CDU, distribution)."><option value="air">Mostly Air Cooled</option><option selected="" value="hybrid">Hybrid Air + Liquid</option><option value="liquid">Mostly Liquid Cooled</option></select><div class="field-note">Only shown for Air / Liquid Estimate.</div></div>
</div>
<div class="logic-note" id="coolingLogicNote">Auto Estimate is ON using Air / Liquid Estimate. The estimated cooling power is added as a ToP-powered AC load.</div>
</div>
<div class="io-group" id="coolingEquipmentBlock">
<div class="source-title">Cooling Equipment</div><div class="field-note">When Auto Estimate is enabled, cooling equipment rows are shown for reference only and are NOT included in power sizing.</div>
<div class="small">Enabled only when Use Equipment Rows is selected. Equipment rows are treated as ToP-powered load using each equipment input type, AC or DC.</div>
<div id="coolRows" style="margin-top:10px"></div>
<div class="toolbar"><button class="ghost" id="addCoolingBtn" onclick="addRow('cool')">+ Add Cooling</button></div>
</div>
<div class="io-group" id="coolingAssumptionBlock">
<div class="source-title">Cooling Assumptions</div>
<div class="small">The visible fields below are the only assumptions used by the selected Auto Estimate Method.</div>
<div class="row3" style="margin-top:10px">
<div id="fieldTargetPUE"><label>Target PUE</label><input id="targetPUE" max="1.80" min="1.05" oninput="recalc()" step="0.01" type="number" value="1.30"/><div class="field-note">PUE Baseline only. Top PUE KPI will match this value.</div></div>
<div id="fieldLiquidCoverage"><label>Liquid Cooling Coverage (%)</label><input id="liquidCoverage" max="100" min="0" oninput="recalc()" step="5" title="Percentage of IT thermal load assumed to be handled by liquid cooling. Does not imply zero electrical power for liquid cooling." type="number" value="70"/><div class="field-note">Hybrid Air + Liquid only.</div></div>
<div id="fieldCoolingIntensity"><label>Cooling Power Level</label><div class="range-wrap"><input id="coolingIntensity" max="6" min="1" oninput="updateCoolingIntensityLabel();recalc()" step="1" title="Represents the ratio of cooling infrastructure electrical power relative to thermal load. This is NOT COP, chiller efficiency, or CDU specification. Used only for early-stage electrical capacity estimation." type="range" value="3"/><div class="range-labels"><span>High Eff.</span><span>Efficient</span><span>Baseline</span><span>Conserv.</span><span>High Cons.</span><span>Worst</span></div><div class="range-current" id="coolingIntensityLabel">Level 3 · Industry Baseline · Air 0.30 / Liquid 0.10</div></div><div class="field-note">Air / Liquid Estimate only. Higher level means more conservative cooling electrical power. These are early-stage estimation factors, not final HVAC design values.</div></div>
</div>
<div class="row3" style="margin-top:10px">
<div id="fieldEnvHeat"><label>Container Heat Gain (kW)</label><input id="envHeat" min="0" oninput="recalc()" step="0.5" title="Non-IT thermal load inside the container (solar gain, wall conduction, ventilation losses). Added on top of IT heat." type="number" value="5"/><div class="field-note">Air / Liquid Estimate only.</div></div>
<div id="fieldCoolingReserve"><label>Cooling Reserve (%)</label><input id="coolingReserve" max="50" min="0" oninput="recalc()" step="5" title="Planning margin applied to estimated cooling electrical power to cover uncertainty, redundancy intent, or operational buffer." type="number" value="10"/><div class="field-note">Air / Liquid Estimate only.</div></div>
<div id="fieldMinCooling"><label>Minimum Cooling Power (kW)</label><input id="minCooling" min="0" oninput="recalc()" step="1" title="Lower bound for cooling electrical power to avoid unrealistically low values at small IT load. Commonly used for MDC baseline auxiliaries." type="number" value="10"/><div class="field-note">Air / Liquid Estimate only as a lower bound.</div></div>
</div>
</div>
</div>
<div class="input-card power-input">
<h2>3) Power Input</h2>
<div class="small">Configure Grid AC, Telecom Vdc, Solar PV, Battery, and Genset inputs.</div>
<div class="io-group" style="margin-top:12px">
<div class="source-title">Grid AC Input</div>
<div class="source-row">
<div><label>AC Input Type</label><select id="acInputVoltage" onchange="recalc()"><option value="120">120 Vac (1Φ L-N)</option><option value="208">208 Vac (3Φ L-L)</option><option value="240">240 Vac (1Φ / 3Φ)</option><option selected="" value="277">277 Vac (3Φ L-N)</option><option value="480">480 Vac (3Φ L-L)</option></select></div>
<div></div>
<div></div>
</div>
</div>
<div class="io-group">
<div class="source-title">Telecom Vdc</div>
<div class="source-row">
<div><label>Enable Telecom Vdc</label><div class="toggle-wrap"><label><input id="telecomEnable" onchange="recalc()" type="checkbox"/><span class="toggle-switch"></span></label><span class="toggle-label" id="telecomEnableLabel">Off</span></div></div>
<div><label>Telecom Voltage</label><input disabled="" type="text" value="48 Vdc"/></div>
<div></div>
</div>
</div>
<div class="io-group">
<div class="source-title">Solar PV</div>
<div class="source-row">
<div><label>Enable Solar PV</label><div class="toggle-wrap"><label><input id="pvEnable" onchange="recalc()" type="checkbox"/><span class="toggle-switch"></span></label><span class="toggle-label" id="pvEnableLabel">Off</span></div></div>
<div><label>PV Voltage (Vdc)</label><input id="pvVoltage" oninput="recalc()" step="1" type="number" value="380"/></div>
<div><label>PV Power (kW)</label><input id="pvPower" oninput="recalc()" step="1" type="number" value="0"/></div>
</div>
</div>
<div class="io-group">
<div class="source-title">Battery Storage</div>
<div class="source-row">
<div><label>Enable Battery</label><div class="toggle-wrap"><label><input id="batteryEnable" onchange="recalc()" type="checkbox"/><span class="toggle-switch"></span></label><span class="toggle-label" id="batteryEnableLabel">Off</span></div></div>
<div><label>Battery Voltage (Vdc)</label><select id="batteryVoltage" onchange="recalc()"><option value="48">48 Vdc</option><option value="400">400 Vdc</option><option selected="" value="800">800 Vdc</option></select></div>
<div><label>Battery Power (kW)</label><input id="batteryPower" oninput="recalc()" step="1" type="number" value="0"/></div>
</div>
<div class="source-row">
<div><label>Capacity (kWh)</label><input id="batteryCapacity" oninput="recalc()" step="1" type="number" value="200"/></div>
<div></div>
<div></div>
</div>
<div class="notice compat-note hidden" id="compatNote"></div>
</div>
<div class="io-group">
<div class="source-title">Backup Genset</div>
<div class="source-row">
<div><label>Enable Genset</label><div class="toggle-wrap"><label><input id="gensetEnable" onchange="recalc()" type="checkbox"/><span class="toggle-switch"></span></label><span class="toggle-label" id="gensetEnableLabel">Off</span></div></div>
<div><label>Genset Voltage (Vac)</label><input id="gensetVoltage" oninput="recalc()" step="1" type="number" value="480"/></div>
<div><label>Genset Power (kW)</label><input id="gensetPower" oninput="recalc()" step="1" type="number" value="0"/></div>
</div>
</div>
</div>
<div class="input-card top-params">
<h2>4) ToP Key Parameters</h2>
<div class="row3" style="margin-top:10px">
<div>
<label>DCDC Power Shelf Style</label>
<input id="dcdcShelfStyle" type="hidden" value="standard"/>
<div class="mode-switch" title="Switch DCDC shelf style">
<span class="mode-label active" id="dcdcStandardLabel">Standard<br/><span class="small">PF-1103-P22N</span></span>
<label class="toggle-wrap">
<input id="dcdcShelfStyleToggle" onchange="setShelfStyle('dcdc', this.checked)" type="checkbox"/>
<span class="toggle-switch"></span>
</label>
<span class="mode-label" id="dcdcMgxLabel">MGX<br/><span class="small">PF-1103-P25N</span></span>
</div>
<div class="field-note">Standard = PF-1103-P22N. MGX = PF-1103-P25N and is shown as independent 1U movable shelves in Rack Page.</div>
</div>
<div>
<label>Inverter Power Shelf Style</label>
<input id="inverterShelfStyle" type="hidden" value="standard"/>
<div class="mode-switch" title="Switch inverter shelf style">
<span class="mode-label active" id="inverterStandardLabel">Standard<br/><span class="small">PF-1103-P21N + CP-48EC-P50U</span></span>
<label class="toggle-wrap">
<input id="inverterShelfStyleToggle" onchange="setShelfStyle('inverter', this.checked)" type="checkbox"/>
<span class="toggle-switch"></span>
</label>
<span class="mode-label" id="inverterMgxLabel">MGX<br/><span class="small">PF-2662-P2xN, no CP-48EC-P50U</span></span>
</div>
<div class="field-note">MGX inverter shelf has the same function category as PF-1103-P21N but removes CP-48EC-P50U and is shown as independent 1U movable shelves.</div>
</div>
</div>
<div class="io-group" style="margin-top:12px">
<div class="row3">
<div><label>DC Bus Voltage (Vdc)</label><select id="busVoltage" onchange="recalc()"><option value="400">400 VDC</option><option value="800">800 VDC</option></select></div>
<div><label>Sizing Mode</label><select id="sizingMode" onchange="recalc()"><option value="dc_only">DC loads only</option><option selected="" value="hybrid">Hybrid (AC loads via ToP)</option><option value="full">Full-ToP benchmark</option></select></div>
<div><label>Rack Mount Type</label><select id="rackMountStyle" onchange="recalc()"><option selected="" value="mgx19">19" MGX</option><option value="orv3">ORv3</option></select><input id="acOutputVoltage" type="hidden" value="240"/><div class="rack-type-note">ORv3 adds adapter kit / rails. 19" MGX adds no accessory automatically.</div></div>
</div>
<div class="row3" style="margin-top:10px">
<div><label>12V AUX (kW)</label><input id="aux12" oninput="recalc()" step="0.1" type="number" value="0.0"/></div>
<div><label>24V AUX (kW)</label><input id="aux24" oninput="recalc()" step="0.1" type="number" value="0.0"/></div>
<div><label>48/60V AUX (kW)</label><input id="aux48" oninput="recalc()" step="0.1" type="number" value="0.0"/></div>
</div>
<div class="row3" style="margin-top:10px">
<div><label>Availability Derating (%)</label><input id="derate" max="100" min="50" onblur="commitDerateInput(this)" onchange="commitDerateInput(this)" oninput="markDerateEditing(this)" onkeydown="if(event.key==='Enter'){commitDerateInput(this); this.blur();}" step="1" type="number" value="90"/><div class="small">Recalculates after blur / Enter to avoid heavy intermediate sizing.</div></div>
<div><label>N+1 Redundancy</label><select id="nplus1" onchange="recalc()"><option selected="" value="yes">Yes</option><option value="no">No</option></select></div>
</div>
</div>
<div class="io-group" style="margin-top:12px">
<div class="source-title">Full Model Number Selection Rules</div>
<div class="small">These options resolve series model numbers into Pii full model numbers for BOM, CSV and PDF output. Power sizing is unchanged.</div>
<div class="row3" style="margin-top:10px">
<div><label>Rectifier / DCDC Module Airflow</label><select id="powerModuleAirflow" onchange="recalc()"><option selected="" value="f2b">Front-to-Back</option><option value="b2f">Back-to-Front</option></select></div>
<div><label>Solar Rectifier Airflow</label><select id="solarRectifierAirflow" onchange="recalc()"><option selected="" value="f2b">Front-to-Back</option><option value="b2f">Back-to-Front</option></select></div>
<div><label>PF-2662 Outlet Type</label><select id="pf2662OutletType" onchange="recalc()"><option selected="" value="c19">C19 outlet → PF-2662-P20N</option><option value="c39">C39 outlet → PF-2662-P22N</option></select></div>
</div>
<div class="row3" style="margin-top:10px">
<div><label>Inverter Input Range</label><select id="inverterInputRange" onchange="recalc()"><option selected="" value="auto">Auto by DC Bus</option><option value="400">400V class / 290–440Vdc</option><option value="800">800V class / 520–900Vdc</option></select></div>
<div><label>Inverter Airflow</label><select id="inverterAirflow" onchange="recalc()"><option selected="" value="f2b">Front-to-Back</option><option value="b2f">Back-to-Front</option></select></div>
<div><label>Inverter Frequency / Config</label><select id="inverterConfigVariant" onchange="recalc()"><option selected="" value="standard">Standard LF / 60Hz</option><option value="50hz">50Hz Config</option><option value="mgx_dc">MGX DC Version</option><option value="mgx_dt">MGX DT Version</option><option value="th">TH Variant</option></select></div>
</div>
<div class="field-note">Rack accessory full model is resolved by Rack Mount Type: 19" MGX = native, ORv3 = KE-0001-014N + MT03146. PF-2662 C19 and C39 can both be represented by adding/manual-editing separate BOM rows.</div>
</div>
</div>
</div>
<div class="result-panel card">
<div class="result-panel-header">
<h2>Results Summary</h2>
<div class="toolbar">
<input accept=".csv,text/csv" id="csvImportInput" onchange="importCsvFile(event)" style="display:none" type="file"/>
<button class="ghost icon-btn" onclick="document.getElementById('csvImportInput').click()" title="Import Configuration CSV">
<svg viewbox="0 0 24 24"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="12" x2="12" y1="12" y2="18"></line><polyline points="9 15 12 18 15 15"></polyline></svg>
</button>
<button class="ghost icon-btn" onclick="exportCsv()" title="Export Configuration CSV">
<svg viewbox="0 0 24 24"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="12" x2="12" y1="18" y2="12"></line><polyline points="9 15 12 12 15 15"></polyline></svg>
</button>
<button class="primary icon-btn" onclick="generateReport()" title="Export PDF">
<svg viewbox="0 0 24 24"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="12" x2="12" y1="18" y2="12"></line><polyline points="9 15 12 12 15 15"></polyline></svg>
</button>
<button class="bad icon-btn" onclick="resetAll()" title="Reset All">
<svg viewbox="0 0 24 24"><polyline points="3 6 5 6 21 6"></polyline><path d="M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2"></path><line x1="10" x2="10" y1="11" y2="17"></line><line x1="14" x2="14" y1="11" y2="17"></line></svg>
</button>
</div>
</div>
<div class="section"><h3>Load Details</h3><div class="table-wrap compact"><table id="loadTable"><thead><tr><th>Category</th><th>Equipment</th><th>Qty</th><th>Input</th><th>kW / ea</th><th>Notes</th></tr></thead><tbody></tbody></table></div></div>
<div class="section"><h3>Cooling Summary</h3><div class="table-wrap compact"><table id="coolingTable"><thead><tr><th>Item</th><th>Thermal Load</th><th>Cooling Power Est.</th><th>Assumption</th></tr></thead><tbody></tbody></table></div></div>
<div class="section"><div class="manual-table-header"><h3>ToP Module Count</h3><div id="moduleManualControls" class="manual-controls"><span id="moduleManualBadge" class="manual-badge">AUTO</span><button class="ghost" onclick="enableManualEdit('module')">Manual Edit</button><button class="ghost" onclick="addManualItem('module')">+ Add Item</button><button class="ghost" onclick="resyncManualTable('module')">Re-sync from ToP</button></div></div><div class="table-wrap compact"><table id="moduleTable"><thead><tr><th>Function</th><th>Module PN</th><th>Full Model Number</th><th>Input Voltage</th><th>Output Voltage</th><th>Req. Power</th><th>Modules</th><th>Controller</th></tr></thead><tbody></tbody></table></div></div>
<div class="section"><div class="manual-table-header"><h3>Physical Bay BOM</h3><div id="bayManualControls" class="manual-controls"><span id="bayManualBadge" class="manual-badge">AUTO</span><button class="ghost" onclick="enableManualEdit('bay')">Manual Edit</button><button class="ghost" onclick="addManualItem('bay')">+ Add Item</button><button class="ghost" onclick="resyncManualTable('bay')">Re-sync from ToP</button></div></div><div class="table-wrap compact"><table id="bayTable"><thead><tr><th>Bay / Item</th><th>Full Model Number</th><th>Configuration</th><th>Qty</th><th>Each U</th><th>Total U</th><th>Mechanical</th><th>Notes</th></tr></thead><tbody></tbody></table></div></div>
<div class="section">
<h3>Single Line Diagram (SLD)</h3>
<div id="sld-container"></div>
<div class="sld-toolbar" id="sldToolbar">
  <div class="sld-field wide"><label>Selected SLD Block</label><input id="sldSelectedBlock" type="text" value="None" readonly></div>
  <div class="sld-field"><label>Connect To Busbar</label><select id="sldBusSelect" onchange="setSelectedSldBus(this.value)"><option value="auto">Auto by voltage</option><option value="400">400V / HV DC Bus</option><option value="51">51V DC Bus</option><option value="ac">AC Output</option><option value="input">Input Source</option></select></div>
  <button class="ghost" onclick="resetSldLayout()">Reset SLD Layout</button>
  <div class="sld-hint">Drag SLD blocks to reposition. Click a block, then choose which busbar it connects to. Manual PS/IM/DD module rows are added to SLD based on input/output voltage.</div>
</div>
</div>
</div>
</div>
</section>
<section class="view" id="view-rack">
<div class="card rack-page">
<div class="section" style="padding:0 0 14px 0">
<h2>Rack Layout (Auto-Fit)</h2>
<div class="small">Racks dynamically scale to fit the window. Drag and drop items to customize placement. Anti-overlap collision detection is active.</div>
</div>
<div>
<div class="rack-gallery" id="rackGallery"></div>
<div class="table-wrap compact" style="margin-top:14px"><table id="rackList"><thead><tr><th>Rack</th><th>Item</th><th>Full Model Number</th><th>Type</th><th>U</th></tr></thead><tbody></tbody></table></div>
<div class="notice" id="rackStatus" style="margin-top:12px"></div>
</div>
</div>
</section>
<section class="view" id="view-pii">
<div class="card">
<div class="section"><h2>Reference Library</h2></div>
<div class="section">
<details open="">
<summary>Pii Model Reference</summary>
<div class="details-body">
<h3>Power Module / Shelf / Controller Reference</h3>
<div class="table-wrap">
<table>
<thead><tr><th>PN / Component</th><th>Description</th><th>Input</th><th>Output</th><th>Power / Rating</th><th>Link</th><th>Notes</th></tr></thead>
<tbody>
<tr><td>CM-12CM-P10U</td><td>Power Shelf Controller</td><td>-</td><td>-</td><td>-</td><td><a href="https://powerinnovations.com/wp-content/uploads/2025/02/DATA121-CM-12CM-P10U.pdf" target="_blank">Datasheet</a></td><td>Used as shelf controller reference</td></tr>
<tr><td>CM-14MP-1-P</td><td>Power Management Controller</td><td>-</td><td>-</td><td>-</td><td><a href="https://powerinnovations.com/wp-content/uploads/2025/02/DATA125-CM-14MP-1-P.pdf" target="_blank">Datasheet</a></td><td>Power management controller</td></tr>
<tr><td>PS-2332-01Px-LF</td><td>Industrial 3.3kW Rectifier</td><td>AC 190–305Vac / DC 200–440V</td><td>250–920Vdc</td><td>3.3kW</td><td><a href="https://powerinnovations.com/wp-content/uploads/2025/02/DATA117-PS-2332-01Px-LF.pdf" target="_blank">Datasheet</a></td><td>Front-to-back airflow</td></tr>
<tr><td>PS-2332-02Px-LF</td><td>60V 3.3kW Rectifier</td><td>AC 120–305V / DC 300–450V</td><td>42–64Vdc, 58A max</td><td>3.3kW</td><td><a href="https://powerinnovations.com/wp-content/uploads/2025/02/DATA130-PS-2332-02Px-LF.pdf" target="_blank">Datasheet</a></td><td>60V rectifier F2B</td></tr>
<tr><td>IM-2332-01P1-LF</td><td>400V 3.3kVA Inverter F2B</td><td>290–450Vdc</td><td>120Vac / 240Vac</td><td>3.3kVA</td><td><a href="https://powerinnovations.com/wp-content/uploads/2025/02/DATA119-IM-2332-01Px-XX.pdf" target="_blank">Datasheet</a></td><td>400V inverter reference</td></tr>
<tr><td>IM-2332-01P1-LF-800V</td><td>800V 3.3kVA Inverter</td><td>560–900Vdc</td><td>120Vac / 240Vac</td><td>3.3kVA</td><td>IM-2332-01Px-LF 800V Datasheet</td><td>800V inverter reference</td></tr>
<tr><td>DD-1202-TR0x-ROHS</td><td>12V DC-DC Converter</td><td>DC 300–440V</td><td>10.8–14Vdc adjustable</td><td>2kW</td><td>N/A</td><td>IEC 62368-1</td></tr>
<tr><td>DD-1302-01Px-ROHS</td><td>24V DC-DC Converter</td><td>DC 300–440V</td><td>21.6–28Vdc adjustable</td><td>3kW</td><td>N/A</td><td>IEC 62368-1</td></tr>
<tr><td>DD-2352-02P1-LF</td><td>3kW D2D Converter</td><td>-50Vdc</td><td>350Vdc</td><td>3kW</td><td><a href="https://powerinnovations.com/wp-content/uploads/2025/02/DATA120-DD-2352-02Px-LF.pdf" target="_blank">Datasheet</a></td><td>D2D converter reference</td></tr>
<tr><td>DD-2352-02P1-LF</td><td>PF-2662 MGX 48V to 350V DC/DC module</td><td>44–60Vdc / 48V nominal</td><td>350Vdc</td><td>3kW</td><td><a href="https://powerinnovations.com/wp-content/uploads/2025/02/DATA123-PF-2662-P2xN.pdf" target="_blank">PF-2662 Datasheet</a></td><td>Used inside PF-2662 shelf; two per shelf</td></tr>
<tr><td>PF-1103-P20N</td><td>3 Slot Power Shelf</td><td>-</td><td>-</td><td>3 slots</td><td><a href="https://powerinnovations.com/wp-content/uploads/2025/02/DATA124-PF-1103-P20N.pdf" target="_blank">Datasheet</a></td><td>Rectifier shelf</td></tr>
<tr><td>PF-1103-P21N</td><td>3 Slot Inverter Shelf</td><td>-</td><td>-</td><td>3 slots</td><td><a href="https://powerinnovations.com/wp-content/uploads/2025/02/DATA122-PF-1103-P21N.pdf" target="_blank">Datasheet</a></td><td>Inverter shelf</td></tr>
<tr><td>PF-1103-P22N</td><td>3 Slot Power Shelf 60V</td><td>-</td><td>-</td><td>3 slots</td><td><a href="https://powerinnovations.com/wp-content/uploads/2025/04/DATA131-PF-1103-P22N.pdf" target="_blank">Datasheet</a></td><td>Standard DCDC shelf style</td></tr>
<tr><td>PF-1103-P25N</td><td>19" MGX 10kW Rectifier Shelf</td><td>-</td><td>-</td><td>MGX style</td><td><a href="https://powerinnovations.com/wp-content/uploads/2025/12/DATA148-PF-1103-P25N.pdf" target="_blank">Datasheet</a></td><td>MGX DCDC shelf style; rack layout supports 1U independent movement</td></tr>
<tr><td>PF-2662-P2xN</td><td>19" MGX 6.6kVA Inverter Shelf</td><td>-</td><td>-</td><td>6.6kVA</td><td><a href="https://powerinnovations.com/wp-content/uploads/2025/02/DATA123-PF-2662-P2xN.pdf" target="_blank">Datasheet</a></td><td>MGX inverter shelf: 1RU, accepts 2×DD-2352-02P1-LF + 2×IM-2332-01P1-DC + CM-14MP-1-P; C19/C39 outlet variants</td></tr>

<tr><td>KE-0001-014N</td><td>19" MGX to 21" ORv3 Adapter Kit</td><td>-</td><td>-</td><td>Adapter kit</td><td><a href="https://powerinnovations.com/wp-content/uploads/2026/01/DATA151-Rack-Mount-Accessories.pdf" target="_blank">Datasheet</a></td><td>Required when 19" MGX PF shelves are mounted into ORv3 / 21" rack rails</td></tr>
<tr><td>MT03146</td><td>21" OCP 1OU Power Shelf Rails (Set)</td><td>-</td><td>-</td><td>Rail set</td><td><a href="https://powerinnovations.com/wp-content/uploads/2026/01/DATA151-Rack-Mount-Accessories.pdf" target="_blank">Datasheet</a></td><td>Used with KE-0001-014N for ORv3 mounting</td></tr>
<tr><td>KE-0001-015N</td><td>19" MGX 1OU Power Shelf Rails (Set)</td><td>-</td><td>-</td><td>Rail set</td><td><a href="https://powerinnovations.com/wp-content/uploads/2026/01/DATA151-Rack-Mount-Accessories.pdf" target="_blank">Datasheet</a></td><td>Rail set for PF-2662-P2xN and PF-1103-P25N</td></tr>
</tbody>
</table>
</div>
</div>
</details>
<details open="" style="margin-top:16px">
<summary>Additional Power & Control Components</summary>
<div class="details-body">
<div class="table-wrap">
<table>
<thead><tr><th>Component</th><th>Link</th><th>Remarks</th></tr></thead>
<tbody>
<tr><td>CP-48EC-P20U</td><td>N/A</td><td>Rack Controller 12V–48V (Phoenix)</td></tr>
<tr><td>CP-48EC-P40U</td><td>N/A</td><td>Rack Controller 12V–48V AC & DC Input</td></tr>
<tr><td>CP-48EC-P50U</td><td>N/A</td><td>Inverter Rack Controller</td></tr>
<tr><td>EC01397</td><td><a href="https://www.peplink.com/products/mobile-routers/br1-mini-hw3/" target="_blank">Product Link</a></td><td>Modem, 5–18VDC, Dual SIM, 4G</td></tr>
<tr><td>EC01488</td><td><a href="https://www.peplink.com/products/mobile-routers/br1-mini-hw3/" target="_blank">Product Link</a></td><td>APAC Modem</td></tr>
<tr><td>EC01519</td><td>N/A</td><td>Antenna, BC, 2C2W1GPS</td></tr>
<tr><td>SA01627</td><td>N/A</td><td>8A0SHY & 8A02AW Comm Cables</td></tr>
<tr><td>SA01628</td><td>N/A</td><td>8A0SJ7 & 8A0SNS Comm Cables</td></tr>
<tr><td>SA01629</td><td>N/A</td><td>8A0SI7 Comm Cables</td></tr>
</tbody>
</table>
</div>
</div>
</details>
<details open="" style="margin-top:16px">
<summary>External PII Product Pages</summary>
<div class="details-body">
<ul class="small">
<li><a href="https://powerinnovations.com/product/inverters/" target="_blank">PII Inverter Main Page</a></li>
<li><a href="https://powerinnovations.com/product/rectifiers/" target="_blank">PII Rectifier Main Page</a></li>
<li><a href="https://powerinnovations.com/product/converters/" target="_blank">PII Converter Main Page</a></li>
</ul>
</div>
</details>
<details open="" style="margin-top:16px">
<summary>Latest Industry DC Equipment (ORv3 / 48V / 51V)</summary>
<div class="details-body">
<div class="table-wrap">
<table>
<thead><tr><th>Category</th><th>Vendor / Model</th><th>Input</th><th>Est. Power</th><th>RU</th><th>Notes</th></tr></thead>
<tbody>
<tr><td>GPU Server</td><td>NVIDIA GB200 NVL72 Compute Node</td><td>48V DC</td><td>1.2 kW</td><td>1U</td><td>DC-native architecture</td></tr>
<tr><td>GPU Server</td><td>QCT QuantaGrid D74H-7U</td><td>48V DC</td><td>10.5 kW</td><td>4U</td><td>8x HGX H100 (ORv3)</td></tr>
<tr><td>GPU Server</td><td>Meta Grand Teton H100</td><td>48V DC</td><td>10.5 kW</td><td>4U</td><td>8x HGX H100, ORv3</td></tr>
<tr><td>GPU Server</td><td>GIGABYTE TO15-Z20-IA01</td><td>48V DC</td><td>2.5 kW</td><td>1U</td><td>4x Gen5 GPUs</td></tr>
<tr><td>CPU Server</td><td>Supermicro MicroBlade Node</td><td>48V DC</td><td>1.5 kW</td><td>1U</td><td>High density compute</td></tr>
<tr><td>CPU Server</td><td>Wiwynn Yosemite V3</td><td>48V DC</td><td>1.2 kW</td><td>1U</td><td>ORv3 CPU platform</td></tr>
<tr><td>CPU Server</td><td>GIGABYTE DCA3-ST0 Node</td><td>48V DC</td><td>1.0 kW</td><td>1U</td><td>ORv3 Compute Node</td></tr>
<tr><td>CPU Server</td><td>Dell PowerEdge R660</td><td>AC</td><td>0.8 kW</td><td>1U</td><td>General AC compute</td></tr>
<tr><td>CPU Server</td><td>Supermicro Hyper SuperServer</td><td>AC</td><td>1.2 kW</td><td>2U</td><td>Enterprise AC server</td></tr>
<tr><td>Switch</td><td>Arista 7800R3 DC Series</td><td>48V DC</td><td>1.2 kW</td><td>2U</td><td>Spine switch 48V input</td></tr>
<tr><td>Switch</td><td>NVIDIA Spectrum-4 SN5600D</td><td>48V DC</td><td>0.94 kW</td><td>2U</td><td>64x800G, DC-native</td></tr>
<tr><td>Switch</td><td>Edgecore DCS510</td><td>48V DC</td><td>0.8 kW</td><td>1U</td><td>400G OCP ORv3 Switch</td></tr>
<tr><td>Switch</td><td>Cisco Nexus 93180YC-FX3</td><td>AC</td><td>0.45 kW</td><td>1U</td><td>Standard AC ToR</td></tr>
<tr><td>Switch</td><td>Arista 7050X3</td><td>AC</td><td>0.3 kW</td><td>1U</td><td>Enterprise AC ToR</td></tr>
<tr><td>Cooling</td><td>Motivair In-Rack CDU</td><td>48V DC</td><td>1.8 kW</td><td>4U</td><td>Liquid to Liquid</td></tr>
<tr><td>Cooling</td><td>Vertiv CoolChip CDU121</td><td>48V DC</td><td>1.5 kW</td><td>2U</td><td>120L/min In-Rack CDU</td></tr>
<tr><td>Cooling</td><td>Envicool In-Rack L2L CDU</td><td>48V DC</td><td>2.0 kW</td><td>4U</td><td>Dual pump 48V DC CDU</td></tr>
<tr><td>Cooling</td><td>Vertiv XDU 70 CDU</td><td>AC</td><td>1.8 kW</td><td>0U</td><td>Standard AC CDU</td></tr>
<tr><td>Cooling</td><td>APC Liebert CRV In-Row</td><td>AC</td><td>4.5 kW</td><td>0U</td><td>AC In-Row Cooling</td></tr>
</tbody>
</table>
</div>
</div>
</details>
<details open="" style="margin-top:16px">
<summary>Cooling Estimation User Guide & Disclaimer</summary>
<div class="details-body">
<p class="small"><b>Purpose:</b> The Cooling section in Tower of Power is designed for early-stage proposal, capacity planning, and BOM estimation. It does not replace detailed HVAC or cooling system design.</p>
<ul class="small">
<li><b>PUE Baseline:</b> Uses Target PUE to estimate total facility overhead. This represents facility-level overhead, not specific cooling equipment power.</li>
<li><b>Air / Liquid Estimate:</b> Uses simplified thermal split (air vs liquid) and empirical electrical overhead ratios to estimate planning-level cooling power.</li>
<li><b>Cooling Power Level:</b> Represents electrical overhead ratio (fans, pumps, CDU auxiliaries). It is not COP, EER, or vendor efficiency.</li>
<li><b>Manual Equipment Rows:</b> Intended for vendor-aligned, equipment-specific power sizing. Overrides Auto Estimate.</li>
</ul>
<p class="small"><b>Disclaimer:</b> All cooling results are indicative estimates only. Final cooling system design must be validated by qualified cooling engineers and equipment vendors.</p>
</div>
</details>
</div>
</div>
</section>
</div>
</main>
</div>
<script>
const MODULE_KW = 3.3;
const CONTROLLER_MODULE_CAP = 18;
const POWER_CONTROLLER_U = 2.5;
const MAX_MODULES_PER_STAGE = 360;
const MAX_QTY_BY_CATEGORY = { gpu: 20, cpu: 50, sw: 50, cool: 20 };
const MODULES_PER_U = 3;
const SHELF_CONTROLLER_PN = 'CM-12CM-P10U';
const RECTIFIER_SHELF_PN = 'PF-1103-P20N';
const INVERTER_SHELF_PN = 'PF-1103-P21N';
const INVERTER_SHELF_PN_STANDARD = 'PF-1103-P21N';
const INVERTER_SHELF_PN_MGX = 'PF-2662-P2xN';
const DCDC_SHELF_PN = 'PF-1103-P22N';
const DCDC_SHELF_PN_STANDARD = 'PF-1103-P22N';
const DCDC_SHELF_PN_MGX = 'PF-1103-P25N';
const HALF_U_PX = 28;
const FULL_RACK_HALF_U = 84;
const BAY_GAP_U = 1.0;
const GPU_GAP_U = 1.0;
const moduleParts = {
  rectifier: 'PS-2332-01Px-LF',
  inverter400: 'IM-2332-01Px-XX',
  inverter800: 'IM-2332-01Py-XX',
  aux12: 'DD-1202-TR0x-ROHS',
  aux24: 'DD-1302-01Px-ROHS',
  lv48: 'PS-2332-02Px-LF',
  gpu51: 'PS-2332-02Px-LF',
  pv: 'PS-2332-01Py-LF',
  batteryBoost: 'DD-2352-02Px-LF',
  batteryDirect: 'Direct connection'
};

const referenceParts = [
  {pn:'PS-2332-01Px-LF',desc:'Industrial 3.3kW Rectifier',type:'rectifier',input:'AC 190–305Vac / DC 200–440V',output:'250–920Vdc',bus:'400/800V DC Bus'},
  {pn:'PS-2332-02Px-LF',desc:'60V 3.3kW Rectifier / 400V to 51V stage',type:'dcdc',input:'DC 300–450V',output:'42–64Vdc / 51V nominal',bus:'51V DC Bus'},
  {pn:'IM-2332-01Px-XX',desc:'400V 3.3kVA Inverter',type:'inverter',input:'290–450Vdc',output:'120Vac / 240Vac',bus:'AC Load'},
  {pn:'IM-2332-01Py-XX',desc:'800V 3.3kVA Inverter',type:'inverter',input:'560–900Vdc',output:'120Vac / 240Vac',bus:'AC Load'},
  {pn:'DD-1202-TR0x-ROHS',desc:'12V DC-DC Converter',type:'aux',input:'DC 300–440V',output:'10.8–14Vdc',bus:'Aux DC'},
  {pn:'DD-1302-01Px-ROHS',desc:'24V DC-DC Converter',type:'aux',input:'DC 300–440V',output:'21.6–28Vdc',bus:'Aux DC'},
  {pn:'DD-2352-02Px-LF',desc:'D2D Converter',type:'battery',input:'-50Vdc',output:'350Vdc',bus:'400V DC Bus'},
  {pn:'DD-2352-02P1-LF',desc:'PF-2662 MGX 48V to 350V DC/DC module, 3kW',type:'dcdc',input:'44–60Vdc / 48V nominal',output:'350Vdc',bus:'400V DC Bus'},
  {pn:'PF-1103-P20N',desc:'3 Slot Rectifier Shelf',type:'rectifier',input:'-',output:'-',bus:'Mechanical'},
  {pn:'PF-1103-P21N',desc:'3 Slot Inverter Shelf',type:'inverter',input:'-',output:'-',bus:'Mechanical'},
  {pn:'PF-1103-P22N',desc:'3 Slot Power Shelf 60V',type:'dcdc',input:'-',output:'-',bus:'Mechanical'},
  {pn:'PF-1103-P25N',desc:'19 inch MGX 10kW 60V Shelf',type:'dcdc',input:'-',output:'-',bus:'Mechanical'},
  {pn:'PF-2662-P2xN',desc:'19 inch MGX 6.6kVA Inverter Shelf',type:'inverter',input:'48Vdc nominal / 44–60Vdc',output:'240Vac nominal / 200–300Vac adjustable',bus:'Mechanical'},
  {pn:'PF-2662-P20N',desc:'MGX inverter shelf with C19 outlets',type:'inverter',input:'48Vdc nominal / 44–60Vdc',output:'240Vac nominal / C19 outlets',bus:'Mechanical'},
  {pn:'PF-2662-P22N',desc:'MGX inverter shelf with C39 outlets',type:'inverter',input:'48Vdc nominal / 44–60Vdc',output:'240Vac nominal / C39 outlets',bus:'Mechanical'},
  {pn:'CM-12CM-P10U',desc:'Power Shelf Controller',type:'controller',input:'-',output:'-',bus:'Control'},
  {pn:'CM-14MP-1-P',desc:'Power Management Controller',type:'controller',input:'-',output:'-',bus:'Control'},
  {pn:'CP-48EC-P20U',desc:'Rack Controller 12V–48V',type:'controller',input:'12–48V',output:'Control',bus:'Control'},
  {pn:'CP-48EC-P40U',desc:'Rack Controller 12V–48V AC & DC Input',type:'controller',input:'12–48V / AC or DC',output:'Control',bus:'Control'},
  {pn:'CP-48EC-P50U',desc:'Inverter Rack Controller',type:'controller',input:'12–48V',output:'Control',bus:'Control'}
];
function refPartByPN(pn){ return referenceParts.find(x=>x.pn===pn) || null; }

const RACK_ACCESSORY_DATASHEET_URL = 'https://powerinnovations.com/wp-content/uploads/2026/01/DATA151-Rack-Mount-Accessories.pdf';
const rackAccessoryParts = [
  {pn:'KE-0001-014N', desc:'19” MGX to 21” ORv3 Adapter Kit', type:'rackAccessory', appliesTo:'PF-2662-P2xN / PF-1103-P25N', note:'Adapter shelf for 19” MGX power shelf to mount with ORv3 power shelf rails. Source: DATA151.'},
  {pn:'MT03146', desc:'21” OCP 1OU Power Shelf Rails (Set)', type:'rackAccessory', appliesTo:'Used with KE-0001-014N', note:'Rail set for 21” OCP ORv3 power shelf. Source: DATA151.'},
  {pn:'KE-0001-015N', desc:'19” MGX 1OU Power Shelf Rails (Set)', type:'rackAccessory', appliesTo:'PF-2662-P2xN / PF-1103-P25N', note:'Rail set for PF-2662-P2xN and PF-1103-P25N. Source: DATA151.'}
];

// v1.7.49 Full Part Number mapping imported from Pii Part Numbers for power.xlsx, with PF-2662 C39 corrected to PF-2662-P22N.
const piiFullPartNumberTable = [
  {
    "Full Part Number": "CM-12CM-P10U",
    "Model": "CM-12CM-P10U",
    "Description": "Pii Shelf Controller for 19\" EIA Power Shelves"
  },
  {
    "Full Part Number": "CM-14MP-1-P",
    "Model": "CM-14MP-1-P",
    "Description": "Power Management Controller - 19\" MGX"
  },
  {
    "Full Part Number": "CP-48EC-P40U",
    "Model": "CP-48EC-P40U",
    "Description": "Rectifier Rack Controller, AC&DC Input with 12-48Vdc Aux Output"
  },
  {
    "Full Part Number": "CP-48EC-P50U",
    "Model": "CP-48EC-P50U",
    "Description": "Inverter Rack Controller, 290-900Vdc Input with 12-48Vdc Aux Output"
  },
  {
    "Full Part Number": "DD-1202-TR01-ROHS",
    "Model": "DD-1202-TR0x-ROHS",
    "Description": "12V 2kW DC-DC Converter Front to Back Airflow"
  },
  {
    "Full Part Number": "DD-1202-TR02-ROHS",
    "Model": "DD-1202-TR0x-ROHS",
    "Description": "12V 2kW DC-DC Converter Back to Front Airflow"
  },
  {
    "Full Part Number": "DD-1302-01P1-ROHS",
    "Model": "DD-1302-01Px-ROHS",
    "Description": "3kW, 290-440Vdc to 24Vdc DC-DC Converter  Front to Back Airflow"
  },
  {
    "Full Part Number": "DD-1302-01P2-ROHS",
    "Model": "DD-1302-01Px-ROHS",
    "Description": "3kW, 290-440Vdc to 24Vdc DC-DC Converter Back to Front Airflow"
  },
  {
    "Full Part Number": "DD-2352-02P1-LF",
    "Model": "DD-2352-02Px-LF",
    "Description": "60V 3.5kW DC/DC PSU Front to Back Airflow (slim)"
  },
  {
    "Full Part Number": "DD-2352-02P2-LF",
    "Model": "DD-2352-02Px-LF",
    "Description": "60 V 3.5kW DC/DC PSU Back to Front Airflow (slim)"
  },
  {
    "Full Part Number": "IM-2332-01P1-DC",
    "Model": "IM-2332-01Px-XX",
    "Description": "400 V 3.3kVA Inverter Front to Back Airflow (MGX version)"
  },
  {
    "Full Part Number": "IM-2332-01P1-DT",
    "Model": "IM-2332-01Px-XX",
    "Description": "400 V 3.5kVA maximum Inverter Front to Back Airflow (MGX version)"
  },
  {
    "Full Part Number": "IM-2332-01P1-50",
    "Model": "IM-2332-01Px-XX",
    "Description": "3.3kVA Inverter - 290-440Vdc input, Front to Back Airflow, 50Hz Config"
  },
  {
    "Full Part Number": "IM-2332-01P1-LF",
    "Model": "IM-2332-01Px-XX",
    "Description": "3.3kVA Inverter - 290-440Vdc input, Front to Back Airflow"
  },
  {
    "Full Part Number": "IM-2332-01P1-TH",
    "Model": "IM-2332-01Px-XX",
    "Description": "400Vdc In 3.3kVA Inverter Front to Back Airflow"
  },
  {
    "Full Part Number": "IM-2332-01P2-LF",
    "Model": "IM-2332-01Px-XX",
    "Description": "3.3kVA Inverter - 520-900Vdc input, Front to Back Airflow"
  },
  {
    "Full Part Number": "IM-2332-01P2-TH",
    "Model": "IM-2332-01Py-XX",
    "Description": "800 V 3.3kVA Inverter Front to Back Airflow"
  },
  {
    "Full Part Number": "IM-2332-01P3-LF",
    "Model": "IM-2332-01Px-XX",
    "Description": "3.3kVA Inverter - 290-440Vdc input, Back to Front Airflow"
  },
  {
    "Full Part Number": "IM-2332-01P4-LF",
    "Model": "IM-2332-01Py-XX",
    "Description": "3.3kVA Inverter - 520-900Vdc input, Back to Front Airflow"
  },
  {
    "Full Part Number": "PF-1103-P20N",
    "Model": "PF-1103-P20N",
    "Description": "3 wide, 10kW Rectifier Power shelf for PS-2332-01Px-LF"
  },
  {
    "Full Part Number": "PF-1103-P21N",
    "Model": "PF-1103-P21N",
    "Description": "3 wide, 10kVA Inverter Power shelf for IM-2332-01Px-XX & IM-2332-01Py-XX"
  },
  {
    "Full Part Number": "PF-1103-P22N",
    "Model": "PF-1103-P22N",
    "Description": "3 wide, 10kW Rectifier Power Shelf for PS-2332-02Px-LF - EIA Version"
  },
  {
    "Full Part Number": "PF-1103-P25N",
    "Model": "PF-1103-P25N",
    "Description": "3 wide, 10kW Rectifier Power shelf for PS-2332-02Px-LF - MGX Version"
  },
  {
    "Full Part Number": "PF-1602-P20N",
    "Model": "PF-1602-P20N",
    "Description": "3 wide, 9kW 12 or 24V DC-DC Converter Power Shelf"
  },
  {
    "Full Part Number": "PF-2662-P20N",
    "Model": "PF-2662-P2xN",
    "Description": "19” MGX 6.6kVA Inverter Shelf with C19 outlets"
  },
  {
    "Full Part Number": "PF-2662-P21N",
    "Model": "PF-2662-P21N",
    "Description": "19\" EIA 6.6kVA Industrial Inverter Shelf"
  },
  {
    "Full Part Number": "PF-2662-P22N",
    "Model": "PF-2662-P2xN",
    "Description": "19” MGX 6.6kVA Inverter Shelf with C39 outlets"
  },
  {
    "Full Part Number": "PS-2332-01P1-LF",
    "Model": "PS-2332-01Px-LF",
    "Description": "3.3kW, 190-305Vac/200-440Vdc Input Rectifier, Front to Back Airflow"
  },
  {
    "Full Part Number": "PS-2332-01P2-LF",
    "Model": "PS-2332-01Px-LF",
    "Description": "3.3kW, 190-305Vac/200-440Vdc Input Rectifier, Back to Front Airflow"
  },
  {
    "Full Part Number": "PS-2332-01P5-LF",
    "Model": "PS-2332-01Py-LF",
    "Description": "Solar 3.3kW Rectifier Front to Back Airflow"
  },
  {
    "Full Part Number": "PS-2332-01P6-LF",
    "Model": "PS-2332-01Py-LF",
    "Description": "Solar 3.3kW Rectifier Back to Front Airflow"
  },
  {
    "Full Part Number": "PS-2332-02P1-LF",
    "Model": "PS-2332-02Px-LF",
    "Description": "60V 3.3kW Rectifier Front to Back Airflow"
  },
  {
    "Full Part Number": "PS-2332-02P2-LF",
    "Model": "PS-2332-02Px-LF",
    "Description": "60V 3.3kW Rectifier Back to Front Airflow"
  },
  {
    "Full Part Number": "PS-2332-02P3-LF",
    "Model": "PS-2332-02Py-LF",
    "Description": "Solar 60V 3.3kW Rectifier Front to Back Airflow"
  },
  {
    "Full Part Number": "PS-2332-02P4-LF",
    "Model": "PS-2332-02Py-LF",
    "Description": "Solar 60V 3.3kW Rectifier Back to Front Airflow"
  },
  {
    "Full Part Number": "PS-2332-EVC1-LF",
    "Model": "PS-2332-EVCx-LF",
    "Description": "UL2202 3.3kW Rectifier Front to Back Airflow"
  },
  {
    "Full Part Number": "PS-2332-EVC2-LF",
    "Model": "PS-2332-EVCx-LF",
    "Description": "UL2202 3.3kW Rectifier Back to Front Airflow"
  },
  {
    "Full Part Number": "RC-E303-H14N",
    "Model": "RC-E303-H14N",
    "Description": "30kW Power Stack, 3 PF-1103-P20N Shelves & CP-48EC-P30U Controller"
  },
  {
    "Full Part Number": "RC-E603-H14N",
    "Model": "RC-E603-H14N",
    "Description": "60kW Power Stack, 6 PF-1103-P20N Shelves & CP-48EC-P30U Controller"
  },
  {
    "Full Part Number": "EMT00153",
    "Model": "Accessory",
    "Description": "1RU Side Panel, Pii Power Shelf Assembly (set of 2)"
  },
  {
    "Full Part Number": "EMT00242",
    "Model": "Accessory",
    "Description": "2RU Side Panel, Pii Power Shelf Assembly (set of 2)"
  },
  {
    "Full Part Number": "EMT00387",
    "Model": "Accessory",
    "Description": "3RU Side Panel, Pii Power Shelf Assembly (set of 2)"
  },
  {
    "Full Part Number": "EMT00388",
    "Model": "Accessory",
    "Description": "4RU Side Panel, Pii Power Shelf Assembly (set of 2)"
  },
  {
    "Full Part Number": "EMT00257",
    "Model": "Accessory",
    "Description": "5RU Side Panel, Pii Power Shelf Assembly (set of 2)"
  },
  {
    "Full Part Number": "EMT00100",
    "Model": "Accessory",
    "Description": "6RU Side Panel, Pii Power Shelf Assembly (set of 2)"
  },
  {
    "Full Part Number": "EMT00390",
    "Model": "Accessory",
    "Description": "7RU Side Panel, Pii Power Shelf Assembly (set of 2)"
  },
  {
    "Full Part Number": "8A0V2A-US",
    "Model": "Accessory",
    "Description": "8RU Side Panel, Pii Power Shelf Assembly (set of 2)"
  },
  {
    "Full Part Number": "KE-0001-010N",
    "Model": "Accessory",
    "Description": "1RU Side Plate Mounting Hardware Kit (QTY 17)"
  },
  {
    "Full Part Number": "KE-0001-015N",
    "Model": "Accessory",
    "Description": "19\" MGX Power Shelf Rail Kit 1OU (set of 2)"
  },
  {
    "Full Part Number": "MT03146",
    "Model": "Accessory",
    "Description": "21\" OCP ORV3 Power Shelf Rail Kit 1OU (set of 2)"
  },
  {
    "Full Part Number": "KE-0001-014N",
    "Model": "Accessory",
    "Description": "19\" MGX to 21\" ORV3 Shelf adapter"
  },
  {
    "Full Part Number": "KE-0001-007N",
    "Model": "Accessory",
    "Description": "Controller CAN Cable Accessory Kit"
  },
  {
    "Full Part Number": "KE-0001-008N",
    "Model": "Accessory",
    "Description": "2RU+ CAN & Modbus Shelf Comm. Accessories"
  },
  {
    "Full Part Number": "KE-0001-009N",
    "Model": "Accessory",
    "Description": "Shelf to Shelf Phase Sync Comm. Accessories"
  },
  {
    "Full Part Number": "KE-0001-016N",
    "Model": "Accessory",
    "Description": "1U Bus Bar Assembly Hardware"
  },
  {
    "Full Part Number": "KE-0001-012N",
    "Model": "Accessory",
    "Description": "30kW Grid Forming Kit"
  }
];
const piiFullPartNumberMap = piiFullPartNumberTable.reduce((acc,row)=>{
  const model = String(row.Model || '').trim();
  const full = String(row['Full Part Number'] || '').trim();
  if(!model || !full) return acc;
  if(!acc[model]) acc[model] = [];
  if(!acc[model].some(x=>x.full===full)) acc[model].push({full, description:String(row.Description || '').trim()});
  return acc;
}, {});
function getModelSelectionRules(){
  return {
    powerAirflow:document.getElementById('powerModuleAirflow')?.value || 'f2b',
    solarAirflow:document.getElementById('solarRectifierAirflow')?.value || 'f2b',
    inverterRange:document.getElementById('inverterInputRange')?.value || 'auto',
    inverterAirflow:document.getElementById('inverterAirflow')?.value || 'f2b',
    inverterConfig:document.getElementById('inverterConfigVariant')?.value || 'standard',
    pf2662Outlet:document.getElementById('pf2662OutletType')?.value || 'c19',
    rackMountStyle:getRackMountStyle(),
    powerModuleAirflow:document.getElementById('powerModuleAirflow')?.value || 'f2b',
    solarRectifierAirflow:document.getElementById('solarRectifierAirflow')?.value || 'f2b',
    inverterInputRange:document.getElementById('inverterInputRange')?.value || 'auto',
    inverterAirflow:document.getElementById('inverterAirflow')?.value || 'f2b',
    inverterConfigVariant:document.getElementById('inverterConfigVariant')?.value || 'standard',
    pf2662OutletType:document.getElementById('pf2662OutletType')?.value || 'c19'
  };
}
function fullModelNumberForPN(pn, contextText=''){
  const raw = String(pn || '').trim();
  if(!raw || raw==='-' || /^direct connection$/i.test(raw) || /^unsupported$/i.test(raw)) return raw;
  const r = getModelSelectionRules();
  const s = raw;
  // PF-2662 outlet type selection
  if(/^PF-2662-P2xN$/i.test(s) || /^PF-2662-P20N$/i.test(s) || /^PF-2662-P22N$/i.test(s)) return r.pf2662Outlet === 'c39' ? 'PF-2662-P22N' : 'PF-2662-P20N';
  // Exact full part number stays exact
  if(piiFullPartNumberTable.some(x=>String(x['Full Part Number']).trim()===s)) return s;
  const ctx = String(contextText || '').toLowerCase();
  const f2b = (r.powerAirflow === 'f2b');
  const solarF2b = (r.solarAirflow === 'f2b');
  const invF2b = (r.inverterAirflow === 'f2b');
  const bus = document.getElementById('busVoltage')?.value || '400';
  const invRange = r.inverterRange === 'auto' ? bus : r.inverterRange;
  // DCDC / rectifier / solar rules
  if(/^PS-2332-01Px-LF$/i.test(s)) return f2b ? 'PS-2332-01P1-LF' : 'PS-2332-01P2-LF';
  if(/^PS-2332-01Py-LF$/i.test(s)) return solarF2b ? 'PS-2332-01P5-LF' : 'PS-2332-01P6-LF';
  if(/^PS-2332-02Px-LF$/i.test(s)) return f2b ? 'PS-2332-02P1-LF' : 'PS-2332-02P2-LF';
  if(/^PS-2332-02Py-LF$/i.test(s)) return solarF2b ? 'PS-2332-02P3-LF' : 'PS-2332-02P4-LF';
  if(/^PS-2332-EVCx-LF$/i.test(s)) return f2b ? 'PS-2332-EVC1-LF' : 'PS-2332-EVC2-LF';
  if(/^DD-1202-TR0x-ROHS$/i.test(s)) return f2b ? 'DD-1202-TR01-ROHS' : 'DD-1202-TR02-ROHS';
  if(/^DD-1302-01Px-ROHS$/i.test(s)) return f2b ? 'DD-1302-01P1-ROHS' : 'DD-1302-01P2-ROHS';
  if(/^DD-2352-02Px-LF$/i.test(s)) return f2b ? 'DD-2352-02P1-LF' : 'DD-2352-02P2-LF';
  // Inverter rules
  if(/^IM-2332-01Px-XX$/i.test(s) || /^IM-2332-01Py-XX$/i.test(s)){
    if(r.inverterConfig === 'mgx_dc') return 'IM-2332-01P1-DC';
    if(r.inverterConfig === 'mgx_dt') return 'IM-2332-01P1-DT';
    if(r.inverterConfig === '50hz') return 'IM-2332-01P1-50';
    if(invRange === '800') return invF2b ? 'IM-2332-01P2-TH' : 'IM-2332-01P4-LF';
    if(r.inverterConfig === 'th') return invF2b ? 'IM-2332-01P1-TH' : 'IM-2332-01P3-LF';
    return invF2b ? 'IM-2332-01P1-LF' : 'IM-2332-01P3-LF';
  }
  return s;
}
function annotateFullModelRow(row, kind){
  const clone = Object.assign({}, row);
  if(kind==='module'){
    clone['Full Model Number'] = fullModelNumberForPN(clone['Module PN'] || '', `${clone['Function']||''} ${clone['Input Voltage']||''} ${clone['Output Voltage']||''} ${clone['Controller']||''}`);
  }else if(kind==='bay'){
    clone['Full Model Number'] = fullModelNumberForPN(clone['Bay / Item'] || '', `${clone['Configuration']||''} ${clone['Mechanical']||''} ${clone['Notes']||''}`);
  }
  return clone;
}
function getFullModelNumberFromRackItem(it){
  if(!it) return '';
  return fullModelNumberForPN(it.pn || it.bayType || it.controllerPN || '', `${it.title||''} ${it.shelfLabel||''} ${it.meta||''}`);
}

if(s.autoCooling){
    if(s.coolingMode==='pue'){
      autoCool = Math.max(0, itPower * Math.max(s.targetPUE-1, 0));
      airThermal = itPower;
      coolingAssumption = `PUE Baseline · Target PUE ${fmt(s.targetPUE,2)} · facility overhead = IT × (PUE - 1)`;
    }else{
      const coverage = coolingCoverageByArchitecture(s);
      const profile = coolingIntensityFactors(s.coolingIntensity);
      envThermal = s.envHeat || 0;
      liquidThermal = itPower * coverage;
      airThermal = itPower * (1-coverage) + envThermal;
      const baseCoolingPower = (airThermal * profile.air) + (liquidThermal * profile.liquid);
      reserveKW = baseCoolingPower * (s.coolingReserve || 0);
      autoCool = Math.max(baseCoolingPower + reserveKW, gpuPower>0?s.minCooling:0);
      coolingAssumption = `${profile.label} · ${Math.round(coverage*100)}% liquid coverage · ${fmt(envThermal)} kW container heat`;
    }
  }

return {loads:activeLoads,itPower,gpuPower,manualCool,autoCool,liquidThermal,airThermal,envThermal,reserveKW,coolingAssumption};
}
function moduleCountFromKW(kw, s){
  const safeKW = Math.max(0, Number(kw) || 0);
  const safeDerate = Math.max(0.5, Math.min(1, Number(s.derate) || 0.9));
  const mcap = MODULE_KW * safeDerate;
  let mods = safeKW > 0 ? Math.ceil(safeKW / mcap) : 0;
  if(s.nplus1 && mods > 0) mods += 1;
  if(mods > MAX_MODULES_PER_STAGE){ console.warn('Module count capped to protect browser rendering:', mods); mods = MAX_MODULES_PER_STAGE; }
  return mods;
}
function controllerPNForRole(role){
 if(role === 'inverter'){
   const invStyle = document.getElementById('inverterShelfStyle')?.value || 'standard';
   return invStyle === 'mgx' ? '' : 'CP-48EC-P50U';
 }
 return 'CP-48EC-P40U';
}
function powerShelfPNForRole(role){
 if(role === 'inverter'){
  const invStyle = document.getElementById('inverterShelfStyle')?.value || 'standard';
  return invStyle === 'mgx' ? INVERTER_SHELF_PN_MGX : INVERTER_SHELF_PN_STANDARD;
 }
 if(['rectifier','gensetRectifier','pv','lv48'].includes(role)) return RECTIFIER_SHELF_PN;
 const style = document.getElementById('dcdcShelfStyle')?.value || 'standard';
 return style === 'mgx' ? DCDC_SHELF_PN_MGX : DCDC_SHELF_PN_STANDARD;
}
function shelfQtyFromModules(mods){
 return Math.max(0, Math.ceil((Number(mods) || 0) / MODULES_PER_U));
}
function pf2662SetQtyFromModules(mods){
 return Math.max(0, Math.ceil((Number(mods) || 0) / 2));
}
function isMgxInverterStyle(){ return (document.getElementById('inverterShelfStyle')?.value || 'standard') === 'mgx'; }

function updateToggleLabels(){
 const pvOn=document.getElementById('pvEnable').checked;
 const telecomOn=document.getElementById('telecomEnable') ? document.getElementById('telecomEnable').checked : false;
 const btOn=document.getElementById('batteryEnable').checked;
 const gsOn=document.getElementById('gensetEnable').checked;
 document.getElementById('pvEnableLabel').textContent=pvOn?'On':'Off';
 const telecomLabel=document.getElementById('telecomEnableLabel'); if(telecomLabel) telecomLabel.textContent=telecomOn?'On':'Off';
 document.getElementById('batteryEnableLabel').textContent=btOn?'On':'Off';
 document.getElementById('gensetEnableLabel').textContent=gsOn?'On':'Off';
 syncCoolingControls();
 syncShelfStyleControls();
}

if(toggle) toggle.checked=isAuto;
  if(autoLabel) autoLabel.classList.toggle('active', isAuto);
  if(manualLabel) manualLabel.classList.toggle('active', !isAuto);

setBlockDisabled('coolingEquipmentBlock', isAuto);
  setBlockDisabled('coolingAssumptionBlock', !isAuto);
  setFieldDisabled('coolingMode', !isAuto);
  updateCoolingIntensityLabel();

['fieldTargetPUE','fieldCoolingArch','fieldLiquidCoverage','fieldCoolingIntensity','fieldEnvHeat','fieldCoolingReserve','fieldMinCooling'].forEach(id=>setFieldVisible(id,false));

if(!isAuto){
    setFieldDisabled('coolingArch', true);
    if(note) note.textContent='Use Equipment Rows is selected. Cooling Equipment rows are included as ToP-powered load. AC/DC input type follows each selected equipment.';
    return;
  }

if(mode==='pue'){
    setFieldVisible('fieldTargetPUE', true);
    setFieldDisabled('targetPUE', false);
    setFieldDisabled('coolingArch', true);
    if(note) note.textContent='PUE Baseline is selected. Only Target PUE is used. Cooling / facility overhead = IT Load × (Target PUE - 1), and that overhead is included as ToP-powered AC load.';
  }else{
    setFieldVisible('fieldCoolingArch', true);
    setFieldVisible('fieldCoolingIntensity', true);
    setFieldVisible('fieldEnvHeat', true);
    setFieldVisible('fieldCoolingReserve', true);
    setFieldVisible('fieldMinCooling', true);
    setFieldVisible('fieldLiquidCoverage', arch==='hybrid');
    setFieldDisabled('coolingArch', false);
    ['coolingIntensity','envHeat','coolingReserve','minCooling','liquidCoverage'].forEach(id=>setFieldDisabled(id,false));
    if(note) note.textContent= arch==='hybrid'
      ? 'Air / Liquid Estimate is selected. Cooling Power Level adjusts early-stage air/liquid estimation factors; estimated cooling power is included as ToP-powered AC load.'
      : 'Air / Liquid Estimate is selected. Architecture preset fixes liquid coverage; Cooling Power Level adjusts early-stage estimation factors and estimated cooling power is included as ToP-powered AC load.';
  }
}
function getBatteryCompatibility(s){
  const notes=[];
  let invalid=false;
  if(!s.batteryEnable) return {invalid:false,notes};
  if(s.bus===400 && s.batteryVoltage===800){
    invalid=true;
    notes.push('Pii lacks 800Vdc → 400Vdc Battery DCDC. Select 400V bus or change battery voltage.');
  }
  if(s.bus===800 && s.batteryVoltage!==800){
    invalid=true;
    notes.push('800V bus requires 800V battery direct connection. Pii lacks step-up to 800V.');
  }
  return {invalid,notes};
}
function renderCompatibilityNotice(compat){
  const box=document.getElementById('compatNote');
  if(!box) return;
  if(!compat.notes.length){ box.classList.add('hidden'); box.innerHTML=''; return; }
  box.classList.remove('hidden');
  box.innerHTML='<strong>Compatibility Notice</strong><div class="small" style="margin-top:6px;color:var(--bad)">'+compat.notes.join('<br>')+'</div>';
}
function computeSystem(loads,s){
  let nativeAC=0,nativeDC=0;
  loads.forEach(l=>{const p=l.effKW*l.qty; if(l.inputType==='AC') nativeAC+=p; else nativeDC+=p;});
  const inverterAC = s.mode==='dc_only' ? 0 : nativeAC;
  const auxDC = s.aux12+s.aux24+s.aux48;
  const gpu51 = loads.filter(l=>l.cat==='gpu').reduce((a,b)=>a+b.effKW*b.qty,0);
  
  let dcBus = nativeDC + (inverterAC/0.95) + auxDC;
  const gpu51_margin = gpu51;
  const inverterAC_margin = inverterAC;
  const aux12_margin = s.aux12;
  const aux24_margin = s.aux24;
  const aux48_margin = s.aux48;

// Inverter Standard: PF-1103-P21N + CP-48EC-P50U, packed with controller bay.
   // Inverter MGX: PF-2662-P2xN only, no CP-48EC-P50U, split into independent 1U draggable shelves.
   if(m.role === 'inverter'){
     if(inverterStyle === 'mgx'){
       const pfSetQty = pf2662SetQtyFromModules(m.mods);
       bom.push({item:INVERTER_SHELF_PN_MGX,config:`51V→240Vac MGX inverter shelf sets / PF-2662-P2xN`,qty:pfSetQty,eachU:1,totalU:pfSetQty,note:'PF-2662 is a complete 1U 51V-to-240Vac shelf set. Each set is filled with 2× DD-2352-02P1-LF + 2× IM-2332-01P1-DC + 1× CM-14MP-1-P. CP-48EC-P50U is not required.'});
       bom.push({item:'CM-14MP-1-P',config:`PF-2662 power management controllers`,qty:pfSetQty,eachU:0,totalU:0,note:'One PMC per PF-2662 shelf set'});
       for(let r=0;r<pfSetQty;r++){
         items.push({uid:`${m.role}-mgx-${r}-${seq++}`,kind:'dcdc',partType:'inverter',mgx:true,shelfLabel:'PF-2662 51V→240Vac 1U',title:'PF-2662 51V→240Vac Inverter Shelf (filled 1U)',pn:'PF-2662-P2xN',used:2,u:1,rowCount:1,slots:Array.from({length:MODULES_PER_U},(_,i)=>i<2),group:'power'});
       }
       return;
     }
     // standard inverter falls through to controller packaging below
   }

if(m.controller){
     const packed = packController(m.mods, m.role);
     const byController = {};
     let shelfQty = 0;
     let moduleRowTotal = 0;
     packed.forEach(p=>{
       byController[p.controllerPN] = (byController[p.controllerPN] || 0) + 1;
       shelfQty += p.shelfControllers;
       moduleRowTotal += p.moduleRows;
     });
     Object.entries(byController).forEach(([pn, qty])=>{
       if(pn){
         bom.push({item:pn,config:`${m.label} / ${m.pn}`,qty,eachU:POWER_CONTROLLER_U,totalU:qty*POWER_CONTROLLER_U,note:`2.5U controller, max ${CONTROLLER_MODULE_CAP} modules each`});
       }
     });
     if(moduleRowTotal>0){
       const shelfPN = powerShelfPNForRole(m.role);
       bom.push({item:shelfPN,config:`${m.label} module shelves / ${m.pn}`,qty:moduleRowTotal,eachU:1,totalU:moduleRowTotal,note:'One shelf per 3 modules; adds one shelf at module #4, #7, #10, etc.'});
     }
     if(shelfQty>0){
       bom.push({item:SHELF_CONTROLLER_PN,config:`${m.label} shelf controllers`,qty:shelfQty,eachU:0,totalU:0,note:'One shelf controller per module U / layer'});
     }
     packed.forEach((p,idx)=>items.push({
       uid:`${m.role}-${idx}-${seq++}`,
       kind:'bay',
       partType:inferPartType(`${m.role} ${m.label} ${m.pn}`),
       title:m.label,
       bayType:p.controllerPN,
       controllerPN:p.controllerPN,
       pn:m.pn,
       used:p.used,
       cap:p.cap,
       u:p.u + POWER_CONTROLLER_U,
       controllerU:POWER_CONTROLLER_U,
       moduleRows:p.moduleRows,
       shelfControllers:p.shelfControllers,
       slots:Array.from({length:p.moduleRows*MODULES_PER_U},(_,i)=>i<p.used),
       group:'power'
     }));
     return;
   }

// Non-controller DCDC stages. MGX splits into independent 1U draggable shelves.
   const shelfPN = powerShelfPNForRole(m.role);
   bom.push({item:shelfPN,config:`${m.label} DCDC converter shelves / ${m.pn}`,qty:rowCount,eachU:1,totalU:rowCount,note:'One shelf per 3 DCDC modules; adds one shelf at module #4, #7, #10, etc.'});
   bom.push({item:SHELF_CONTROLLER_PN,config:`${m.label} shelf controllers`,qty:rowCount,eachU:0,totalU:0,note:'One shelf controller per module U / layer'});
   if(dcdcStyle==='mgx'){
     for(let r=0;r<rowCount;r++){
       items.push({uid:`${m.role}-mgx-${r}-${seq++}`,kind:'dcdc',partType:'dcdc',mgx:true,shelfLabel:'MGX DCDC 1U',title:m.label + ' (MGX 1U)',pn:m.pn,used:Math.max(0,Math.min(MODULES_PER_U, m.mods - r*MODULES_PER_U)),u:1,rowCount:1,slots:Array.from({length:MODULES_PER_U},(_,i)=>(r*MODULES_PER_U+i)<m.mods),group:'power'});
     }
   }else{
     items.push({uid:`${m.role}-${seq++}`,kind:'dcdc',partType:'dcdc',mgx:false,title:m.label,pn:m.pn,used:m.mods,u:rowCount,rowCount:rowCount,slots:Array.from({length:rowCount*MODULES_PER_U},(_,i)=>i<m.mods),group:'power'});
   }
 });
 applyRackMountAccessoriesToBom(bom);
 return {items,bom};
}
function buildComputeItems(baseLoads){
 const out=[]; let seq=0;
 baseLoads.forEach(l=>{
   const qty=clampQtyValue(l.cat,l.qty);
   if(!l.ru||l.ru<=0||qty<=0) return;
   const visualQty=Math.min(qty,12);
   for(let i=0;i<visualQty;i++) out.push({uid:`${l.cat}-${l.id||l.name}-${i}-${seq++}`,kind:'compute',role:l.cat,title:l.name,u:l.ru,pn:l.note||'',meta:`${fmt(l.effKW)} kW`,group:l.cat==='gpu'?'gpu':'other-compute'});
   const hiddenQty=qty-visualQty;
   if(hiddenQty>0) out.push({uid:`summary-${l.cat}-${seq++}`,kind:'summary',role:l.cat,title:`${l.name} · ${hiddenQty} additional unit(s) summarized`,u:1,pn:l.note||'',meta:`${hiddenQty} unit(s) not drawn to protect browser performance`,group:l.cat==='gpu'?'gpu':'other-compute'});
 });
 return out;
}
function measureGroupHalfU(items, gapU){
  let total=0;
  items.forEach((it, idx)=>{ if(idx>0) total += Math.round(gapU*2); total += Math.round((it.u||0)*2); });
  return total;
}
function allocToRacks(items, gapU, startingRack=1){
  const racks=[]; let rackIndex=0;
  function ensureRack(){ if(!racks[rackIndex]) racks[rackIndex]={rackNo:startingRack+rackIndex, items:[], usedHalf:0}; return racks[rackIndex]; }
  items.forEach((it, idx)=>{
    const hu=Math.round((it.u||0)*2);
    const rack=ensureRack();
    const gapHalf = rack.items.length>0 ? Math.round(gapU*2) : 0;
    let target=rack;
    while(target.usedHalf + gapHalf + hu > FULL_RACK_HALF_U){ rackIndex += 1; target = ensureRack(); }
    const actualGap = target.items.length>0 ? Math.round(gapU*2) : 0;
    if(actualGap>0){ target.items.push({kind:'gap',u:gapU,half:actualGap}); target.usedHalf += actualGap; }
    target.items.push(it); target.usedHalf += hu;
  });
  return racks;
}
function allocSingleRackCombined(powerItems, computeItems){
  const rack={rackNo:1, items:[], usedHalf:0};
  powerItems.forEach((it, idx)=>{
    const gap = rack.items.length>0 ? Math.round(BAY_GAP_U*2) : 0;
    if(gap){ rack.items.push({kind:'gap',u:BAY_GAP_U,half:gap}); rack.usedHalf += gap; }
    rack.items.push(it); rack.usedHalf += Math.round(it.u*2);
  });
  computeItems.forEach((it, idx)=>{
    const gapU = it.group==='gpu' ? GPU_GAP_U : 0;
    const gap = rack.items.length>0 ? Math.round(gapU*2) : 0;
    if(gap){ rack.items.push({kind:'gap',u:gapU,half:gap}); rack.usedHalf += gap; }
    rack.items.push(it); rack.usedHalf += Math.round(it.u*2);
  });
  return [rack];
}

// PF-2662 is a shelf set. IM and DD rows inside PF-2662 are converted into shelf count only once.
  const pfRows = rows.filter(r=>/pf-2662|51v.*240|240vac/i.test(String(r['Function']||'')) || /^IM-/i.test(String(r['Module PN']||'')));
  const hasPF2662Rows = inverterStyle==='mgx' && pfRows.length>0;
  if(hasPF2662Rows){
    let maxSets=0;
    pfRows.forEach(r=>{ maxSets=Math.max(maxSets, pf2662SetQtyFromModules(Number(r['Modules']||0)||0)); });
    if(maxSets>0){
      bom.push({item:INVERTER_SHELF_PN_MGX,config:`51V→240Vac MGX inverter shelf sets / ${fullModelNumberForPN('PF-2662-P2xN')}`,qty:maxSets,eachU:1,totalU:maxSets,mechanical:'MGX',note:'Manual module count applied. Each PF-2662 shelf set contains 2× DD + 2× IM + 1× CM-14MP-1-P.'});
      bom.push({item:'CM-14MP-1-P',config:`PF-2662 power management controllers`,qty:maxSets,eachU:0,totalU:0,note:'One PMC per PF-2662 shelf set'});
      for(let r=0;r<maxSets;r++){
        items.push({uid:`manual-pf2662-${r}-${seq++}`,kind:'dcdc',partType:'inverter',mgx:true,shelfLabel:'PF-2662 51V→240Vac 1U',title:'PF-2662 51V→240Vac Inverter Shelf (manual count)',pn:fullModelNumberForPN('PF-2662-P2xN'),used:2,u:1,rowCount:1,slots:Array.from({length:MODULES_PER_U},(_,i)=>i<2),group:'power'});
      }
    }
  }

rows.forEach((row, rowIdx)=>{
    const pn=fixMojibake(String(row['Module PN']||'').trim());
    if(hasPF2662Rows && (/pf-2662|51v.*240|240vac/i.test(String(row['Function']||'')) || /^IM-/i.test(pn) || /^DD-2352/i.test(pn))) return;
    const mods=Math.max(0, Math.floor(Number(row['Modules']||0)||0));
    if(!mods) return;
    const role=manualModuleRoleFromRow(row);
    const label=manualModuleRowToLabel(row, role);
    const kw=parseKWFromCell(row['Req. Power']);
    const controllerText=String(row['Controller']||'');
    const hasController = controllerText && !/^no$/i.test(controllerText) && !/direct/i.test(controllerText) && !/unsupported/i.test(controllerText);

if(hasController){
      const packed = packController(mods, role);
      const byController={}; let shelfQty=0, moduleRowTotal=0;
      packed.forEach(p=>{ byController[p.controllerPN]=(byController[p.controllerPN]||0)+1; shelfQty+=p.shelfControllers; moduleRowTotal+=p.moduleRows; });
      Object.entries(byController).forEach(([cpn,qty])=>{ if(cpn) bom.push({item:cpn,config:`${label} / ${fullModelNumberForPN(pn, label)}`,qty,eachU:POWER_CONTROLLER_U,totalU:qty*POWER_CONTROLLER_U,note:`Manual module count; 2.5U controller, max ${CONTROLLER_MODULE_CAP} modules each`}); });
      if(moduleRowTotal>0){
        const shelfPN=powerShelfPNForRole(role);
        bom.push({item:shelfPN,config:`${label} module shelves / ${fullModelNumberForPN(pn, label)}`,qty:moduleRowTotal,eachU:1,totalU:moduleRowTotal,note:'Manual module count; one shelf per 3 modules.'});
      }
      if(shelfQty>0) bom.push({item:SHELF_CONTROLLER_PN,config:`${label} shelf controllers`,qty:shelfQty,eachU:0,totalU:0,note:'Manual module count; one shelf controller per module U / layer'});
      packed.forEach((p,idx)=>items.push({uid:`manual-${role}-${rowIdx}-${idx}-${seq++}`,kind:'bay',partType:inferPartType(`${role} ${label} ${pn}`),title:label,bayType:p.controllerPN,controllerPN:p.controllerPN,pn,used:p.used,cap:p.cap,u:p.u+POWER_CONTROLLER_U,controllerU:POWER_CONTROLLER_U,moduleRows:p.moduleRows,shelfControllers:p.shelfControllers,slots:Array.from({length:p.moduleRows*MODULES_PER_U},(_,i)=>i<p.used),group:'power'}));
      return;
    }

if(s.autoCooling){
    if(s.coolingMode==='pue'){
      rows.push(`<tr><td>ToP-powered PUE baseline overhead</td><td>-</td><td>${fmt(pre.autoCool)} kW</td><td class="small">${pre.coolingAssumption}. This value is added as AC load through ToP output.</td></tr>`);
    }else{
      const profile=coolingIntensityFactors(s.coolingIntensity);
      rows.push(`<tr><td>Liquid-cooled heat</td><td>${fmt(pre.liquidThermal)} kW</td><td>-</td><td class="small">Liquid factor ${profile.liquid.toFixed(2)} from ${profile.label}.</td></tr>`);
      rows.push(`<tr><td>Residual air heat + container heat</td><td>${fmt(pre.airThermal)} kW</td><td>-</td><td class="small">Air factor ${profile.air.toFixed(2)} from ${profile.label}.</td></tr>`);
      rows.push(`<tr><td>ToP-powered cooling electrical load</td><td>-</td><td>${fmt(pre.autoCool)} kW</td><td class="small">${pre.coolingAssumption}; includes reserve ${fmt((s.coolingReserve||0)*100,0)}%. This value is added as AC load through ToP output.</td></tr>`);
      if(pre.manualCool>0){
        rows.push(`<tr><td>Selected cooling equipment</td><td>-</td><td>${fmt(pre.manualCool)} kW</td><td class="small">Reference only while Auto Estimate is enabled; it does not override the cooling model.</td></tr>`);
      }
    }
  }else{
    if(pre.manualCool>0){
      rows.push(`<tr><td>ToP-powered equipment rows cooling load</td><td>-</td><td>${fmt(pre.manualCool)} kW</td><td class="small">Manual mode uses Cooling Equipment rows. AC/DC input type follows the selected equipment.</td></tr>`);
    }else{
      rows.push(`<tr><td>Equipment rows cooling power</td><td>-</td><td>0.0 kW</td><td class="small">Manual mode is selected but no Cooling Equipment rows are configured.</td></tr>`);
    }
  }
  body.innerHTML=rows.join('');
}

backdrop.style.display='flex'; const first=body.querySelector('input'); if(first){ first.focus(); first.select(); }
}
function closeManualRowModal(){ const backdrop=document.getElementById('manualRowModalBackdrop'); if(backdrop) backdrop.style.display='none'; activeManualModal=null; }
function saveManualRowModal(){
 if(!activeManualModal) return;
 const {kind,rowIdx}=activeManualModal; const rows=kind==='module'?manualModuleRows:manualBayRows; const row=rows[rowIdx]; if(!row) return;
 document.querySelectorAll('#manualRowModalBody input, #manualRowModalBody select').forEach(inp=>{ const col=inp.dataset.col; let v=fixMojibake(inp.value); if(['Each U','Total U'].includes(col) && v!=='' && !String(v).toUpperCase().endsWith('U')) v=v+'U'; row[col]=v; });
 if(kind==='bay'){
   const ref=refPartByPN(row['Bay / Item']); if(ref && isPFPart(ref.pn) && normalizeUValue(row['Each U'])<=0) row['Each U']=estimateUForPart(ref.pn)+'U';
   const q=parseFloat(row['Qty']||0)||0; const u=normalizeUValue(row['Each U']); row['Total U']=(q*u).toFixed(1)+'U';
   renderManualBayTable(); refreshRackFromCurrentState();
 }else{ const ref=refPartByPN(row['Module PN']); if(ref){ row['Input Voltage']=ref.input; row['Output Voltage']=ref.output; } Object.assign(row, annotateFullModelRow(row,'module')); renderManualModuleTable(); recalc(); }
 closeManualRowModal();
}
function deleteManualRow(kind,rowIdx){
 if(!manualOverride[kind]) enableManualEdit(kind);
 const rows=kind==='module'?manualModuleRows:manualBayRows; rows.splice(rowIdx,1);
 if(kind==='bay'){ renderManualBayTable(); refreshRackFromCurrentState(); } else renderManualModuleTable();
}
function renderManualTable(tableId, cols, rows, kind){
 const table=document.getElementById(tableId); if(!table) return; ensureActionHeader(table);
 const tbody=table.querySelector('tbody'); tbody.innerHTML='';
 rows.forEach((r,rowIdx)=>{
   const tr=document.createElement('tr'); cols.forEach(col=>tr.appendChild(makeDisplayCell(r,col)));
   const td=document.createElement('td'); td.className='action-col'; const wrap=document.createElement('div'); wrap.className='row-action-wrap';
   const edit=document.createElement('button'); edit.type='button'; edit.className='icon-action edit'; edit.title='Edit item'; edit.setAttribute('aria-label','Edit item'); edit.innerHTML=iconSvg('edit'); edit.onclick=()=>openManualRowModal(kind,rowIdx);
   const del=document.createElement('button'); del.type='button'; del.className='icon-action delete'; del.title='Delete item'; del.setAttribute('aria-label','Delete item'); del.innerHTML=iconSvg('delete'); del.onclick=()=>deleteManualRow(kind,rowIdx);
   wrap.appendChild(edit); wrap.appendChild(del); td.appendChild(wrap); tr.appendChild(td); tbody.appendChild(tr);
 });
 setManualBadge(kind);
}
function renderManualModuleTable(){ renderManualTable('moduleTable', MODULE_TABLE_COLS, manualModuleRows, 'module'); }
function renderManualBayTable(){ renderManualTable('bayTable', BAY_TABLE_COLS, manualBayRows, 'bay'); }
function refreshRackFromCurrentState(){
 try{
   if(!lastSysData) return;
   const base=flatten(), s=settings(), pre=applyCooling(base,s), phys=buildPhysical(lastSysData.sys), racks=buildRackGroups(pre.loads, phys);
   pendingRackModel=racks; rackDirty=true;
   if(document.getElementById('view-rack')?.classList.contains('active')){ renderRack(pendingRackModel); rackDirty=false; }
 }catch(e){ console.warn('Manual rack refresh skipped:', e); }
}
function buildPhysicalFromManualBayRows(){
 const items=[], bom=[]; let seq=0;
 manualBayRows.forEach((r,idx)=>{
   const item=fixMojibake(String(r['Bay / Item']??'Manual Item').trim() || 'Manual Item');
   const config=fixMojibake(String(r['Configuration']??'Manual item'));
   const qty=Math.max(0, Math.floor(Number(r['Qty']??1) || 0));
   const eachU=normalizeUValue(r['Each U']);
   const totalU=normalizeUValue(r['Total U']) || qty*eachU;
   const mech=fixMojibake(String(r['Mechanical']??'-')); const notes=fixMojibake(String(r['Notes']??''));
   bom.push({item, config, qty, eachU, totalU, note:notes, mechanical:mech});
   if(eachU>0 && qty>0){ for(let q=0;q<qty;q++){ const ref=refPartByPN(item); const role=(ref?ref.type:inferPartType(`${item} ${config} ${mech} ${notes}`)); items.push({uid:`manual-bay-${idx}-${q}-${seq++}`,kind:'compute',role:role,title:`${item} · ${config}`,u:eachU,pn:item,meta:`${mech} · ${eachU.toFixed(1)}U`,group:'power',manual:true,mgx:/MGX/i.test(mech),partType:role}); } }
 });
 return {items,bom};
}

function renderSLD(sys, settings, loads) {
    const sld = document.getElementById('sld-container');
    if(!sld) return;
    const W = 1120, H = 520;
    const bus400X = 420, bus51X = 680;
    const busY1 = 50, busY2 = 470;
    const blockW = 150, blockH = 54;
    const blocks=[];
    const blockById={};
    const dcdcIsMGX = (document.getElementById('dcdcShelfStyle')?.value || 'standard') === 'mgx';
    const mgxInv = isMgxInverterStyle();

// Source / conversion blocks. Source blocks are fixed and drawn with icons.
    addBlock('grid','AC-DC rectifier',`${fmt(sys.dcBus)} kW`,moduleParts.rectifier,`${settings.acInputVoltage}Vac`,`${settings.bus}Vdc`,'400',190,72,'#ffffff','#16a34a','source',`${settings.acInputVoltage}Vac → ${settings.bus}Vdc`);
    if(settings.gensetEnable) addBlock('genset','AC-DC rectifier',`${fmt(settings.gensetPower||0)} kW`,moduleParts.rectifier,`${settings.gensetVoltage}Vac`,`${settings.bus}Vdc`,'400',190,150,'#ffffff','#16a34a','source','Genset input');
    if(settings.pvEnable) addBlock('pv','DC-DC converter',`${fmt(settings.pvPower)} kW`,moduleParts.pv,`${settings.pvVoltage}Vdc`,`${settings.bus}Vdc`,'400',190,228,'#fff7ed','#ca8a04','source','PV input');
    if(settings.batteryEnable) addBlock('battery','DC-DC converter',`${fmt(settings.batteryPower||0)} kW`,moduleParts.batteryBoost,`${settings.batteryVoltage}Vdc`,`${settings.bus}Vdc`,'400',190,306,'#fff7ed','#f97316','source','Battery stage');

if(sys.gpu51 > 0 || (settings.aux48||0) > 0){
      addBlock('dcdc51', dcdcIsMGX ? 'MGX DC-DC converter' : 'DC-DC converter', `${fmt(sys.gpu51 + (settings.aux48||0))} kW`, moduleParts.gpu51, `${settings.bus}Vdc`, '51Vdc', '51', 500, 110, '#eff6ff', '#0284c7', 'converter', dcdcIsMGX ? 'MGX 400V↔51V' : '400V↔51V');
    }

if(sys.inverterAC > 0){
      if(mgxInv){
        const setQty=pf2662SetQtyFromModules(moduleCountFromKW(sys.inverterAC, settings));
        addBlock('inverter','MGX Inverter',`${fmt(sys.inverterAC)} kW · ${setQty} set(s)`,'PF-2662-P2xN','51Vdc','240Vac','ac',500,300,'#faf5ff','#7e22ce','converter','MGX 51Vdc → 240Vac');
      }else{
        addBlock('inverter','DC-AC inverter',`${fmt(sys.inverterAC)} kW`,settings.bus === 800 ? moduleParts.inverter800 : moduleParts.inverter400,`${settings.bus}Vdc`,`${settings.acOutputVoltage}Vac`,'ac',500,220,'#faf5ff','#7e22ce','converter',`${settings.bus}Vdc → ${settings.acOutputVoltage}Vac`);
      }
    }

const aux12_24=(settings.aux12||0)+(settings.aux24||0);
    if(aux12_24>0) addBlock('aux1224','DC-DC converter',`${fmt(aux12_24)} kW`,settings.aux24>0?moduleParts.aux24:moduleParts.aux12,`${settings.bus}Vdc`,'12/24Vdc','400',500,380,'#ecfdf5','#0f766e','converter','12V / 24V AUX');

// v1.7.50: Manual module quantity edits do not change SLD topology.
    // SLD remains based on the electrical architecture generated from configuration settings only.

// Source icons and fixed horizontal wiring: icon -> source block -> 400V bus.
    ['grid','genset','pv','battery'].forEach(id=>{
      const b=blockById[id];
      if(!b) return;
      const cy=mid(b).y;
      const iconX=70;
      svg += sourceIcon(id, iconX, cy);
      svg += line(iconX+30, cy, left(b).x, cy, '#94a3b8');
      svg += line(right(b).x, cy, bus400X, cy, '#f59e0b', '', 'marker-end="url(#arrowOrange)"');
    });

const dcdc=blockById.dcdc51;
    if(dcdc){
      svg += line(bus400X,mid(dcdc).y,left(dcdc).x,mid(dcdc).y,'#f59e0b','','marker-end="url(#arrowOrange)"');
      svg += line(right(dcdc).x,mid(dcdc).y,bus51X,mid(dcdc).y,'#0ea5e9','','marker-start="url(#arrowBlue)" marker-end="url(#arrowBlue)"');
    }

blocks.filter(b=>b.kind==='manual').forEach(b=>{
      const bus=getSldBus(b); const y=mid(b).y;
      if(bus==='51') svg += line(bus51X,y,left(b).x,y,'#0ea5e9','5 4','marker-end="url(#arrowBlue)"');
      else if(bus==='ac' && inv) svg += line(right(inv).x,mid(inv).y,left(b).x,y,'#64748b','5 4','marker-end="url(#arrowGray)"');
      else svg += line(bus400X,y,left(b).x,y,'#f59e0b','5 4','marker-end="url(#arrowOrange)"');
    });

blocks.forEach(b=>{ svg += drawBlock(b); });
    svg += `</svg>`;
    sld.innerHTML = svg;
    attachSldDragHandlers(blocks);
    const sel=document.getElementById('sldSelectedBlock');
    const busSel=document.getElementById('sldBusSelect');
    const selectedBlock=blocks.find(b=>b.id===selectedSldBlockId);
    if(sel) sel.value = selectedBlock ? `${selectedBlock.label} (${selectedBlock.id})` : 'None';
    if(busSel) busSel.value = selectedBlock ? ((sldLayoutOverrides[selectedBlock.id]?.bus)||'auto') : 'auto';
}
function attachSldDragHandlers(blocks){
  const svg=document.getElementById('sldSvg'); if(!svg) return;
  const blockMap=new Map(blocks.map(b=>[b.id,b]));
  svg.querySelectorAll('.sld-block').forEach(g=>{
    const id=g.dataset.id;
    const b=blockMap.get(id);
    if(!b) return;
    // External sources and load blocks stay fixed. Only converters and manual module blocks can be repositioned.
    if(!(b.kind==='converter' || b.kind==='manual')){
      g.style.cursor='default';
      return;
    }
    g.addEventListener('pointerdown', e=>{
      selectedSldBlockId=id;
      const pt=svg.createSVGPoint(); pt.x=e.clientX; pt.y=e.clientY; const p=pt.matrixTransform(svg.getScreenCTM().inverse());
      sldDragState={id,dx:p.x-b.x,dy:p.y-b.y,moved:false};
      g.setPointerCapture(e.pointerId);
      e.preventDefault();
    });
    g.addEventListener('pointermove', e=>{
      if(!sldDragState || sldDragState.id!==g.dataset.id) return;
      const pt=svg.createSVGPoint(); pt.x=e.clientX; pt.y=e.clientY; const p=pt.matrixTransform(svg.getScreenCTM().inverse());
      let nx=Math.max(10,Math.min(960,p.x-sldDragState.dx));
      let ny=Math.max(10,Math.min(455,p.y-sldDragState.dy));
      if(!sldLayoutOverrides[sldDragState.id]) sldLayoutOverrides[sldDragState.id]={};
      sldLayoutOverrides[sldDragState.id].x=nx; sldLayoutOverrides[sldDragState.id].y=ny;
      g.setAttribute('transform',`translate(${nx},${ny})`);
      sldDragState.moved=true;
    });
    g.addEventListener('pointerup', e=>{
      if(sldDragState){ sldDragState=null; recalc(); }
    });
  });
}
function recalc(){
  try{
    syncRowsFromDOM();
    // Keep manual rack drag/drop overrides across recalculation and PDF export.
 updateToggleLabels();
    const s=settings(), base=flatten(), pre=applyCooling(base,s), sys=computeSystem(pre.loads,s);
    let phys=buildPhysical(sys);
    phys=applyManualModuleRowsToPhysical(phys, sys);
    const racks=buildRackGroups(pre.loads, phys);
    lastSysData = { loads: pre.loads, sys: sys, phys: phys };
    renderCompatibilityNotice(sys.compat || {invalid:false,notes:[]});
    renderLoadTable(pre.loads,s); renderCoolingTable(pre,s); renderModuleTable(sys); renderBayTable(phys); pendingRackModel=racks; rackDirty=true; if(document.getElementById('view-rack')?.classList.contains('active')){ renderRack(pendingRackModel); rackDirty=false; } updatePUE(pre,s);
    renderSLD(sys, s, pre.loads);
  }catch(err){
    console.error('Recalculation failed:', err);
    const status = document.getElementById('rackStatus');
    if(status) status.innerHTML = `<strong style="color:var(--bad)">Recalculation failed</strong><div class="small">${err.message}</div>`;
  }
}

// v1.7.50: manual module quantity edits update rack items while SLD topology remains stable.
 // The order below intentionally follows the PDF report output: summary first, then BOM tables.
 addCsvTitle(lines, 'Tower of Power Configuration Report');
 addCsvKeyValueTable(lines, 'Report Information', [
   ['Version', state.version || 'v1.7.50'],
   ['Export Time', new Date().toLocaleString()],
   ['Rack Mount Type', state.settings?.rackMountStyle || 'mgx19'],
   ['DCDC Shelf Style', state.settings?.dcdcShelfStyle || 'standard'],
   ['Inverter Shelf Style', state.settings?.inverterShelfStyle || 'standard']
 ]);
 addCsvKeyValueTable(lines, '1. System KPI Summary', collectKpiRowsForCsv());
 addCsvTable(lines, '2. ToP Module Count', 'moduleTable');
 addCsvTable(lines, '3. Physical Bay BOM', 'bayTable');
 addCsvTable(lines, '4. Load Details', 'loadTable');
 addCsvTable(lines, '5. Cooling Summary', 'coolingTable');
 addCsvTable(lines, '6. Rack Layout', 'rackList');
 addCsvKeyValueTable(lines, '7. Configuration Settings', collectSettingsRowsForCsv(state));

addCsvTitle(lines, 'Import Snapshot - Do Not Edit');
 appendImportSnapshot(lines, state);

const kpiHTML = document.getElementById('kpi-block')?.innerHTML || '';
  const loadWrap = document.getElementById('loadTable')?.parentElement?.outerHTML || '';
  const coolWrap = document.getElementById('coolingTable')?.parentElement?.outerHTML || '';
  const modWrap  = document.getElementById('moduleTable')?.parentElement?.outerHTML || '';
  const bayWrap  = document.getElementById('bayTable')?.parentElement?.outerHTML || '';
  const sldHTML  = document.getElementById('sld-container')?.innerHTML || '';

const rackHTML = sanitizeRackHTML(document.getElementById('rackGallery')?.innerHTML || '');
  const now = new Date().toLocaleString();

const w = window.open('', '_blank');
  if(!w){ alert('Popup blocked. Please allow popups for this file to export PDF.'); return; }

// IMPORTANT: Include the full base CSS so Rack Page absolute positioning renders correctly in the print window.
  const baseCSS = document.querySelector('style')?.innerHTML || '';
  const printCSS = `
    /* Print window overrides */
    html,body{margin:0;padding:0;background:#fff;color:#000;}
    .print-header{text-align:center;border-bottom:2px solid #000;padding:10px 0;margin:0 0 14px 0;}
    .print-header h1{margin:0;font-size:24px;}
    .print-header p{margin:4px 0 0 0;font-size:12px;color:#666;}
    /* KPI: force 4 columns in report */
    .summary{display:grid !important; grid-template-columns:repeat(4,1fr) !important; gap:12px !important; margin-bottom:14px !important;}
    /* Tables */
    table{width:100% !important; border-collapse:collapse !important; font-size:10px !important;}
    th,td{border:1px solid #ccc !important; padding:6px !important; text-align:left !important; vertical-align:top !important;}
    th{background:#f0f0f0 !important;}
    .table-wrap{overflow:visible !important; border:none !important;}
    /* SLD */
    #sld-box{border:1px solid #ccc;border-radius:8px;padding:8px;margin-bottom:12px;}
    #sld-box svg{max-width:100%;height:auto;}
    /* Rack print layout: v1.7.45 uses portrait-oriented rack pages where the browser supports named pages. */
    .rack-print-section{page:rackPortrait; break-before:page; page-break-before:always;}
    .rack-page{display:flex !important; justify-content:center !important; gap:8px !important; flex-wrap:nowrap !important;}
    .rack-card{width:32% !important; max-width:32% !important; zoom:0.32 !important; page-break-inside:avoid !important; break-inside:avoid !important; border:1px solid #ccc !important; border-radius:12px !important; padding:10px !important; background:#fff !important;}
    .rack-shell{background:#f8fafc !important; border:2px solid #94a3b8 !important; border-radius:12px !important; padding:10px !important;}
    /* Ensure rack grid height is kept for print */
    .rack-grid{height:2380px !important; overflow:visible !important;}
    .rack-layout{grid-template-columns:28px minmax(120px,1fr) 112px !important;}
    .rack-label-lane{display:block !important; height:2380px !important;}
    .rack-side-label{display:flex !important; font-size:10.5px !important;}
    /* v1.7.45: remove rack note and keep one MGX label only */
    .mgx-rack-note,.pdf-mgx-marker{display:none !important;}
    .mgx-label{display:block !important;}
    @media print{
      @page{size: landscape; margin: 12mm;}
      @page rackPortrait{size: landscape; margin: 8mm;}
      *{-webkit-print-color-adjust:exact !important; print-color-adjust:exact !important;}
    }
  `;

w.document.open();
  w.document.write(`<!doctype html><html><head><meta charset="utf-8"><title>ToP Report</title>
    <style>${baseCSS}\n${printCSS}
/* v1.7.42 ToP key parameter MGX switch spacing - scoped only to direct top parameter style selector row */
.top-params > .row3:first-of-type{grid-template-columns:1fr 1fr !important;gap:0 !important;align-items:stretch;}
.top-params > .row3:first-of-type > div{padding:0 18px;min-width:0;}
.top-params > .row3:first-of-type > div:first-child{padding-left:0;border-right:2px solid #dbeafe;}
.top-params > .row3:first-of-type > div:nth-child(2){padding-right:0;}
.top-params > .row3:first-of-type .mode-switch{height:auto;min-height:52px;gap:16px;align-items:center;flex-wrap:wrap;}
.top-params > .row3:first-of-type .mode-label{min-width:84px;line-height:1.35;}
.top-params > .row3:first-of-type .field-note{margin-top:8px;max-width:100%;}
@media (max-width:900px){.top-params > .row3:first-of-type{grid-template-columns:1fr !important;gap:14px !important}.top-params > .row3:first-of-type > div:first-child{border-right:none;border-bottom:2px solid #dbeafe;padding-bottom:14px}.top-params > .row3:first-of-type > div{padding:0}}

</style>
  </head><body>
    <div class="print-header"><h1>Tower of Power Configuration Report</h1><p>${now}</p></div>
    <h2>1. System KPI Summary</h2>
    <div class="summary">${kpiHTML}</div>
    <h2>2. Equipment & BOM</h2>
    <div>${loadWrap}</div><div style="height:10px"></div>
    <div>${coolWrap}</div><div style="height:10px"></div>
    <div>${modWrap}</div><div style="height:10px"></div>
    <div>${bayWrap}</div>
    <h2>3. Single Line Diagram</h2>
    <div id="sld-box">${sldHTML}</div>
    <div class="rack-print-section">
      <h2>4. Rack Layout</h2>
      <div class="rack-page">${rackHTML}</div>
    </div>
  </body></html>`);
  w.document.close();
  w.focus();

// Print after layout completes
  const doPrint = ()=>{ try{ w.print(); }catch(e){ console.warn('print failed', e); } };
  w.onload = ()=>{ setTimeout(doPrint, 250); };

}catch(err){
  alert('Export PDF failed: ' + (err && err.message ? err.message : err));
 }
}

function resetAll(){
    rows.gpu=[]; rows.cpu=[]; rows.sw=[]; rows.cool=[]; 
    ['gpu','cpu','sw','cool'].forEach(renderRows); 
    document.getElementById('pvEnable').checked=false;
  if(document.getElementById('telecomEnable')) document.getElementById('telecomEnable').checked=false; 
    document.getElementById('batteryEnable').checked=false; 
    document.getElementById('gensetEnable').checked=false; 
    document.getElementById('pvPower').value='0'; 
    if(document.getElementById('autoCooling')) document.getElementById('autoCooling').value='on';
    if(document.getElementById('coolingEstimateToggle')) document.getElementById('coolingEstimateToggle').checked=true;
    if(document.getElementById('coolingMode')) document.getElementById('coolingMode').value='friendly';
    if(document.getElementById('coolingArch')) document.getElementById('coolingArch').value='hybrid';
    if(document.getElementById('liquidCoverage')) document.getElementById('liquidCoverage').value='70';
    if(document.getElementById('coolingIntensity')) document.getElementById('coolingIntensity').value='3';
    if(document.getElementById('envHeat')) document.getElementById('envHeat').value='5';
    if(document.getElementById('coolingReserve')) document.getElementById('coolingReserve').value='10';
    if(document.getElementById('targetPUE')) document.getElementById('targetPUE').value='1.30';
    if(document.getElementById('minCooling')) document.getElementById('minCooling').value='10';
    document.getElementById('batteryPower').value='0'; 
    document.getElementById('gensetPower').value='0'; 
    document.getElementById('batteryVoltage').value='800';
 if(document.getElementById('inverterShelfStyle')) document.getElementById('inverterShelfStyle').value='standard';
 if(document.getElementById('dcdcShelfStyle')) document.getElementById('dcdcShelfStyle').value='standard';
 if(document.getElementById('rackMountStyle')) document.getElementById('rackMountStyle').value='mgx19'; 
    updateToggleLabels(); syncShelfStyleControls(); recalc();
}

Power Configurator Tool

Power Innovations International