npm - mm-math - Versions diffs - 0.0.0 - Mend

mm-math 0.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (18) hide show

package/control-panel.html ADDED Viewed

@@ -0,0 +1,885 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+<meta charset="UTF-8">
+<script>
+(function(){
+  var n=performance.getEntriesByType('navigation')[0];
+  if(n&&n.type==='reload'){sessionStorage.clear();window.location.replace('./index.html');return;}
+  if(sessionStorage.getItem('mm_auth')!=='true'){window.location.replace('./index.html');return;}
+  if(sessionStorage.getItem('mm_force_change')==='true'){window.location.replace('./change-password.html');return;}
+  var rank=sessionStorage.getItem('mm_rank');
+  if(rank==='administrator'){window.location.replace('./admin.html');return;}
+  if(rank!=='admin'){window.location.replace('./browse.html');}
+})();
+</script>
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<title>Control Center — MM Systems</title>
+<style>
+*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
+:root{
+  --bg:#060d16;--panel:#0a1628;--border:#1a3a5c;
+  --accent:#00d4ff;--green:#00ff88;--red:#ff4757;--yellow:#ffd32a;--purple:#a855f7;
+  --text:#c8d8e8;--muted:#4a6a8a;
+  --glow:0 0 10px rgba(0,212,255,.3);
+}
+body{background:var(--bg);color:var(--text);font-family:'Courier New',monospace;font-size:13px;min-height:100vh;overflow-x:hidden;}
+/* ── Header ── */
+.cc-header{background:var(--panel);border-bottom:1px solid var(--border);padding:12px 24px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:100;}
+.cc-title{font-size:15px;font-weight:bold;color:var(--accent);letter-spacing:3px;text-transform:uppercase;text-shadow:var(--glow);}
+.cc-right{display:flex;align-items:center;gap:24px;font-size:11px;color:var(--muted);}
+.cc-clock{font-size:13px;color:var(--accent);letter-spacing:2px;font-variant-numeric:tabular-nums;}
+.exit-btn{color:var(--muted);text-decoration:none;font-size:11px;letter-spacing:1px;border:1px solid var(--border);padding:4px 10px;border-radius:3px;transition:all .2s;}
+.exit-btn:hover{color:var(--accent);border-color:var(--accent);}
+.status-dot{width:8px;height:8px;border-radius:50%;background:var(--green);display:inline-block;margin-right:6px;animation:blink 2s infinite;}
+@keyframes blink{0%,100%{opacity:1;}50%{opacity:.3;}}
+/* ── Grid ── */
+.cc-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px;padding:20px;max-width:1500px;margin:0 auto;}
+/* ── Panel ── */
+.panel{background:var(--panel);border:1px solid var(--border);border-radius:4px;padding:16px;position:relative;overflow:hidden;}
+.panel::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--accent),transparent);}
+.panel-title{font-size:10px;letter-spacing:2px;text-transform:uppercase;color:var(--accent);margin-bottom:14px;display:flex;align-items:center;justify-content:space-between;}
+.scan-line{position:absolute;left:0;right:0;height:1px;background:rgba(0,212,255,.1);animation:scan 5s linear infinite;pointer-events:none;}
+@keyframes scan{0%{top:0;}100%{top:100%;}}
+/* ── Metrics ── */
+.metric{margin-bottom:12px;}
+.metric-header{display:flex;justify-content:space-between;margin-bottom:4px;font-size:12px;}
+.metric-label{color:var(--muted);}
+.metric-val{color:var(--text);font-weight:bold;font-variant-numeric:tabular-nums;}
+.metric-bar{height:6px;background:rgba(255,255,255,.05);border-radius:3px;overflow:hidden;}
+.metric-fill{height:100%;border-radius:3px;background:linear-gradient(90deg,var(--accent),#0088ff);transition:width 1.2s ease;box-shadow:0 0 8px rgba(0,212,255,.4);}
+.metric-fill.warn{background:linear-gradient(90deg,var(--yellow),#ff8800);box-shadow:0 0 8px rgba(255,211,42,.4);}
+.metric-fill.danger{background:linear-gradient(90deg,var(--red),#c00);box-shadow:0 0 8px rgba(255,71,87,.4);}
+.sparkline{display:flex;align-items:flex-end;gap:3px;height:44px;margin-top:14px;}
+.spark-bar{flex:1;background:linear-gradient(180deg,var(--accent),rgba(0,212,255,.1));border-radius:2px 2px 0 0;transition:height .8s ease;}
+/* ── Stat boxes ── */
+.stat-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
+.stat-box{background:rgba(0,212,255,.04);border:1px solid rgba(0,212,255,.1);border-radius:3px;padding:12px;text-align:center;}
+.stat-number{font-size:26px;font-weight:bold;color:var(--accent);text-shadow:var(--glow);display:block;font-variant-numeric:tabular-nums;}
+.stat-label{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:1px;margin-top:4px;}
+/* ── Activity log ── */
+.log-scroll{background:#020810;border:1px solid var(--border);border-radius:3px;padding:10px;height:180px;overflow:hidden;font-size:11px;line-height:1.6;}
+.log-line{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
+.log-time{color:var(--muted);}
+.log-ok{color:var(--green);}
+.log-warn{color:var(--yellow);}
+.log-info{color:var(--accent);}
+.log-err{color:var(--red);}
+/* ── Security ── */
+.sec-row{display:flex;align-items:center;justify-content:space-between;padding:7px 0;border-bottom:1px solid rgba(255,255,255,.04);font-size:11px;}
+.sec-row:last-child{border-bottom:none;}
+.sec-key{color:var(--muted);}
+.sec-val{color:var(--green);}
+.sec-val.warn{color:var(--yellow);}
+/* ── Geo ── */
+.geo-row{display:flex;align-items:center;gap:10px;margin-bottom:10px;font-size:11px;}
+.geo-label{width:30px;color:var(--muted);}
+.geo-bar-wrap{flex:1;height:8px;background:rgba(255,255,255,.05);border-radius:4px;overflow:hidden;}
+.geo-bar-fill{height:100%;background:linear-gradient(90deg,var(--green),#00aa55);border-radius:4px;transition:width 1.5s ease;}
+.geo-pct{width:35px;text-align:right;color:var(--text);font-variant-numeric:tabular-nums;}
+/* ── Edge nodes ── */
+.node-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:6px;}
+.node{height:28px;border-radius:3px;background:rgba(0,255,136,.08);border:1px solid rgba(0,255,136,.2);display:flex;align-items:center;justify-content:center;font-size:9px;color:var(--green);letter-spacing:.5px;cursor:pointer;transition:all .3s;}
+.node:hover{background:rgba(0,255,136,.18);}
+.node.warn{background:rgba(255,211,42,.08);border-color:rgba(255,211,42,.2);color:var(--yellow);}
+.node.down{background:rgba(255,71,87,.06);border-color:rgba(255,71,87,.2);color:var(--red);}
+.node.down:hover{background:rgba(255,71,87,.18);}
+/* ── System controls ── */
+.ctrl-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;}
+.ctrl-btn{background:rgba(0,212,255,.06);border:1px solid rgba(0,212,255,.2);color:var(--accent);font-family:'Courier New',monospace;font-size:11px;letter-spacing:1px;text-transform:uppercase;padding:10px 6px;border-radius:3px;cursor:pointer;transition:all .2s;}
+.ctrl-btn:hover{background:rgba(0,212,255,.14);border-color:rgba(0,212,255,.4);box-shadow:var(--glow);}
+.ctrl-btn:active{transform:scale(.97);}
+.ctrl-btn.danger-btn{background:rgba(255,71,87,.08);border-color:rgba(255,71,87,.3);color:var(--red);}
+.ctrl-btn.danger-btn:hover{background:rgba(255,71,87,.2);border-color:var(--red);box-shadow:0 0 10px rgba(255,71,87,.4);}
+/* ── Feature flags ── */
+.flag-row{display:flex;align-items:center;justify-content:space-between;padding:9px 0;border-bottom:1px solid rgba(255,255,255,.04);font-size:12px;}
+.flag-row:last-child{border-bottom:none;}
+.flag-name{color:var(--text);}
+.flag-desc{font-size:10px;color:var(--muted);margin-top:2px;}
+.toggle-wrap{position:relative;display:inline-block;width:36px;height:20px;flex-shrink:0;}
+.toggle-wrap input{opacity:0;width:0;height:0;}
+.toggle-track{position:absolute;inset:0;border-radius:10px;background:rgba(255,255,255,.08);border:1px solid var(--border);cursor:pointer;transition:all .3s;}
+.toggle-wrap input:checked + .toggle-track{background:rgba(0,212,255,.3);border-color:var(--accent);}
+.toggle-knob{position:absolute;top:3px;left:3px;width:12px;height:12px;border-radius:50%;background:var(--muted);transition:all .3s;}
+.toggle-wrap input:checked ~ .toggle-knob{left:19px;background:var(--accent);box-shadow:var(--glow);}
+/* ── Interactive terminal ── */
+.iterm{background:#010a12;border:1px solid var(--border);border-radius:3px;display:flex;flex-direction:column;height:300px;}
+.iterm-out{flex:1;overflow-y:auto;padding:10px;font-size:11px;line-height:1.7;scrollbar-width:thin;scrollbar-color:var(--border) transparent;}
+.iterm-out::-webkit-scrollbar{width:4px;}
+.iterm-out::-webkit-scrollbar-track{background:transparent;}
+.iterm-out::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px;}
+.iterm-in{display:flex;align-items:center;gap:6px;padding:8px 10px;border-top:1px solid var(--border);}
+.iterm-prompt{color:var(--green);white-space:nowrap;font-size:11px;}
+.iterm-input{flex:1;background:transparent;border:none;outline:none;color:var(--text);font-family:'Courier New',monospace;font-size:11px;caret-color:var(--accent);}
+.t-cmd{color:var(--accent);}
+.t-ok{color:var(--green);}
+.t-err{color:var(--red);}
+.t-muted{color:var(--muted);}
+.t-warn{color:var(--yellow);}
+.t-b{font-weight:bold;}
+/* ── User table ── */
+.user-table{width:100%;border-collapse:collapse;font-size:11px;}
+.user-table th{color:var(--muted);font-weight:normal;text-align:left;padding:6px 8px;border-bottom:1px solid var(--border);letter-spacing:1px;font-size:10px;text-transform:uppercase;}
+.user-table td{padding:7px 8px;border-bottom:1px solid rgba(255,255,255,.03);}
+.user-table tr:last-child td{border-bottom:none;}
+.user-table tr:hover td{background:rgba(255,255,255,.02);}
+.u-status{font-size:10px;padding:2px 8px;border-radius:10px;}
+.u-status.active{background:rgba(0,255,136,.1);color:var(--green);border:1px solid rgba(0,255,136,.2);}
+.u-status.banned{background:rgba(255,71,87,.1);color:var(--red);border:1px solid rgba(255,71,87,.2);}
+.u-status.idle{background:rgba(255,211,42,.08);color:var(--yellow);border:1px solid rgba(255,211,42,.15);}
+.u-btn{background:transparent;border:1px solid var(--border);color:var(--muted);font-family:'Courier New',monospace;font-size:10px;padding:2px 8px;border-radius:2px;cursor:pointer;transition:all .2s;margin-left:4px;}
+.u-btn:hover{color:var(--accent);border-color:var(--accent);}
+.u-btn.ban-btn:hover{color:var(--red);border-color:var(--red);}
+.u-btn.kick-btn:hover{color:var(--yellow);border-color:var(--yellow);}
+/* ── Deploy pipeline ── */
+.deploy-stages{display:flex;align-items:center;gap:0;margin:16px 0 10px;}
+.stage{flex:1;text-align:center;position:relative;}
+.stage-dot{width:28px;height:28px;border-radius:50%;border:2px solid var(--border);background:var(--bg);margin:0 auto 6px;display:flex;align-items:center;justify-content:center;font-size:11px;transition:all .5s;position:relative;z-index:1;}
+.stage-dot.done{background:var(--green);border-color:var(--green);color:#000;box-shadow:0 0 10px rgba(0,255,136,.4);}
+.stage-dot.active{background:rgba(0,212,255,.2);border-color:var(--accent);color:var(--accent);animation:pulse-ring .8s infinite;}
+.stage-dot.fail{background:rgba(255,71,87,.2);border-color:var(--red);color:var(--red);}
+@keyframes pulse-ring{0%,100%{box-shadow:0 0 0 0 rgba(0,212,255,.4);}50%{box-shadow:0 0 0 6px rgba(0,212,255,0);}}
+.stage-label{font-size:9px;color:var(--muted);letter-spacing:.5px;}
+.stage::before{content:'';position:absolute;top:14px;left:0;right:50%;height:2px;background:var(--border);z-index:0;}
+.stage:first-child::before{display:none;}
+.stage.done::before{background:var(--green);}
+.deploy-log{background:#010a12;border:1px solid var(--border);border-radius:3px;padding:8px;font-size:10px;height:80px;overflow-y:auto;line-height:1.6;scrollbar-width:thin;scrollbar-color:var(--border) transparent;}
+.deploy-controls{display:flex;gap:10px;margin-bottom:14px;}
+.deploy-select{background:var(--bg);border:1px solid var(--border);color:var(--text);font-family:'Courier New',monospace;font-size:11px;padding:6px 10px;border-radius:3px;outline:none;cursor:pointer;}
+.deploy-select:focus{border-color:var(--accent);}
+/* ── Incidents ── */
+.incident{background:rgba(255,255,255,.02);border:1px solid var(--border);border-radius:3px;padding:10px 12px;margin-bottom:8px;display:flex;align-items:flex-start;gap:10px;transition:all .3s;}
+.incident.resolved{opacity:.35;}
+.inc-badge{font-size:9px;font-weight:bold;padding:2px 6px;border-radius:2px;white-space:nowrap;margin-top:1px;}
+.inc-badge.p1{background:rgba(255,71,87,.2);color:var(--red);border:1px solid rgba(255,71,87,.3);}
+.inc-badge.p2{background:rgba(255,211,42,.15);color:var(--yellow);border:1px solid rgba(255,211,42,.25);}
+.inc-badge.p3{background:rgba(0,212,255,.1);color:var(--accent);border:1px solid rgba(0,212,255,.2);}
+.inc-body{flex:1;}
+.inc-title{font-size:12px;color:var(--text);}
+.inc-meta{font-size:10px;color:var(--muted);margin-top:2px;}
+.inc-resolve{background:transparent;border:1px solid var(--border);color:var(--muted);font-family:'Courier New',monospace;font-size:10px;padding:3px 10px;border-radius:2px;cursor:pointer;white-space:nowrap;transition:all .2s;margin-top:2px;}
+.inc-resolve:hover{color:var(--green);border-color:var(--green);}
+.inc-done{font-size:10px;color:var(--green);margin-top:2px;}
+.inc-list{max-height:280px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--border) transparent;}
+/* ── Emergency modal ── */
+.modal-bg{position:fixed;inset:0;background:rgba(0,0,0,.85);z-index:500;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .3s;}
+.modal-bg.open{opacity:1;pointer-events:all;}
+.modal-box{background:#0a0f1a;border:2px solid var(--red);border-radius:6px;padding:32px 40px;max-width:420px;width:90%;text-align:center;box-shadow:0 0 40px rgba(255,71,87,.3);}
+.modal-title{font-size:20px;color:var(--red);letter-spacing:3px;text-transform:uppercase;margin-bottom:8px;}
+.modal-sub{color:var(--muted);font-size:12px;margin-bottom:24px;line-height:1.7;}
+.modal-countdown{font-size:56px;color:var(--red);font-weight:bold;text-shadow:0 0 20px rgba(255,71,87,.6);margin-bottom:24px;font-variant-numeric:tabular-nums;}
+.modal-abort{background:rgba(255,71,87,.1);border:2px solid var(--red);color:var(--red);font-family:'Courier New',monospace;font-size:14px;letter-spacing:2px;text-transform:uppercase;padding:12px 32px;border-radius:4px;cursor:pointer;transition:all .2s;width:100%;}
+.modal-abort:hover{background:rgba(255,71,87,.25);box-shadow:0 0 15px rgba(255,71,87,.4);}
+/* ── Toast ── */
+.toast{position:fixed;bottom:24px;right:24px;background:var(--panel);border:1px solid var(--accent);color:var(--accent);font-family:'Courier New',monospace;font-size:12px;padding:12px 20px;border-radius:4px;box-shadow:var(--glow),0 4px 20px rgba(0,0,0,.5);opacity:0;transform:translateY(10px);transition:all .3s;z-index:400;pointer-events:none;max-width:360px;}
+.toast.show{opacity:1;transform:translateY(0);}
+.toast.toast-err{border-color:var(--red);color:var(--red);}
+.toast.toast-ok{border-color:var(--green);color:var(--green);}
+/* ── Spans ── */
+.span-2{grid-column:span 2;}
+.span-3{grid-column:span 3;}
+/* ── Scrollbar global ── */
+::-webkit-scrollbar{width:4px;height:4px;}
+::-webkit-scrollbar-track{background:transparent;}
+::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px;}
+</style>
+  <link rel="icon" type="image/png" href="/assets/favicon.png">
+</head>
+<body>
+<header class="cc-header">
+  <div class="cc-title">&#11041; MM Control Center</div>
+  <div class="cc-right">
+    <span><span class="status-dot"></span><span style="color:var(--green);font-size:11px;letter-spacing:1px;">ALL SYSTEMS OPERATIONAL</span></span>
+    <span>CLEARANCE: LEVEL 4</span>
+    <span class="cc-clock" id="cc-clock">--:--:--</span>
+    <a href="./browse.html" class="exit-btn">EXIT</a>
+  </div>
+</header>
+<div class="cc-grid">
+  <!-- System resources -->
+  <div class="panel">
+    <div class="scan-line"></div>
+    <div class="panel-title">&#11041; System Resources</div>
+    <div class="metric">
+      <div class="metric-header"><span class="metric-label">CPU LOAD</span><span class="metric-val" id="m-cpu">78%</span></div>
+      <div class="metric-bar"><div class="metric-fill warn" id="b-cpu" style="width:78%"></div></div>
+    </div>
+    <div class="metric">
+      <div class="metric-header"><span class="metric-label">MEMORY</span><span class="metric-val" id="m-mem">61%</span></div>
+      <div class="metric-bar"><div class="metric-fill" id="b-mem" style="width:61%"></div></div>
+    </div>
+    <div class="metric">
+      <div class="metric-header"><span class="metric-label">DISK I/O</span><span class="metric-val" id="m-io">31%</span></div>
+      <div class="metric-bar"><div class="metric-fill" id="b-io" style="width:31%"></div></div>
+    </div>
+    <div class="metric">
+      <div class="metric-header"><span class="metric-label">NETWORK TX</span><span class="metric-val" id="m-net">89%</span></div>
+      <div class="metric-bar"><div class="metric-fill danger" id="b-net" style="width:89%"></div></div>
+    </div>
+    <div class="sparkline" id="sparkline"></div>
+  </div>
+  <!-- Live metrics -->
+  <div class="panel">
+    <div class="panel-title">&#11041; Live Metrics</div>
+    <div class="stat-row">
+      <div class="stat-box"><span class="stat-number" id="s-sessions">892</span><div class="stat-label">Active Sessions</div></div>
+      <div class="stat-box"><span class="stat-number" id="s-rps">1,247</span><div class="stat-label">Requests / sec</div></div>
+      <div class="stat-box"><span class="stat-number" id="s-bw">4.2</span><div class="stat-label">Bandwidth GB/s</div></div>
+      <div class="stat-box"><span class="stat-number" id="s-latency">14</span><div class="stat-label">Avg Latency ms</div></div>
+    </div>
+  </div>
+  <!-- Security -->
+  <div class="panel">
+    <div class="panel-title">&#11041; Security Status</div>
+    <div class="sec-row"><span class="sec-key">Firewall</span><span class="sec-val">ACTIVE</span></div>
+    <div class="sec-row"><span class="sec-key">Encryption</span><span class="sec-val">AES-256-GCM</span></div>
+    <div class="sec-row"><span class="sec-key">Last Threat Scan</span><span class="sec-val" id="s-scan">0s ago</span></div>
+    <div class="sec-row"><span class="sec-key">Intrusion Attempts</span><span class="sec-val warn" id="s-attempts">3 blocked</span></div>
+    <div class="sec-row"><span class="sec-key">TLS Certificate</span><span class="sec-val">Valid (247 days)</span></div>
+    <div class="sec-row"><span class="sec-key">2FA Enforcement</span><span class="sec-val">ACTIVE</span></div>
+    <div class="sec-row"><span class="sec-key">Audit Log</span><span class="sec-val">STREAMING</span></div>
+  </div>
+  <!-- Activity log -->
+  <div class="panel span-2">
+    <div class="panel-title">&#11041; Live Activity Log</div>
+    <div class="log-scroll" id="activity-log"></div>
+  </div>
+  <!-- Geographic -->
+  <div class="panel">
+    <div class="panel-title">&#11041; Traffic by Region</div>
+    <div class="geo-row"><span class="geo-label">US</span><div class="geo-bar-wrap"><div class="geo-bar-fill" id="g-us" style="width:45%"></div></div><span class="geo-pct" id="gp-us">45%</span></div>
+    <div class="geo-row"><span class="geo-label">EU</span><div class="geo-bar-wrap"><div class="geo-bar-fill" id="g-eu" style="width:28%"></div></div><span class="geo-pct" id="gp-eu">28%</span></div>
+    <div class="geo-row"><span class="geo-label">AS</span><div class="geo-bar-wrap"><div class="geo-bar-fill" id="g-as" style="width:18%"></div></div><span class="geo-pct" id="gp-as">18%</span></div>
+    <div class="geo-row"><span class="geo-label">SA</span><div class="geo-bar-wrap"><div class="geo-bar-fill" id="g-sa" style="width:6%"></div></div><span class="geo-pct" id="gp-sa">6%</span></div>
+    <div class="geo-row"><span class="geo-label">OT</span><div class="geo-bar-wrap"><div class="geo-bar-fill" id="g-ot" style="width:3%"></div></div><span class="geo-pct" id="gp-ot">3%</span></div>
+  </div>
+  <!-- Edge nodes -->
+  <div class="panel span-3">
+    <div class="panel-title">&#11041; Edge Node Status <span style="color:var(--muted);font-size:9px;letter-spacing:1px;">CLICK TO RESTART NODE</span></div>
+    <div class="node-grid" id="node-grid"></div>
+  </div>
+  <!-- Interactive terminal -->
+  <div class="panel span-2">
+    <div class="panel-title">&#11041; System Shell <span style="color:var(--muted);font-size:9px;">type "help" for commands</span></div>
+    <div class="iterm" id="iterm">
+      <div class="iterm-out" id="iterm-out"></div>
+      <div class="iterm-in">
+        <span class="iterm-prompt">root@mm-sys:~#</span>
+        <input class="iterm-input" id="iterm-input" type="text" autocomplete="off" spellcheck="false" autofocus>
+      </div>
+    </div>
+  </div>
+  <!-- Feature flags -->
+  <div class="panel">
+    <div class="panel-title">&#11041; Feature Flags</div>
+    <div id="flag-list"></div>
+  </div>
+  <!-- User management -->
+  <div class="panel span-2">
+    <div class="panel-title">&#11041; User Management</div>
+    <div style="overflow-x:auto;">
+      <table class="user-table">
+        <thead>
+          <tr>
+            <th>User</th><th>Last Active</th><th>Sessions</th><th>Status</th><th>Actions</th>
+          </tr>
+        </thead>
+        <tbody id="user-tbody"></tbody>
+      </table>
+    </div>
+  </div>
+  <!-- Incidents -->
+  <div class="panel">
+    <div class="panel-title">&#11041; Incident Tracker <span id="inc-count" style="color:var(--red);font-size:9px;"></span></div>
+    <div class="inc-list" id="inc-list"></div>
+  </div>
+  <!-- Deployment pipeline -->
+  <div class="panel span-2">
+    <div class="panel-title">&#11041; Deployment Pipeline</div>
+    <div class="deploy-controls">
+      <select class="deploy-select" id="deploy-branch">
+        <option>main (v0.0.1)</option>
+        <option>release/3.8-hotfix</option>
+        <option>staging/beta-features</option>
+      </select>
+      <select class="deploy-select" id="deploy-env">
+        <option>Production</option>
+        <option>Staging</option>
+        <option>Edge Preview</option>
+      </select>
+      <button class="ctrl-btn" id="deploy-btn" onclick="startDeploy()" style="flex-shrink:0;padding:6px 20px;">Deploy</button>
+    </div>
+    <div class="deploy-stages" id="deploy-stages"></div>
+    <div class="deploy-log" id="deploy-log"></div>
+  </div>
+  <!-- System controls -->
+  <div class="panel">
+    <div class="panel-title">&#11041; System Controls</div>
+    <div class="ctrl-grid">
+      <button class="ctrl-btn" onclick="toast('Cache flushed — 2.1 GB reclaimed','ok')">Flush Cache</button>
+      <button class="ctrl-btn" onclick="toast('Keys rotated. Next in 24h','ok')">Rotate Keys</button>
+      <button class="ctrl-btn" onclick="toast('Export queued — 2,847 records','ok')">Export Logs</button>
+      <button class="ctrl-btn" onclick="toast('CDN purge across 47 PoPs','ok')">Purge CDN</button>
+      <button class="ctrl-btn" onclick="toast('Health check: 47/47 OK','ok')">Health Check</button>
+      <button class="ctrl-btn danger-btn" onclick="openShutdown()">Emergency Shutdown</button>
+    </div>
+  </div>
+</div>
+<!-- Emergency shutdown modal -->
+<div class="modal-bg" id="shutdown-modal">
+  <div class="modal-box">
+    <div class="modal-title">Emergency Shutdown</div>
+    <div class="modal-sub">All services will be terminated.<br>Active sessions will be dropped.<br>This cannot be undone.</div>
+    <div class="modal-countdown" id="shutdown-countdown">10</div>
+    <button class="modal-abort" onclick="abortShutdown()">ABORT SHUTDOWN</button>
+  </div>
+</div>
+<div class="toast" id="toast-el"></div>
+<script>
+// ── Helpers ────────────────────────────────────────────────────────────────
+function rand(a,b){return Math.floor(Math.random()*(b-a+1))+a;}
+function randF(a,b){return (Math.random()*(b-a)+a).toFixed(1);}
+function now(){return new Date().toLocaleTimeString('en-US',{hour12:false});}
+// ── Clock ─────────────────────────────────────────────────────────────────
+setInterval(function(){document.getElementById('cc-clock').textContent=now();},1000);
+document.getElementById('cc-clock').textContent=now();
+// ── Toast ─────────────────────────────────────────────────────────────────
+var toastTimer;
+function toast(msg,type){
+  var el=document.getElementById('toast-el');
+  el.textContent='> '+msg;
+  el.className='toast show'+(type==='err'?' toast-err':type==='ok'?' toast-ok':'');
+  clearTimeout(toastTimer);
+  toastTimer=setTimeout(function(){el.classList.remove('show');},3200);
+}
+// ── Sparkline ─────────────────────────────────────────────────────────────
+var sparks=[];for(var i=0;i<20;i++)sparks.push(rand(30,90));
+function renderSpark(){
+  var max=Math.max.apply(null,sparks);
+  document.getElementById('sparkline').innerHTML=sparks.map(function(v){
+    return '<div class="spark-bar" style="height:'+(v/max*100)+'%"></div>';
+  }).join('');
+}
+renderSpark();
+// ── System metrics ─────────────────────────────────────────────────────────
+function updateMetrics(){
+  var cpu=rand(52,94),mem=rand(44,78),io=rand(12,65),net=rand(68,97);
+  document.getElementById('m-cpu').textContent=cpu+'%';
+  document.getElementById('m-mem').textContent=mem+'%';
+  document.getElementById('m-io').textContent=io+'%';
+  document.getElementById('m-net').textContent=net+'%';
+  document.getElementById('b-cpu').style.width=cpu+'%';
+  document.getElementById('b-mem').style.width=mem+'%';
+  document.getElementById('b-io').style.width=io+'%';
+  document.getElementById('b-net').style.width=net+'%';
+  document.getElementById('b-cpu').className='metric-fill'+(cpu>85?' danger':cpu>68?' warn':'');
+  document.getElementById('b-mem').className='metric-fill'+(mem>75?' warn':'');
+  document.getElementById('b-net').className='metric-fill'+(net>90?' danger':net>78?' warn':'');
+  document.getElementById('s-sessions').textContent=rand(780,1250).toLocaleString();
+  document.getElementById('s-rps').textContent=rand(900,1700).toLocaleString();
+  document.getElementById('s-bw').textContent=randF(1.8,7.2);
+  document.getElementById('s-latency').textContent=rand(7,38);
+  sparks.push(cpu);sparks.shift();renderSpark();
+}
+updateMetrics();
+setInterval(updateMetrics,2200);
+// ── Scan timer ────────────────────────────────────────────────────────────
+var scanSecs=0;
+setInterval(function(){
+  scanSecs++;
+  document.getElementById('s-scan').textContent=scanSecs<60?scanSecs+'s ago':Math.floor(scanSecs/60)+'m ago';
+  if(scanSecs>=45)scanSecs=0;
+},1000);
+var attempts=3;
+setInterval(function(){
+  if(Math.random()<0.12){attempts++;document.getElementById('s-attempts').textContent=attempts+' blocked';}
+},3500);
+// ── Activity log ──────────────────────────────────────────────────────────
+var logTpls=[
+  ['ok','GET /api/games 200 12ms'],['ok','Session validated uid:'],
+  ['info','Cache hit ratio: '],['ok','Game loaded: '],
+  ['info','CDN refresh: edge-'],['ok','Heartbeat OK: db.primary'],
+  ['warn','Rate limit hit: '],['ok','Auth success: session created'],
+  ['info','TLS 1.3 handshake 8ms'],['ok','Asset served 304: logo.png'],
+  ['info','Replication lag: '],['ok','Health check: 47/47 OK'],
+  ['warn','Retry #1: edge-'],['ok','Queue drained: 0 pending'],
+  ['ok','Backup completed: '],['info','GeoIP lookup: '],
+];
+var lgames=['Tetris','Snake','Pac-Man','Chess','2048','Pong','Breakout','Asteroids','Minesweeper'];
+var lnodes=['nyc-01','lax-02','lhr-01','ams-01','sin-01'];
+var lips=['142.250.','104.21.','172.67.','185.60.','213.133.'];
+function rndLine(){
+  var t=logTpls[Math.floor(Math.random()*logTpls.length)];
+  var type=t[0],text=t[1];
+  if(text.includes('uid:'))text+=Math.random().toString(36).slice(2,10);
+  if(text.includes('Cache hit ratio: '))text+=rand(91,99)+'%';
+  if(text.includes('Game loaded: '))text+=lgames[Math.floor(Math.random()*lgames.length)];
+  if(text.includes('CDN refresh: edge-'))text+=lnodes[Math.floor(Math.random()*lnodes.length)];
+  if(text.includes('Rate limit hit: '))text+=lips[Math.floor(Math.random()*lips.length)]+rand(1,255)+'.'+rand(1,254);
+  if(text.includes('Replication lag: '))text+=rand(0,4)+'ms';
+  if(text.includes('Retry #1: edge-'))text+=lnodes[Math.floor(Math.random()*lnodes.length)];
+  if(text.includes('Backup completed: '))text+=randF(0.8,3.4)+'GB';
+  if(text.includes('GeoIP lookup: '))text+=lips[Math.floor(Math.random()*lips.length)]+rand(1,255)+'.'+rand(1,254);
+  return{type:type,text:text};
+}
+var actLog=document.getElementById('activity-log');
+var actLines=[];
+function addLog(){
+  var e=rndLine();
+  var d=document.createElement('div');
+  d.className='log-line';
+  d.innerHTML='<span class="log-time">'+now()+'</span> <span class="log-'+e.type+'">'+e.text+'</span>';
+  actLines.push(d);
+  if(actLines.length>20){actLines[0].remove();actLines.shift();}
+  actLog.appendChild(d);
+}
+for(var i=0;i<14;i++)addLog();
+setInterval(addLog,750);
+// ── Geo drift ─────────────────────────────────────────────────────────────
+function updateGeo(){
+  var base=[45,28,18,6,3],total=0;
+  var vals=base.map(function(v){return Math.max(1,v+rand(-3,3));});
+  vals.forEach(function(v){total+=v;});
+  ['us','eu','as','sa','ot'].forEach(function(k,i){
+    var p=Math.round(vals[i]/total*100);
+    document.getElementById('g-'+k).style.width=p+'%';
+    document.getElementById('gp-'+k).textContent=p+'%';
+  });
+}
+setInterval(updateGeo,4000);
+// ── Edge nodes ────────────────────────────────────────────────────────────
+var nodeNames=['NYC-01','NYC-02','LAX-01','LAX-02','ORD-01','MIA-01','LHR-01','LHR-02',
+               'AMS-01','FRA-01','SIN-01','SYD-01','NRT-01','GRU-01','JNB-01','DXB-01'];
+function renderNodes(){
+  document.getElementById('node-grid').innerHTML=nodeNames.map(function(name){
+    var r=Math.random();
+    var cls=r<0.06?'node warn':r<0.015?'node down':'node';
+    return '<div class="'+cls+'" onclick="restartNode(this,\''+name+'\')">'+name+'</div>';
+  }).join('');
+}
+renderNodes();
+setInterval(renderNodes,7000);
+function restartNode(el,name){
+  el.style.opacity='.3';
+  el.textContent='...';
+  setTimeout(function(){
+    el.style.opacity='1';
+    el.className='node';
+    el.textContent=name;
+    toast(name+' restarted successfully','ok');
+  },1800);
+}
+// ── Feature flags ─────────────────────────────────────────────────────────
+var flags=[
+  {id:'ff-maintenance',label:'Maintenance Mode',desc:'Show maintenance page to users',on:false},
+  {id:'ff-beta',label:'Beta Features',desc:'Enable experimental UI elements',on:true},
+  {id:'ff-analytics',label:'Analytics Tracking',desc:'User behaviour telemetry',on:true},
+  {id:'ff-ratelimit',label:'Rate Limiting',desc:'Throttle requests per IP',on:true},
+  {id:'ff-cdn',label:'CDN Cache',desc:'Serve assets from edge cache',on:true},
+  {id:'ff-debug',label:'Debug Logging',desc:'Verbose server-side logs',on:false},
+];
+var flagList=document.getElementById('flag-list');
+flags.forEach(function(f){
+  var row=document.createElement('div');
+  row.className='flag-row';
+  row.innerHTML='<div><div class="flag-name">'+f.label+'</div><div class="flag-desc">'+f.desc+'</div></div>'
+    +'<label class="toggle-wrap"><input type="checkbox" id="'+f.id+'"'+(f.on?' checked':'')+'>'
+    +'<div class="toggle-track"></div><div class="toggle-knob"></div></label>';
+  flagList.appendChild(row);
+  row.querySelector('input').addEventListener('change',function(){
+    toast(f.label+': '+(this.checked?'ENABLED':'DISABLED'),this.checked?'ok':'err');
+  });
+});
+// ── User management ───────────────────────────────────────────────────────
+var users=[
+  {name:'sys_root',    last:'just now',   sessions:3, status:'active'},
+  {name:'dev_rafi',   last:'2m ago',     sessions:1, status:'active'},
+  {name:'tzvi_admin', last:'8m ago',     sessions:2, status:'active'},
+  {name:'test_user',  last:'34m ago',    sessions:0, status:'idle'},
+  {name:'guest_4821', last:'1h ago',     sessions:0, status:'idle'},
+  {name:'anon_proxy', last:'3h ago',     sessions:0, status:'banned'},
+  {name:'scraper_bot',last:'12h ago',    sessions:0, status:'banned'},
+  {name:'yael.k',     last:'yesterday',  sessions:1, status:'active'},
+];
+function renderUsers(){
+  var tbody=document.getElementById('user-tbody');
+  tbody.innerHTML=users.map(function(u,i){
+    var isBanned=u.status==='banned';
+    return '<tr>'
+      +'<td style="color:var(--accent)">'+u.name+'</td>'
+      +'<td style="color:var(--muted)">'+u.last+'</td>'
+      +'<td style="color:var(--muted)">'+u.sessions+'</td>'
+      +'<td><span class="u-status '+u.status+'">'+u.status.toUpperCase()+'</span></td>'
+      +'<td>'
+      +(isBanned
+        ?'<button class="u-btn" onclick="unbanUser('+i+')">Unban</button>'
+        :'<button class="u-btn ban-btn" onclick="banUser('+i+')">Ban</button>'
+         +'<button class="u-btn kick-btn" onclick="kickUser('+i+')">Kick</button>'
+      )
+      +'</td></tr>';
+  }).join('');
+}
+renderUsers();
+function banUser(i){
+  users[i].status='banned';users[i].sessions=0;
+  renderUsers();toast('User '+users[i].name+' banned','err');
+}
+function unbanUser(i){
+  users[i].status='idle';
+  renderUsers();toast('User '+users[i].name+' unbanned','ok');
+}
+function kickUser(i){
+  var prev=users[i].sessions;
+  users[i].sessions=0;
+  renderUsers();toast('Kicked '+users[i].name+' ('+prev+' session'+(prev!==1?'s':'')+' terminated)','ok');
+}
+// ── Incidents ─────────────────────────────────────────────────────────────
+var incidentTemplates=[
+  {sev:'p1',title:'Database primary unreachable',detail:'db.primary failed health check'},
+  {sev:'p1',title:'API error rate spike: 18%',detail:'Elevated 5xx across /api/games'},
+  {sev:'p2',title:'CDN edge timeout: AMS-01',detail:'Latency >2s detected on edge node'},
+  {sev:'p2',title:'Memory pressure on LAX-02',detail:'RSS at 91%, swap engaged'},
+  {sev:'p2',title:'SSL cert renewal required',detail:'cert.mm.games expires in 14 days'},
+  {sev:'p3',title:'Backup job delayed',detail:'Scheduled backup ran 22min late'},
+  {sev:'p3',title:'Search index stale',detail:'Last indexed 47 minutes ago'},
+  {sev:'p3',title:'Log storage at 78%',detail:'/var/log nearing capacity threshold'},
+];
+var incidents=[];
+function pickIncident(){
+  var unused=incidentTemplates.filter(function(t){
+    return !incidents.some(function(inc){return inc.title===t.title&&!inc.resolved;});
+  });
+  if(!unused.length)return null;
+  return unused[Math.floor(Math.random()*unused.length)];
+}
+function addIncident(){
+  var tpl=pickIncident();
+  if(!tpl)return;
+  incidents.unshift({sev:tpl.sev,title:tpl.title,detail:tpl.detail,time:now(),resolved:false,id:'inc-'+Date.now()});
+  renderIncidents();
+}
+function renderIncidents(){
+  var list=document.getElementById('inc-list');
+  var open=incidents.filter(function(i){return!i.resolved;}).length;
+  document.getElementById('inc-count').textContent=open?open+' OPEN':'';
+  list.innerHTML=incidents.map(function(inc){
+    return '<div class="incident'+(inc.resolved?' resolved':'')+'" id="'+inc.id+'">'
+      +'<span class="inc-badge '+inc.sev+'">'+inc.sev.toUpperCase()+'</span>'
+      +'<div class="inc-body">'
+      +'<div class="inc-title">'+inc.title+'</div>'
+      +'<div class="inc-meta">'+inc.detail+' &nbsp;·&nbsp; '+inc.time+'</div>'
+      +(inc.resolved
+        ?'<div class="inc-done">Resolved</div>'
+        :'<button class="inc-resolve" onclick="resolveInc(\''+inc.id+'\')">Mark Resolved</button>'
+      )
+      +'</div></div>';
+  }).join('');
+}
+function resolveInc(id){
+  var inc=incidents.find(function(i){return i.id===id;});
+  if(inc){inc.resolved=true;renderIncidents();toast('Incident resolved','ok');}
+}
+addIncident();addIncident();addIncident();
+setInterval(function(){if(Math.random()<0.25)addIncident();},15000);
+// ── Deployment pipeline ───────────────────────────────────────────────────
+var stageNames=['Init','Build','Test','Stage','Deploy','CDN','Done'];
+var deployRunning=false;
+function renderStages(activeIdx,failIdx){
+  document.getElementById('deploy-stages').innerHTML=stageNames.map(function(s,i){
+    var cls='stage';
+    if(typeof failIdx!=='undefined'&&i===failIdx)cls+=' fail';
+    else if(i<activeIdx)cls+=' done';
+    else if(i===activeIdx)cls+=' active';
+    var dotCls='stage-dot';
+    if(typeof failIdx!=='undefined'&&i===failIdx)dotCls+=' fail';
+    else if(i<activeIdx)dotCls+=' done';
+    else if(i===activeIdx)dotCls+=' active';
+    var icon=i<activeIdx?'✓':i===activeIdx&&typeof failIdx==='undefined'?'◉':failIdx===i?'✕':'·';
+    return '<div class="'+cls+'"><div class="'+dotCls+'">'+icon+'</div><div class="stage-label">'+s+'</div></div>';
+  }).join('');
+}
+var deployLogLines=[];
+function dlog(msg,type){
+  var el=document.getElementById('deploy-log');
+  var d=document.createElement('div');
+  d.innerHTML='<span style="color:var(--muted)">'+now()+'</span> <span class="t-'+(type||'muted')+'">'+msg+'</span>';
+  el.appendChild(d);
+  el.scrollTop=el.scrollHeight;
+}
+renderStages(0);
+dlog('No active deployment. Select branch and environment to begin.','muted');
+function startDeploy(){
+  if(deployRunning)return;
+  deployRunning=true;
+  var btn=document.getElementById('deploy-btn');
+  btn.disabled=true;btn.textContent='Running...';
+  var branch=document.getElementById('deploy-branch').value;
+  var env=document.getElementById('deploy-env').value;
+  document.getElementById('deploy-log').innerHTML='';
+  var step=0;
+  var msgs=[
+    ['Initializing deployment context...','info'],
+    ['Pulling '+branch+'...','info'],
+    ['Installing dependencies (847 packages)...','info'],
+    ['Running test suite (312 tests)...','info'],
+    ['All tests passed.','ok'],
+    ['Bundling assets...','info'],
+    ['Uploading to '+env+'...','info'],
+    ['Running migrations...','info'],
+    ['Flushing CDN cache across 47 PoPs...','info'],
+    ['Smoke tests passed.','ok'],
+    ['Deployment complete.','ok'],
+  ];
+  var stageTimes=[0,600,1200,2000,2600,3200,3800,4500,5200,5800,6400];
+  renderStages(0);
+  msgs.forEach(function(m,i){
+    setTimeout(function(){
+      var s=Math.min(Math.floor(i/msgs.length*stageNames.length),stageNames.length-1);
+      renderStages(s);
+      dlog(m[0],m[1]);
+      if(i===msgs.length-1){
+        setTimeout(function(){
+          renderStages(stageNames.length);
+          deployRunning=false;
+          btn.disabled=false;btn.textContent='Deploy';
+          toast('Deployed '+branch+' to '+env,'ok');
+        },400);
+      }
+    },stageTimes[i]);
+  });
+}
+// ── Interactive shell ──────────────────────────────────────────────────────
+var itermOut=document.getElementById('iterm-out');
+var itermInput=document.getElementById('iterm-input');
+var cmdHistory=[];
+var histIdx=-1;
+function tprint(html){
+  var d=document.createElement('div');
+  d.innerHTML=html;
+  itermOut.appendChild(d);
+  itermOut.scrollTop=itermOut.scrollHeight;
+}
+tprint('<span class="t-ok">MM Systems Shell v0.0.1</span>');
+tprint('<span class="t-muted">Type <span class="t-cmd">help</span> for available commands.</span>');
+tprint('');
+var shellCmds={
+  help:function(){
+    tprint('<span class="t-ok">Available commands:</span>');
+    [['ls','List directory contents'],['ps','Show running processes'],
+     ['top','System resource snapshot'],['df','Disk usage'],
+     ['netstat','Network connections'],['uptime','System uptime'],
+     ['whoami','Current user'],['ping','Ping a host (e.g. ping 8.8.8.8)'],
+     ['curl','HTTP request (e.g. curl api/status)'],['cat','Read a file'],
+     ['kill','Kill a process (e.g. kill 3821)'],['history','Command history'],
+     ['clear','Clear terminal']].forEach(function(c){
+       tprint('  <span class="t-cmd">'+c[0]+'</span><span class="t-muted" style="margin-left:16px">'+c[1]+'</span>');
+     });
+  },
+  ls:function(args){
+    var path=args||'/var/www/moshelab';
+    tprint('<span class="t-muted">total 248</span>');
+    [['drwxr-xr-x','2','root','root','4096','May  7 18:31','api.js'],
+     ['drwxr-xr-x','2','root','root','4096','May  7 18:31','games.json'],
+     ['-rw-r--r--','1','root','root','12481','May  6 09:12','browse.html'],
+     ['-rw-r--r--','1','root','root','8902','May  6 09:12','admin.html'],
+     ['-rw-r--r--','1','root','root','6190','May  6 09:12','game.html'],
+     ['drwxr-xr-x','4','root','root','4096','May  6 09:12','css/'],
+     ['drwxr-xr-x','4','root','root','4096','May  6 09:12','js/'],
+     ['drwxr-xr-x','8','root','root','4096','May  5 14:22','assets/'],
+     ['drwxr-xr-x','3','root','root','4096','May  4 11:08','local-games/'],
+    ].forEach(function(r){
+      tprint('<span class="t-muted">'+r[0]+' '+r[1]+' '+r[2]+' '+r[3]+'</span> <span class="t-ok">'+r[4]+'</span> <span class="t-muted">'+r[5]+'</span> <span style="color:var(--text)">'+r[6]+'</span>');
+    });
+  },
+  ps:function(){
+    tprint('<span class="t-muted">USER       PID  %CPU %MEM    COMMAND</span>');
+    [['root','1','0.0','0.1','init'],['root','312','0.0','0.2','systemd'],
+     ['www','1842','2.1','3.4','node api.js'],['www','1843','0.8','2.1','nginx: worker'],
+     ['www','1844','0.8','2.1','nginx: worker'],['www','2041','0.1','0.8','node monitor.js'],
+     ['root','3218','0.0','0.1','sshd'],['root',String(rand(3800,4200)),'0.0','0.1','cron'],
+     ['www',String(rand(4500,5000)),'4.1','5.2','node games-cache.js'],
+    ].forEach(function(r){
+      tprint('<span class="t-muted">'+r[0]+'</span>    <span class="t-ok">'+r[1]+'</span>   '+r[2]+'  '+r[3]+'  <span style="color:var(--text)">'+r[4]+'</span>');
+    });
+  },
+  top:function(){
+    tprint('<span class="t-ok">top — '+now()+' up 12 days, 4:32</span>');
+    tprint('<span class="t-muted">Tasks: 84 total, 2 running, 82 sleeping</span>');
+    tprint('<span class="t-muted">%Cpu(s): '+rand(40,80)+'.'+rand(0,9)+' us, '+rand(2,8)+'.'+rand(0,9)+' sy</span>');
+    tprint('<span class="t-muted">MiB Mem: 7892.0 total, '+rand(1200,2400)+'.0 free</span>');
+  },
+  df:function(){
+    tprint('<span class="t-muted">Filesystem      Size  Used Avail Use% Mounted on</span>');
+    tprint('<span class="t-muted">/dev/sda1        80G   '+rand(30,55)+'G   '+rand(20,40)+'G  '+rand(42,72)+'% /</span>');
+    tprint('<span class="t-muted">/dev/sda2        40G   '+rand(10,20)+'G   '+rand(15,25)+'G  '+rand(28,55)+'% /var</span>');
+    tprint('<span class="t-muted">tmpfs           3.9G  128M  3.8G   4% /tmp</span>');
+  },
+  uptime:function(){
+    tprint('<span class="t-ok">'+now()+'</span> <span class="t-muted">up 12 days, 4:32,  2 users,  load average: '+randF(0.4,2.8)+', '+randF(0.3,2.1)+', '+randF(0.2,1.8)+'</span>');
+  },
+  whoami:function(){tprint('<span class="t-ok">root</span>');},
+  netstat:function(){
+    tprint('<span class="t-muted">Active Internet connections</span>');
+    tprint('<span class="t-muted">Proto Recv-Q Send-Q Local Address    Foreign Address  State</span>');
+    for(var n=0;n<6;n++){
+      tprint('<span class="t-muted">tcp        0      0 0.0.0.0:443      '+rand(10,250)+'.'+rand(0,255)+'.'+rand(0,255)+'.'+rand(1,254)+':'+rand(1024,65535)+'  ESTABLISHED</span>');
+    }
+    tprint('<span class="t-muted">tcp        0      0 127.0.0.1:3001   0.0.0.0:*        LISTEN</span>');
+    tprint('<span class="t-muted">tcp        0      0 0.0.0.0:80       0.0.0.0:*        LISTEN</span>');
+    tprint('<span class="t-muted">tcp        0      0 0.0.0.0:443      0.0.0.0:*        LISTEN</span>');
+  },
+  clear:function(){itermOut.innerHTML='';},
+  history:function(){
+    cmdHistory.forEach(function(c,i){
+      tprint('<span class="t-muted">'+(i+1)+'  </span><span style="color:var(--text)">'+c+'</span>');
+    });
+  },
+};
+function execCmd(raw){
+  var parts=raw.trim().split(/\s+/);
+  var cmd=parts[0].toLowerCase();
+  var args=parts.slice(1).join(' ');
+  tprint('<span class="t-muted">root@mm-sys:~#</span> <span style="color:var(--text)">'+raw+'</span>');
+  if(!cmd)return;
+  if(shellCmds[cmd]){shellCmds[cmd](args);return;}
+  if(cmd==='ping'){
+    var host=args||'8.8.8.8';
+    tprint('PING '+host+': 56 data bytes');
+    var pings=0;
+    var pi=setInterval(function(){
+      tprint('64 bytes from '+host+': icmp_seq='+pings+' ttl=55 time='+randF(8,42)+' ms');
+      pings++;
+      if(pings>=4){clearInterval(pi);tprint('--- '+host+' ping statistics ---');tprint('4 packets transmitted, 4 received, 0% packet loss');}
+    },300);
+    return;
+  }
+  if(cmd==='curl'){
+    tprint('<span class="t-muted">HTTP/1.1 200 OK</span>');
+    tprint('<span class="t-muted">Content-Type: application/json</span>');
+    tprint('<span class="t-ok">{"status":"ok","version":"3.9.0","uptime":'+rand(800000,1200000)+'}</span>');
+    return;
+  }
+  if(cmd==='cat'){
+    if(args.includes('passwd')){
+      tprint('root:x:0:0:root:/root:/bin/bash');
+      tprint('www-data:x:33:33::/var/www:/bin/sh');
+      tprint('node:x:1001:1001::/home/node:/bin/bash');
+    } else if(args.includes('hosts')){
+      tprint('127.0.0.1   localhost');tprint('127.0.1.1   mm-sys');
+      tprint('127.0.0.1   db.primary');tprint('10.0.0.4    cache.internal');
+    } else {
+      tprint('<span class="t-err">cat: '+args+': No such file or directory</span>');
+    }
+    return;
+  }
+  if(cmd==='kill'){
+    var pid=parseInt(args);
+    if(!pid||isNaN(pid)){tprint('<span class="t-err">kill: '+args+': not a valid PID</span>');}
+    else{tprint('<span class="t-ok">Process '+pid+' terminated.</span>');}
+    return;
+  }
+  if(cmd==='exit'||cmd==='logout'){window.location.href='./browse.html';return;}
+  tprint('<span class="t-err">'+cmd+': command not found</span>');
+}
+itermInput.addEventListener('keydown',function(e){
+  if(e.key==='Enter'){
+    var val=this.value.trim();
+    if(val){cmdHistory.push(val);histIdx=cmdHistory.length;}
+    execCmd(val);
+    this.value='';
+  } else if(e.key==='ArrowUp'){
+    e.preventDefault();
+    if(histIdx>0){histIdx--;this.value=cmdHistory[histIdx];}
+  } else if(e.key==='ArrowDown'){
+    e.preventDefault();
+    if(histIdx<cmdHistory.length-1){histIdx++;this.value=cmdHistory[histIdx];}
+    else{histIdx=cmdHistory.length;this.value='';}
+  }
+});
+// keep focus in terminal when clicking panel
+document.getElementById('iterm').addEventListener('click',function(){itermInput.focus();});
+// ── Emergency shutdown ────────────────────────────────────────────────────
+var shutdownTimer,shutdownCount;
+function openShutdown(){
+  shutdownCount=10;
+  document.getElementById('shutdown-countdown').textContent=shutdownCount;
+  document.getElementById('shutdown-modal').classList.add('open');
+  shutdownTimer=setInterval(function(){
+    shutdownCount--;
+    document.getElementById('shutdown-countdown').textContent=shutdownCount;
+    if(shutdownCount<=0){
+      clearInterval(shutdownTimer);
+      document.getElementById('shutdown-modal').classList.remove('open');
+      toast('SHUTDOWN SEQUENCE COMPLETED — All services terminated','err');
+    }
+  },1000);
+}
+function abortShutdown(){
+  clearInterval(shutdownTimer);
+  document.getElementById('shutdown-modal').classList.remove('open');
+  toast('Shutdown aborted. Systems remain online.','ok');
+}
+</script>
+</body>
+</html>