← back to Claude Code Dashboard
index.html
305 lines
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Claude Code — System Dashboard</title>
<style>
*{box-sizing:border-box;margin:0;padding:0}
:root{--bg:#0a0a14;--card:#13152a;--hover:#1a1d35;--border:#2a2d45;--text:#e8e8f0;--muted:#8888a8;--dim:#55557a;--green:#22c55e;--red:#ef4444;--amber:#f59e0b;--blue:#60a5fa;--purple:#a78bfa;--cyan:#22d3ee;--pink:#f472b6;--orange:#fb923c}
body{background:var(--bg);color:var(--text);font-family:'Inter',-apple-system,BlinkMacSystemFont,sans-serif;padding:28px 32px;min-height:100vh}
.hdr{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}
.hdr h1{font-size:26px;font-weight:800;background:linear-gradient(135deg,var(--purple),var(--cyan));-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.hdr .meta{color:var(--muted);font-size:11px;font-family:'JetBrains Mono',monospace}
.hdr .meta span{margin-left:16px}
.kpi-row{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin-bottom:20px}
.kpi{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:14px 16px;text-align:center}
.kpi .v{font-size:26px;font-weight:800;font-family:'JetBrains Mono',monospace}
.kpi .l{font-size:10px;color:var(--muted);margin-top:3px;text-transform:uppercase;letter-spacing:1.2px}
.g2{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}
.g3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px;margin-bottom:16px}
.panel{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:18px 20px}
.panel h3{font-size:13px;font-weight:700;margin-bottom:14px;color:var(--text);display:flex;justify-content:space-between;align-items:center}
.panel h3 .badge{font-size:10px;padding:2px 8px;border-radius:5px;font-weight:600}
.chip{display:inline-block;padding:2px 7px;border-radius:4px;font-size:9px;font-weight:700;font-family:'JetBrains Mono',monospace}
.cg{background:rgba(34,197,94,.12);color:var(--green);border:1px solid rgba(34,197,94,.2)}
.cr{background:rgba(239,68,68,.12);color:var(--red);border:1px solid rgba(239,68,68,.2)}
.ca{background:rgba(245,158,11,.12);color:var(--amber);border:1px solid rgba(245,158,11,.2)}
.cb{background:rgba(96,165,250,.12);color:var(--blue);border:1px solid rgba(96,165,250,.2)}
.cp{background:rgba(167,139,250,.12);color:var(--purple);border:1px solid rgba(167,139,250,.2)}
.cc{background:rgba(34,211,238,.12);color:var(--cyan);border:1px solid rgba(34,211,238,.2)}
.mono{font-family:'JetBrains Mono',monospace;font-size:11px}
.dot{width:7px;height:7px;border-radius:50%;display:inline-block;margin-right:5px}
table{width:100%;border-collapse:collapse;font-size:12px}
th{text-align:left;padding:7px 10px;font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.8px;font-weight:600;border-bottom:1px solid var(--border)}
td{padding:6px 10px;border-bottom:1px solid rgba(42,45,69,.4)}
tr:last-child td{border-bottom:none}
.bar-chart{display:flex;flex-direction:column;gap:6px}
.bar-row{display:flex;align-items:center;gap:8px}
.bar-label{width:140px;font-size:10px;color:var(--muted);text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bar-track{flex:1;height:14px;background:rgba(42,45,69,.6);border-radius:3px;overflow:hidden;position:relative}
.bar-fill{height:100%;border-radius:3px;transition:width .5s}
.bar-val{font-size:9px;font-family:'JetBrains Mono',monospace;color:var(--muted);width:50px;text-align:right}
.funnel{display:flex;flex-direction:column;align-items:center;gap:4px}
.funnel-step{display:flex;align-items:center;gap:10px;width:100%}
.funnel-bar{height:22px;border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;color:#fff;min-width:40px;transition:width .5s}
.funnel-label{font-size:10px;color:var(--muted);width:90px;text-align:right}
.funnel-val{font-size:10px;font-family:'JetBrains Mono',monospace;color:var(--text);width:50px}
.donut-wrap{display:flex;align-items:center;gap:20px;justify-content:center}
.donut-legend{display:flex;flex-direction:column;gap:5px}
.donut-item{display:flex;align-items:center;gap:6px;font-size:11px}
.donut-dot{width:10px;height:10px;border-radius:3px}
.donut-val{font-family:'JetBrains Mono',monospace;font-size:10px;color:var(--muted)}
.vendor-bar{display:flex;gap:2px;align-items:flex-end;height:100px;padding-top:8px}
.vendor-col{display:flex;flex-direction:column;align-items:center;flex:1;gap:2px}
.vendor-col .col-bar{width:100%;border-radius:3px 3px 0 0;min-height:2px}
.vendor-col .col-label{font-size:7px;color:var(--dim);transform:rotate(-45deg);white-space:nowrap;margin-top:8px}
.status-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:4px}
.status-cell{background:var(--hover);border-radius:6px;padding:8px;text-align:center}
.status-cell .sv{font-size:16px;font-weight:800;font-family:'JetBrains Mono',monospace}
.status-cell .sl{font-size:8px;color:var(--muted);margin-top:2px;text-transform:uppercase}
.gh-row{display:flex;align-items:center;gap:10px;padding:6px 0;border-bottom:1px solid rgba(42,45,69,.3)}
.gh-row:last-child{border-bottom:none}
.gh-name{font-weight:600;font-size:12px;min-width:180px}
.gh-branch{font-family:'JetBrains Mono',monospace;font-size:10px;color:var(--muted)}
.gh-date{font-size:10px;color:var(--dim);margin-left:auto}
.prod-row{display:grid;grid-template-columns:1fr 120px 90px 60px;align-items:center;padding:5px 0;border-bottom:1px solid rgba(42,45,69,.3);font-size:11px}
.prod-row:last-child{border-bottom:none}
.footer{margin-top:24px;text-align:center;color:var(--dim);font-size:10px;font-family:'JetBrains Mono',monospace}
</style>
</head>
<body>
<div class="hdr">
<h1>Claude Code — System Dashboard</h1>
<div class="meta"><span>45.61.58.125</span><span>Kamatera VPS</span><span id="clock"></span></div>
</div>
<div class="kpi-row">
<div class="kpi"><div class="v" style="color:var(--green)">21</div><div class="l">Services Online</div></div>
<div class="kpi"><div class="v" style="color:var(--red)">4</div><div class="l">Stopped</div></div>
<div class="kpi"><div class="v" style="color:var(--blue)">20</div><div class="l">GitHub Repos</div></div>
<div class="kpi"><div class="v" style="color:var(--purple)">14</div><div class="l">Active Projects</div></div>
<div class="kpi"><div class="v" style="color:var(--cyan)">187.6K</div><div class="l">Products in DB</div></div>
<div class="kpi"><div class="v" style="color:var(--amber)">1.8 GB</div><div class="l">PM2 Memory</div></div>
</div>
<!-- Row 1: Pipeline Funnel + Room Settings Donut -->
<div class="g2">
<div class="panel">
<h3>8-Phase Pipeline Funnel <span class="badge cp">175,436 tracked</span></h3>
<div class="funnel">
<div class="funnel-step"><div class="funnel-label">1. Scraped</div><div class="funnel-bar" style="width:100%;background:var(--blue)">164,773</div><div class="funnel-val">94%</div></div>
<div class="funnel-step"><div class="funnel-label">2. Specs</div><div class="funnel-bar" style="width:93%;background:var(--cyan)">163,570</div><div class="funnel-val">93%</div></div>
<div class="funnel-step"><div class="funnel-label">3. AI Tags</div><div class="funnel-bar" style="width:76%;background:var(--purple)">133,049</div><div class="funnel-val">76%</div></div>
<div class="funnel-step"><div class="funnel-label">4. Silas</div><div class="funnel-bar" style="width:94%;background:var(--pink)">164,773</div><div class="funnel-val">94%</div></div>
<div class="funnel-step"><div class="funnel-label">5. VCC</div><div class="funnel-bar" style="width:40%;background:var(--orange)">69,555</div><div class="funnel-val">40%</div></div>
<div class="funnel-step"><div class="funnel-label">6. Rooms</div><div class="funnel-bar" style="width:15%;background:var(--green)">25,659</div><div class="funnel-val">15%</div></div>
<div class="funnel-step"><div class="funnel-label">7. Spin</div><div class="funnel-bar" style="width:99%;background:var(--amber)">174,441</div><div class="funnel-val">99%</div></div>
<div class="funnel-step"><div class="funnel-label">8. Shopify</div><div class="funnel-bar" style="width:25%;background:var(--green)">44,040</div><div class="funnel-val">25%</div></div>
</div>
</div>
<div class="panel">
<h3>Room Settings Queue <span class="badge ca">60,630 total</span></h3>
<div class="donut-wrap">
<svg width="160" height="160" viewBox="0 0 160 160">
<circle cx="80" cy="80" r="60" fill="none" stroke="var(--border)" stroke-width="20"/>
<!-- completed: 6568/60630 = 10.8% → 39deg -->
<circle cx="80" cy="80" r="60" fill="none" stroke="var(--green)" stroke-width="20" stroke-dasharray="41 336" stroke-dashoffset="0" transform="rotate(-90 80 80)"/>
<!-- skipped: 26059/60630 = 43% → 155deg -->
<circle cx="80" cy="80" r="60" fill="none" stroke="var(--blue)" stroke-width="20" stroke-dasharray="162 215" stroke-dashoffset="-41" transform="rotate(-90 80 80)"/>
<!-- fabric_skip: 6178 + no_repeat: 1396 = 7574 → 12.5% → 47 -->
<circle cx="80" cy="80" r="60" fill="none" stroke="var(--amber)" stroke-width="20" stroke-dasharray="47 330" stroke-dashoffset="-203" transform="rotate(-90 80 80)"/>
<!-- pending: 6345 → 10.5% → 39 -->
<circle cx="80" cy="80" r="60" fill="none" stroke="var(--purple)" stroke-width="20" stroke-dasharray="39 338" stroke-dashoffset="-250" transform="rotate(-90 80 80)"/>
<!-- deferred+failed: 14084 → 23% → 88 -->
<circle cx="80" cy="80" r="60" fill="none" stroke="var(--dim)" stroke-width="20" stroke-dasharray="88 289" stroke-dashoffset="-289" transform="rotate(-90 80 80)"/>
<text x="80" y="76" text-anchor="middle" fill="var(--text)" font-size="18" font-weight="800" font-family="JetBrains Mono,monospace">6,568</text>
<text x="80" y="92" text-anchor="middle" fill="var(--muted)" font-size="9">completed</text>
</svg>
<div class="donut-legend">
<div class="donut-item"><div class="donut-dot" style="background:var(--green)"></div>Completed<div class="donut-val">6,568</div></div>
<div class="donut-item"><div class="donut-dot" style="background:var(--purple)"></div>Pending<div class="donut-val">6,345</div></div>
<div class="donut-item"><div class="donut-dot" style="background:var(--blue)"></div>Skipped<div class="donut-val">26,059</div></div>
<div class="donut-item"><div class="donut-dot" style="background:var(--amber)"></div>Fabric/NoRepeat<div class="donut-val">7,574</div></div>
<div class="donut-item"><div class="donut-dot" style="background:var(--dim)"></div>Deferred/Failed<div class="donut-val">14,084</div></div>
</div>
</div>
</div>
</div>
<!-- Row 2: Memory Chart + Vendor Coverage -->
<div class="g2">
<div class="panel">
<h3>PM2 Memory Usage (Top 10) <span class="badge cr">1.8 GB total</span></h3>
<div class="bar-chart">
<div class="bar-row"><div class="bar-label">norma-email</div><div class="bar-track"><div class="bar-fill" style="width:100%;background:var(--red)"></div></div><div class="bar-val">202 MB</div></div>
<div class="bar-row"><div class="bar-label">shopify-queue</div><div class="bar-track"><div class="bar-fill" style="width:80%;background:var(--orange)"></div></div><div class="bar-val">162 MB</div></div>
<div class="bar-row"><div class="bar-label">george-gmail</div><div class="bar-track"><div class="bar-fill" style="width:58%;background:var(--amber)"></div></div><div class="bar-val">117 MB</div></div>
<div class="bar-row"><div class="bar-label">vendor-command</div><div class="bar-track"><div class="bar-fill" style="width:56%;background:var(--amber)"></div></div><div class="bar-val">112 MB</div></div>
<div class="bar-row"><div class="bar-label">blog-agent</div><div class="bar-track"><div class="bar-fill" style="width:54%;background:var(--blue)"></div></div><div class="bar-val">110 MB</div></div>
<div class="bar-row"><div class="bar-label">ai-tagger-all</div><div class="bar-track"><div class="bar-fill" style="width:49%;background:var(--blue)"></div></div><div class="bar-val">99 MB</div></div>
<div class="bar-row"><div class="bar-label">graphic-agent</div><div class="bar-track"><div class="bar-fill" style="width:43%;background:var(--cyan)"></div></div><div class="bar-val">86 MB</div></div>
<div class="bar-row"><div class="bar-label">nora-agent</div><div class="bar-track"><div class="bar-fill" style="width:42%;background:var(--cyan)"></div></div><div class="bar-val">86 MB</div></div>
<div class="bar-row"><div class="bar-label">dw-central</div><div class="bar-track"><div class="bar-fill" style="width:42%;background:var(--purple)"></div></div><div class="bar-val">85 MB</div></div>
<div class="bar-row"><div class="bar-label">novasuede-web</div><div class="bar-track"><div class="bar-fill" style="width:41%;background:var(--purple)"></div></div><div class="bar-val">83 MB</div></div>
</div>
</div>
<div class="panel">
<h3>Vendor Coverage: Catalog vs Shopify <span class="badge cb">Top 12</span></h3>
<div style="display:flex;gap:3px;align-items:flex-end;height:130px;padding:8px 0">
<div style="flex:1;display:flex;flex-direction:column;align-items:center;gap:2px">
<div style="width:100%;display:flex;flex-direction:column;gap:1px;justify-content:flex-end;height:110px">
<div style="background:var(--blue);border-radius:2px;height:77px" title="Kravet catalog: 9901"></div>
<div style="background:var(--green);border-radius:2px;height:59px" title="Kravet shopify: 7610"></div>
</div>
<div style="font-size:7px;color:var(--dim)">KRA</div>
</div>
<div style="flex:1;display:flex;flex-direction:column;align-items:center;gap:2px">
<div style="width:100%;display:flex;flex-direction:column;gap:1px;justify-content:flex-end;height:110px">
<div style="background:var(--blue);border-radius:2px;height:72px" title="Marburg: 9280"></div>
<div style="background:var(--green);border-radius:2px;height:1px" title="Shopify: 121"></div>
</div>
<div style="font-size:7px;color:var(--dim)">MAR</div>
</div>
<div style="flex:1;display:flex;flex-direction:column;align-items:center;gap:2px">
<div style="width:100%;display:flex;flex-direction:column;gap:1px;justify-content:flex-end;height:110px">
<div style="background:var(--blue);border-radius:2px;height:68px"></div>
<div style="background:var(--green);border-radius:2px;height:6px"></div>
</div>
<div style="font-size:7px;color:var(--dim)">BRE</div>
</div>
<div style="flex:1;display:flex;flex-direction:column;align-items:center;gap:2px">
<div style="width:100%;display:flex;flex-direction:column;gap:1px;justify-content:flex-end;height:110px">
<div style="background:var(--blue);border-radius:2px;height:67px"></div>
<div style="background:var(--red);border-radius:2px;height:0px"></div>
</div>
<div style="font-size:7px;color:var(--dim)">NEW</div>
</div>
<div style="flex:1;display:flex;flex-direction:column;align-items:center;gap:2px">
<div style="width:100%;display:flex;flex-direction:column;gap:1px;justify-content:flex-end;height:110px">
<div style="background:var(--blue);border-radius:2px;height:67px"></div>
<div style="background:var(--green);border-radius:2px;height:4px"></div>
</div>
<div style="font-size:7px;color:var(--dim)">COW</div>
</div>
<div style="flex:1;display:flex;flex-direction:column;align-items:center;gap:2px">
<div style="width:100%;display:flex;flex-direction:column;gap:1px;justify-content:flex-end;height:110px">
<div style="background:var(--blue);border-radius:2px;height:60px"></div>
<div style="background:var(--green);border-radius:2px;height:2px"></div>
</div>
<div style="font-size:7px;color:var(--dim)">NIC</div>
</div>
<div style="flex:1;display:flex;flex-direction:column;align-items:center;gap:2px">
<div style="width:100%;display:flex;flex-direction:column;gap:1px;justify-content:flex-end;height:110px">
<div style="background:var(--blue);border-radius:2px;height:49px"></div>
<div style="background:var(--green);border-radius:2px;height:43px"></div>
</div>
<div style="font-size:7px;color:var(--dim)">BES</div>
</div>
<div style="flex:1;display:flex;flex-direction:column;align-items:center;gap:2px">
<div style="width:100%;display:flex;flex-direction:column;gap:1px;justify-content:flex-end;height:110px">
<div style="background:var(--blue);border-radius:2px;height:48px"></div>
<div style="background:var(--green);border-radius:2px;height:1px"></div>
</div>
<div style="font-size:7px;color:var(--dim)">ASC</div>
</div>
<div style="flex:1;display:flex;flex-direction:column;align-items:center;gap:2px">
<div style="width:100%;display:flex;flex-direction:column;gap:1px;justify-content:flex-end;height:110px">
<div style="background:var(--blue);border-radius:2px;height:46px"></div>
<div style="background:var(--green);border-radius:2px;height:35px"></div>
</div>
<div style="font-size:7px;color:var(--dim)">THI</div>
</div>
<div style="flex:1;display:flex;flex-direction:column;align-items:center;gap:2px">
<div style="width:100%;display:flex;flex-direction:column;gap:1px;justify-content:flex-end;height:110px">
<div style="background:var(--blue);border-radius:2px;height:41px"></div>
<div style="background:var(--green);border-radius:2px;height:0px"></div>
</div>
<div style="font-size:7px;color:var(--dim)">YOR</div>
</div>
<div style="flex:1;display:flex;flex-direction:column;align-items:center;gap:2px">
<div style="width:100%;display:flex;flex-direction:column;gap:1px;justify-content:flex-end;height:110px">
<div style="background:var(--blue);border-radius:2px;height:40px"></div>
<div style="background:var(--green);border-radius:2px;height:100px"></div>
</div>
<div style="font-size:7px;color:var(--dim)">SCH</div>
</div>
<div style="flex:1;display:flex;flex-direction:column;align-items:center;gap:2px">
<div style="width:100%;display:flex;flex-direction:column;gap:1px;justify-content:flex-end;height:110px">
<div style="background:var(--blue);border-radius:2px;height:37px"></div>
<div style="background:var(--green);border-radius:2px;height:90px"></div>
</div>
<div style="font-size:7px;color:var(--dim)">SCA</div>
</div>
</div>
<div style="display:flex;gap:12px;justify-content:center;margin-top:6px;font-size:9px;color:var(--muted)">
<span><span style="display:inline-block;width:8px;height:8px;background:var(--blue);border-radius:2px;margin-right:3px"></span>Catalog</span>
<span><span style="display:inline-block;width:8px;height:8px;background:var(--green);border-radius:2px;margin-right:3px"></span>On Shopify</span>
</div>
</div>
</div>
<!-- Row 3: GitHub + Projects + Queue + Websites -->
<div class="g3">
<div class="panel">
<h3>GitHub Repos <span class="badge cp">Stevemdr</span></h3>
<div class="gh-row"><div class="gh-name"><span class="dot" style="background:var(--green)"></span>DW-Agents</div><div class="gh-branch">master</div><div class="chip cb">private</div><div class="gh-date">Apr 5</div></div>
<div class="gh-row"><div class="gh-name"><span class="dot" style="background:var(--green)"></span>AgentAbrams</div><div class="gh-branch">main</div><div class="chip cb">private</div><div class="gh-date">Apr 3</div></div>
<div class="gh-row"><div class="gh-name"><span class="dot" style="background:var(--green)"></span>StudentLoanTracker</div><div class="gh-branch">master</div><div class="chip cb">private</div><div class="gh-date">Mar 25</div></div>
<div class="gh-row"><div class="gh-name"><span class="dot" style="background:var(--amber)"></span>DAVE_battlebeasts</div><div class="gh-branch">main</div><div class="chip cb">private</div><div class="gh-date">Apr 2</div></div>
<div class="gh-row"><div class="gh-name"><span class="dot" style="background:var(--amber)"></span>DAVE_slopORnot</div><div class="gh-branch">main</div><div class="chip cb">private</div><div class="gh-date">Apr 2</div></div>
<div class="gh-row"><div class="gh-name"><span class="dot" style="background:var(--amber)"></span>DAVE_findbot</div><div class="gh-branch">main</div><div class="chip cb">private</div><div class="gh-date">Mar 26</div></div>
<div class="gh-row"><div class="gh-name"><span class="dot" style="background:var(--dim)"></span>DAVE_BB2</div><div class="gh-branch">main</div><div class="chip cb">private</div><div class="gh-date">Mar 24</div></div>
<div class="gh-row"><div class="gh-name"><span class="dot" style="background:var(--dim)"></span>DAVE_parrot</div><div class="gh-branch">main</div><div class="chip cb">private</div><div class="gh-date">Mar 24</div></div>
<div class="gh-row"><div class="gh-name"><span class="dot" style="background:var(--dim)"></span>DAVE_tv</div><div class="gh-branch">main</div><div class="chip cb">private</div><div class="gh-date">Mar 23</div></div>
</div>
<div class="panel">
<h3>Active Projects <span class="badge cc">14</span></h3>
<div class="prod-row" style="font-weight:600;color:var(--muted);font-size:9px"><div>PROJECT</div><div>DIRECTORY</div><div>PORT</div><div>STATUS</div></div>
<div class="prod-row"><div>Designer Wallcoverings</div><div class="mono">/DW-Agents/</div><div class="mono">9500+</div><div><span class="chip cg">live</span></div></div>
<div class="prod-row"><div>3D War Room</div><div class="mono">/dw-war-room/</div><div class="mono">4060</div><div><span class="chip cg">live</span></div></div>
<div class="prod-row"><div>Bubbe AI</div><div class="mono">/dear-bubbe/</div><div class="mono">3011</div><div><span class="chip cg">live</span></div></div>
<div class="prod-row"><div>Norma</div><div class="mono">/Norma/</div><div class="mono">7400</div><div><span class="chip cg">live</span></div></div>
<div class="prod-row"><div>StudentLoanTracker</div><div class="mono">/StudentLoan/</div><div class="mono">7451</div><div><span class="chip cg">live</span></div></div>
<div class="prod-row"><div>goodquestion.ai</div><div class="mono">/goodquestion/</div><div class="mono">9883</div><div><span class="chip cg">live</span></div></div>
<div class="prod-row"><div>Ken Kalshi</div><div class="mono">/ken/</div><div class="mono">9816</div><div><span class="chip ca">idle</span></div></div>
<div class="prod-row"><div>Wine Finder</div><div class="mono">/wine-finder/</div><div class="mono">7250</div><div><span class="chip ca">idle</span></div></div>
<div class="prod-row"><div>Fantasy Casting</div><div class="mono">/Casting/</div><div class="mono">7899</div><div><span class="chip ca">idle</span></div></div>
<div class="prod-row"><div>Jill Website</div><div class="mono">/jill/</div><div class="mono">8201</div><div><span class="chip ca">idle</span></div></div>
<div class="prod-row"><div>SmokeShop</div><div class="mono">/SmokeShop/</div><div class="mono">8401</div><div><span class="chip ca">idle</span></div></div>
</div>
<div class="panel">
<h3>Shopify API Queue (7d) <span class="badge cg">480 processed</span></h3>
<div class="status-grid" style="margin-bottom:16px">
<div class="status-cell"><div class="sv" style="color:var(--green)">480</div><div class="sl">Done</div></div>
<div class="status-cell"><div class="sv" style="color:var(--amber)">9,167</div><div class="sl">Held</div></div>
<div class="status-cell"><div class="sv" style="color:var(--red)">17,679</div><div class="sl">Cancelled</div></div>
<div class="status-cell"><div class="sv" style="color:var(--blue)">0</div><div class="sl">Pending</div></div>
<div class="status-cell"><div class="sv" style="color:var(--purple)">2</div><div class="sl">Req/sec</div></div>
</div>
<h3 style="margin-top:12px">Production Websites <span class="badge cg">6 domains</span></h3>
<table>
<tr><td><span class="dot" style="background:var(--green)"></span>glassbeadedwallpaper.com</td><td class="mono">9888</td></tr>
<tr><td><span class="dot" style="background:var(--green)"></span>flockedwallpaper.com</td><td class="mono">3200</td></tr>
<tr><td><span class="dot" style="background:var(--green)"></span>grassclothwallcoverings.com</td><td class="mono">8080</td></tr>
<tr><td><span class="dot" style="background:var(--green)"></span>grassclothwallpaper.com</td><td class="mono">7123</td></tr>
<tr><td><span class="dot" style="background:var(--green)"></span>novasuede.com</td><td class="mono">8100</td></tr>
<tr><td><span class="dot" style="background:var(--green)"></span>bubbe.ai</td><td class="mono">3011</td></tr>
</table>
</div>
</div>
<div class="footer">Claude Code System Dashboard — 2026-04-06 — 45.61.58.125 — Kamatera Ubuntu VPS</div>
<script>
function uc(){var n=new Date(),p=n.toLocaleString('en-US',{timeZone:'America/Los_Angeles',hour:'2-digit',minute:'2-digit',second:'2-digit',hour12:true});document.getElementById('clock').textContent=p+' PT';}
uc();setInterval(uc,1000);
</script>
</body>
</html>