npm - @triflux/remote - Versions diffs - 10.51.0 → 10.53.0 - Mend

@triflux/remote 10.51.0 → 10.53.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 (62) hide show

package/cto/brief.mjs +0 -8
package/cto/collect.mjs +1 -127
package/cto/current.schema.json +2 -19
package/cto/hygiene.mjs +2 -61
package/cto/lake-root.mjs +0 -56
package/cto/status.mjs +5 -139
package/hub/index.mjs +0 -9
package/hub/team/agents-row-attach.py +120 -0
package/hub/team/agents-row.mjs +200 -0
package/hub/team/claude-daemon-control.mjs +1 -2
package/hub/team/claude-session-projection.mjs +5 -73
package/hub/team/claude-transcript.mjs +19 -0
package/hub/team/cli/commands/debug.mjs +1 -2
package/hub/team/cli/commands/start/index.mjs +2 -1
package/hub/team/cli/commands/start/start-headless.mjs +2 -0
package/hub/team/cli/commands/start/start-mux.mjs +2 -4
package/hub/team/cli/services/state-store.mjs +5 -20
package/hub/team/headless.mjs +132 -551
package/hub/team/psmux.mjs +3 -33
package/hub/team/results-index.mjs +92 -0
package/hub/team/session-context.mjs +1 -1
package/hub/team/tui-viewer.mjs +9 -56
package/hub/team/tui.mjs +0 -37
package/hub/team/uds-orchestrator.mjs +20 -599
package/hub/workers/factory.mjs +6 -51
package/hub/workers/interface.mjs +1 -7
package/hub/workers/lib/jsonrpc-core.mjs +11 -0
package/hub/workers/lib/jsonrpc-ws-uds.mjs +5 -6
package/package.json +3 -8
package/scripts/lib/agent-route-policy.mjs +0 -67
package/scripts/lib/cli-claude.mjs +0 -12
package/scripts/lib/env-probe.mjs +0 -70
package/scripts/lib/legacy-mcp-cleanup.mjs +283 -0
package/scripts/lib/mcp-guard-engine.mjs +42 -101
package/hub/hub-lifecycle.mjs +0 -248
package/hub/pipe.mjs +0 -825
package/hub/promote-penalties.mjs +0 -138
package/hub/public/dashboard.html +0 -416
package/hub/schema.sql +0 -209
package/hub/server.mjs +0 -3048
package/hub/store-adapter.mjs +0 -182
package/hub/store.mjs +0 -1736
package/hub/team/cli/services/hub-client.mjs +0 -178
package/hub/team/conductor-registry.mjs +0 -121
package/hub/team/cto-auto-collect.mjs +0 -115
package/hub/team/lead-control.mjs +0 -191
package/hub/team/session-sync.mjs +0 -316
package/hub/team/swarm-intent.mjs +0 -18
package/hub/team/synapse-cli.mjs +0 -458
package/hub/team/synapse-http.mjs +0 -311
package/hub/team/synapse-registry.mjs +0 -618
package/hub/team/tui-synapse.mjs +0 -223
package/hub/team/worker-sandbox.mjs +0 -125
package/hub/tools.mjs +0 -900
package/hub/workers/codex-app-server-worker.mjs +0 -1067
package/hub/workers/delegator-mcp.mjs +0 -1098
package/hub/workers/lib/jsonrpc-stdio.mjs +0 -204
package/scripts/lib/claudemd-scanner.mjs +0 -26
package/scripts/lib/context.mjs +0 -51
package/scripts/lib/handoff.mjs +0 -187
package/scripts/lib/logger.mjs +0 -122
package/scripts/lib/stealth-fetch.mjs +0 -176

package/hub/promote-penalties.mjs DELETED Viewed

@@ -1,138 +0,0 @@
-// hub/promote-penalties.mjs — pending-penalties.jsonl → store adaptive_rules 승격
-//
-// 흐름:
-//   1. safety-guard BLOCK → error-context.mjs → pending-penalties.jsonl 기록
-//   2. 이 스크립트가 penalties를 읽어 store.addAdaptiveRule()로 승격
-//   3. 승격 완료된 penalty는 파일에서 제거
-//
-// 호출 시점:
-//   - Hub 시작 시 (server.mjs에서 import)
-//   - 수동: node hub/promote-penalties.mjs
-import { existsSync, readFileSync, writeFileSync } from "node:fs";
-import { join } from "node:path";
-import { adaptiveRuleFromError, promoteRule } from "@triflux/core/hub/reflexion.mjs";
-const HOME = process.env.HOME || process.env.USERPROFILE || "";
-const PENALTY_DIR = join(HOME, ".triflux", "reflexion");
-const PENALTY_FILE = join(PENALTY_DIR, "pending-penalties.jsonl");
-function loadPenalties() {
-  if (!existsSync(PENALTY_FILE)) return [];
-  try {
-    return readFileSync(PENALTY_FILE, "utf8")
-      .split("\n")
-      .filter(Boolean)
-      .map((line) => {
-        try {
-          return JSON.parse(line);
-        } catch {
-          return null;
-        }
-      })
-      .filter(Boolean);
-  } catch {
-    return [];
-  }
-}
-function clearPenalties() {
-  try {
-    writeFileSync(PENALTY_FILE, "", "utf8");
-  } catch {
-    /* ignore */
-  }
-}
-/**
- * pending penalties를 adaptive rules로 승격한다.
- *
- * @param {object} store — store-adapter 인스턴스 (addAdaptiveRule 필요)
- * @param {object} [options]
- * @param {string} [options.projectSlug] — 프로젝트 식별자
- * @param {number} [options.sessionCount] — 현재 세션 번호
- * @returns {{ promoted: number, skipped: number, total: number }}
- */
-export function promotePenalties(store, options = {}) {
-  const penalties = loadPenalties();
-  if (penalties.length === 0) return { promoted: 0, skipped: 0, total: 0 };
-  const projectSlug = options.projectSlug || "triflux";
-  const sessionCount = options.sessionCount || 1;
-  let promoted = 0;
-  let skipped = 0;
-  for (const penalty of penalties) {
-    const errorContext = {
-      errorText: penalty.error_pattern || "",
-      errorMessage: `[${penalty.source}] ${penalty.error_pattern || "guard block"}`,
-      command: penalty.command_preview || "",
-      projectSlug,
-      sessionCount,
-      tool: penalty.tool || "Bash",
-    };
-    const rule = adaptiveRuleFromError(errorContext);
-    if (!rule) {
-      skipped++;
-      continue;
-    }
-    try {
-      if (store.addAdaptiveRule) {
-        const existing = store.findAdaptiveRule?.(
-          projectSlug,
-          rule.error_pattern,
-        );
-        if (existing) {
-          // 기존 규칙 → confidence 승격
-          promoteRule(store, projectSlug, rule.error_pattern);
-        } else {
-          // 새 규칙 → 추가
-          store.addAdaptiveRule({
-            project_slug: projectSlug,
-            pattern: rule.error_pattern,
-            error_message: rule.error_message,
-            solution: rule.solution,
-            context:
-              typeof rule.context === "string"
-                ? rule.context
-                : JSON.stringify(rule.context),
-            confidence: rule.confidence,
-            hit_count: rule.hit_count,
-            last_seen_ms: Date.now(),
-          });
-        }
-        promoted++;
-      } else {
-        skipped++;
-      }
-    } catch {
-      skipped++;
-    }
-  }
-  // 승격 완료된 penalties 제거
-  if (promoted > 0) clearPenalties();
-  return { promoted, skipped, total: penalties.length };
-}
-/**
- * store 없이 standalone 실행 — penalties 요약만 출력
- */
-export function dryRun() {
-  const penalties = loadPenalties();
-  console.log(`[promote-penalties] ${penalties.length} pending penalties`);
-  for (const p of penalties) {
-    console.log(
-      `  ${p.ts?.slice(0, 19)} [${p.source}] ${p.error_pattern?.slice(0, 80)}`,
-    );
-  }
-  return penalties;
-}
-// CLI 직접 실행
-if (process.argv[1]?.endsWith("promote-penalties.mjs")) {
-  dryRun();
-}

package/hub/public/dashboard.html DELETED Viewed

@@ -1,416 +0,0 @@
-<!DOCTYPE html>
-<html lang="ko">
-<head>
-<meta charset="UTF-8">
-<meta name="viewport" content="width=device-width, initial-scale=1.0">
-<title>triflux QoS 대시보드</title>
-<style>
-*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
-body{background:#0d1117;color:#c9d1d9;font-family:system-ui,-apple-system,sans-serif;min-height:100vh;padding:16px}
-.header{display:flex;align-items:center;justify-content:space-between;padding:12px 0;margin-bottom:16px;border-bottom:1px solid #30363d;max-width:1200px;margin-left:auto;margin-right:auto}
-.header h1{font-size:1.4rem;font-weight:600}
-.status-bar{display:flex;align-items:center;gap:12px;font-size:.85rem;color:#8b949e}
-.status-dot{width:10px;height:10px;border-radius:50%;display:inline-block;transition:background .3s}
-.status-dot.ok{background:#3fb950}
-.status-dot.err{background:#f85149}
-.grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;max-width:1200px;margin:0 auto}
-@media(max-width:768px){.grid{grid-template-columns:1fr}}
-.card{background:#161b22;border:1px solid #30363d;border-radius:8px;padding:16px}
-.card-title{font-size:.95rem;font-weight:600;margin-bottom:12px;color:#c9d1d9}
-.sub{color:#8b949e;font-size:.8rem}
-.gauge-wrap{display:flex;flex-direction:column;align-items:center;gap:8px}
-.gauge-value{font-size:2.2rem;font-weight:700;margin-top:-36px}
-.gauge-label{font-size:.85rem;color:#8b949e}
-.quota-row{margin-bottom:14px}
-.quota-row:last-child{margin-bottom:0}
-.quota-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px;font-size:.85rem}
-.quota-header .cli-name{font-weight:600}
-.quota-header .meta{color:#8b949e;font-size:.78rem}
-.bar-row{display:flex;gap:6px;align-items:center;margin-bottom:4px}
-.bar-row:last-child{margin-bottom:0}
-.bar-row .bar-label{font-size:.72rem;color:#8b949e;width:56px;text-align:right;flex-shrink:0}
-.bar-track{height:18px;background:#21262d;border-radius:4px;overflow:hidden;position:relative;flex:1}
-.bar-fill{height:100%;border-radius:4px;transition:width .4s ease;display:flex;align-items:center;justify-content:flex-end;padding-right:6px;font-size:.72rem;font-weight:600;color:#0d1117;min-width:0}
-.bar-pct-outer{font-size:.72rem;color:#8b949e;margin-left:6px;width:32px;flex-shrink:0}
-.token-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
-.token-item{background:#0d1117;border:1px solid #30363d;border-radius:6px;padding:12px;text-align:center}
-.token-item .label{font-size:.78rem;color:#8b949e;margin-bottom:4px}
-.token-item .value{font-size:1.5rem;font-weight:700}
-.token-item .calls{font-size:.78rem;color:#8b949e;margin-top:2px}
-.chart-wrap{position:relative;width:100%;height:160px}
-.chart-wrap canvas{width:100%;height:100%}
-.chart-legend{display:flex;gap:14px;margin-top:8px;font-size:.78rem;color:#8b949e}
-.legend-dot{width:8px;height:8px;border-radius:50%;display:inline-block;margin-right:4px;vertical-align:middle}
-.placeholder{text-align:center;padding:24px;color:#8b949e;font-size:.85rem}
-.btn{background:#21262d;border:1px solid #30363d;color:#c9d1d9;padding:4px 12px;border-radius:6px;font-size:.78rem;cursor:pointer;transition:background .2s}
-.btn:hover{background:#30363d}
-.btn:active{background:#3b414a}
-.btn.ok{border-color:#3fb950;color:#3fb950}
-.guide{display:none;max-width:1200px;margin:0 auto 16px;background:#161b22;border:1px solid #30363d;border-radius:8px;padding:16px;font-size:.82rem;line-height:1.7;color:#8b949e}
-.guide.open{display:block}
-.guide h3{color:#c9d1d9;font-size:.9rem;margin:12px 0 6px}
-.guide h3:first-child{margin-top:0}
-.guide code{background:#0d1117;padding:1px 5px;border-radius:3px;font-size:.78rem;color:#d19a66}
-.guide ul{padding-left:18px;margin:4px 0}
-.actions{display:flex;gap:8px;align-items:center}
-</style>
-</head>
-<body>
-<div class="header">
-  <h1>&#9889; triflux QoS 대시보드</h1>
-  <div class="status-bar">
-    <span class="status-dot" id="statusDot"></span>
-    <span id="statusText">연결 중...</span>
-    <span id="lastUpdate" class="sub"></span>
-    <div class="actions">
-      <button class="btn" id="guideBtn" title="도움말">?</button>
-      <button class="btn" id="reloadBtn" title="계정 브로커 리로드">Reload</button>
-      <a href="/broker/dashboard" target="_blank" class="btn" style="text-decoration:none">Broker</a>
-    </div>
-  </div>
-</div>
-<div class="guide" id="guidePanel">
-  <h3>AIMD 동시 워커</h3>
-  <p>AIMD(Additive Increase / Multiplicative Decrease) 알고리즘으로 최적 동시 워커 수를 자동 조절합니다. 게이지가 <code>10/10</code>에 가까우면 시스템이 포화 상태입니다.</p>
-  <h3>CLI 쿼터 사용률</h3>
-  <ul>
-    <li><strong>Claude</strong> — 5시간/주간 사용량. 80% 이상이면 빨간색 경고.</li>
-    <li><strong>Codex</strong> — Primary/Secondary 버킷별 사용률. 리셋 시간이 표시됩니다.</li>
-    <li><strong>Gemini</strong> — 남은 비율 기반 사용률. RPM/RPD 제한 포함.</li>
-  </ul>
-  <h3>호출 이력 타임라인</h3>
-  <p>최근 CLI 호출의 성공/실패/타임아웃을 시간순으로 표시합니다. <span style="color:#3fb950">녹색</span>=성공, <span style="color:#f85149">빨강</span>=실패, <span style="color:#d29922">노랑</span>=타임아웃.</p>
-  <h3>토큰 누적 현황</h3>
-  <p>CLI별 누적 토큰 사용량과 호출 횟수입니다. 세션 시작 이후의 합계입니다.</p>
-  <h3>조작</h3>
-  <ul>
-    <li><strong>Reload</strong> — <code>POST /broker/reload</code> 호출. accounts.json을 핫리로드합니다.</li>
-    <li><strong>Broker</strong> — 계정 브로커 대시보드(별도 페이지)를 엽니다.</li>
-    <li>데이터는 <strong>5초</strong>마다 자동 갱신됩니다.</li>
-  </ul>
-</div>
-<div class="grid">
-  <!-- AIMD 게이지 -->
-  <div class="card">
-    <div class="card-title">AIMD 동시 워커</div>
-    <div class="gauge-wrap">
-      <svg width="220" height="130" viewBox="0 0 220 130">
-        <path d="M20 120 A90 90 0 0 1 200 120" fill="none" stroke="#21262d" stroke-width="18" stroke-linecap="round"/>
-        <path id="gaugeArc" d="M20 120 A90 90 0 0 1 200 120" fill="none" stroke="#3fb950" stroke-width="18" stroke-linecap="round" stroke-dasharray="0 283"/>
-        <!-- 눈금 -->
-        <g id="gaugeTicks" fill="#8b949e" font-size="10" text-anchor="middle"></g>
-      </svg>
-      <div class="gauge-value" id="gaugeVal">-</div>
-      <div class="gauge-label" id="gaugeLabel">- / 10</div>
-    </div>
-  </div>
-  <!-- CLI 쿼터 바 -->
-  <div class="card">
-    <div class="card-title">CLI 쿼터 사용률</div>
-    <div id="quotaBars">
-      <div class="placeholder">데이터 대기 중...</div>
-    </div>
-  </div>
-  <!-- 호출 이력 차트 -->
-  <div class="card" style="grid-column:1/-1">
-    <div class="card-title">호출 이력 타임라인</div>
-    <div class="chart-wrap">
-      <canvas id="eventsCanvas"></canvas>
-    </div>
-    <div class="chart-legend">
-      <span><span class="legend-dot" style="background:#3fb950"></span>성공</span>
-      <span><span class="legend-dot" style="background:#f85149"></span>실패</span>
-      <span><span class="legend-dot" style="background:#d29922"></span>타임아웃</span>
-    </div>
-  </div>
-  <!-- 토큰 누적 -->
-  <div class="card" style="grid-column:1/-1">
-    <div class="card-title">토큰 누적 현황</div>
-    <div class="token-grid" id="tokenCards">
-      <div class="placeholder" style="grid-column:1/-1">데이터 대기 중...</div>
-    </div>
-  </div>
-</div>
-<script>
-(function() {
-  function esc(s) { var d = document.createElement('div'); d.textContent = s; return d.innerHTML; }
-  var POLL = 5000;
-  var MAX_W = 10;
-  var ARC_TOTAL = 283;
-  var $dot = document.getElementById('statusDot');
-  var $stxt = document.getElementById('statusText');
-  var $time = document.getElementById('lastUpdate');
-  var $arc = document.getElementById('gaugeArc');
-  var $gval = document.getElementById('gaugeVal');
-  var $glab = document.getElementById('gaugeLabel');
-  var $quota = document.getElementById('quotaBars');
-  var $tokens = document.getElementById('tokenCards');
-  var canvas = document.getElementById('eventsCanvas');
-  var cx = canvas.getContext('2d');
-  var cachedEvents = [];
-  function status(ok) {
-    $dot.className = 'status-dot ' + (ok ? 'ok' : 'err');
-    $stxt.textContent = ok ? '연결됨' : '연결 실패';
-  }
-  function ts(d) {
-    return d.toLocaleTimeString('ko-KR', { hour: '2-digit', minute: '2-digit', second: '2-digit' });
-  }
-  function fmtTok(n) {
-    if (n == null) return '-';
-    if (n >= 1e6) return (n / 1e6).toFixed(1) + 'M';
-    if (n >= 1e3) return (n / 1e3).toFixed(1) + 'K';
-    return String(n);
-  }
-  function barCol(p) {
-    if (p >= 80) return '#f85149';
-    if (p >= 50) return '#d29922';
-    return '#3fb950';
-  }
-  // rt: ISO 문자열 또는 Unix 초(정수). Unix 초는 1e10 미만으로 구분
-  function remain(rt) {
-    if (!rt) return '';
-    var ts = typeof rt === 'number' && rt < 1e10 ? rt * 1000 : new Date(rt).getTime();
-    if (!Number.isFinite(ts)) return '';
-    var ms = ts - Date.now();
-    if (ms <= 0) return '만료됨';
-    var h = Math.floor(ms / 3600000);
-    var m = Math.floor((ms % 3600000) / 60000);
-    return h > 0 ? h + '시간 ' + m + '분' : m + '분';
-  }
-  /* ── 게이지 ── */
-  function gauge(val) {
-    val = Math.max(0, Math.min(MAX_W, val || 0));
-    var r = val / MAX_W;
-    $arc.setAttribute('stroke-dasharray', (r * ARC_TOTAL) + ' ' + ARC_TOTAL);
-    $arc.setAttribute('stroke', r > 0.8 ? '#f85149' : r > 0.5 ? '#d29922' : '#3fb950');
-    $gval.textContent = val;
-    $glab.textContent = val + ' / ' + MAX_W;
-  }
-  /* ── 쿼터 ── */
-  function makeBar(label, pct) {
-    pct = Math.min(100, Math.max(0, Math.round(pct)));
-    var c = barCol(pct);
-    var inner = pct > 10 ? pct + '%' : '';
-    var outer = pct <= 10 ? pct + '%' : '';
-    return '<div class="bar-row">' +
-      '<span class="bar-label">' + esc(label) + '</span>' +
-      '<div class="bar-track"><div class="bar-fill" style="width:' + pct + '%;background:' + c + '">' + inner + '</div></div>' +
-      '<span class="bar-pct-outer">' + outer + '</span>' +
-      '</div>';
-  }
-  function quotaBlock(name, color, bars, resetTime) {
-    var rem = remain(resetTime);
-    var expired = rem === '만료됨';
-    var h = '<div class="quota-row"><div class="quota-header">' +
-      '<span class="cli-name" style="color:' + color + '">' + esc(name) + '</span>';
-    if (rem) h += '<span class="meta" style="' + (expired ? 'color:#f85149' : '') + '">리셋: ' + rem + '</span>';
-    h += '</div>';
-    for (var i = 0; i < bars.length; i++) h += makeBar(bars[i][0], bars[i][1]);
-    h += '</div>';
-    return h;
-  }
-  function renderQuota(d) {
-    var s = '';
-    // Claude
-    var cl = d.claude?.data;
-    if (cl) {
-      s += quotaBlock('Claude (c)', '#d19a66', [
-        ['5시간', cl.fiveHourPercent || 0],
-        ['주간', cl.weeklyPercent || 0]
-      ], cl.fiveHourResetsAt);
-    }
-    // Codex
-    var cx2 = d.codex?.buckets?.codex;
-    if (cx2) {
-      s += quotaBlock('Codex (x)', '#ffffff', [
-        ['Primary', cx2.primary ? cx2.primary.used_percent || 0 : 0],
-        ['Secondary', cx2.secondary ? cx2.secondary.used_percent || 0 : 0]
-      ], cx2.primary?.resets_at);
-    }
-    // Gemini
-    var gm = d.gemini?.buckets;
-    if (gm && gm.length > 0) {
-      var frac = gm[0].remainingFraction;
-      s += quotaBlock('Gemini (g)', '#61afef', [
-        ['사용률', frac != null ? Math.round((1 - frac) * 100) : 0]
-      ], gm[0].resetTime);
-    }
-    $quota.innerHTML = s || '<div class="placeholder">쿼터 데이터 없음</div>';
-  }
-  /* ── 토큰 ── */
-  function renderTokens(acc) {
-    if (!acc || Object.keys(acc).length === 0) {
-      $tokens.innerHTML = '<div class="placeholder" style="grid-column:1/-1">누적 데이터 없음</div>';
-      return;
-    }
-    var h = '';
-    var keys = Object.keys(acc);
-    for (var i = 0; i < keys.length; i++) {
-      var k = keys[i], v = acc[k];
-      if (!v) continue;
-      h += '<div class="token-item">' +
-        '<div class="label">' + esc(k.toUpperCase()) + '</div>' +
-        '<div class="value">' + esc(fmtTok(v.tokens)) + '</div>' +
-        '<div class="calls">' + (v.calls || 0) + '회 호출</div>' +
-        '</div>';
-    }
-    $tokens.innerHTML = h || '<div class="placeholder" style="grid-column:1/-1">누적 데이터 없음</div>';
-  }
-  /* ── 이벤트 차트 ── */
-  var colorMap = { success: '#3fb950', failed: '#f85149', fail: '#f85149', error: '#f85149', timeout: '#d29922' };
-  function drawEvents(evts) {
-    var dpr = window.devicePixelRatio || 1;
-    var rect = canvas.parentElement.getBoundingClientRect();
-    var w = rect.width, h = rect.height;
-    canvas.width = w * dpr;
-    canvas.height = h * dpr;
-    cx.setTransform(dpr, 0, 0, dpr, 0, 0);
-    cx.clearRect(0, 0, w, h);
-    if (!evts || evts.length === 0) {
-      cx.fillStyle = '#8b949e';
-      cx.font = '13px system-ui';
-      cx.textAlign = 'center';
-      cx.fillText('이벤트 데이터 없음', w / 2, h / 2);
-      return;
-    }
-    var pad = { l: 50, r: 16, t: 12, b: 28 };
-    var cw = w - pad.l - pad.r;
-    var ch = h - pad.t - pad.b;
-    var times = [];
-    for (var i = 0; i < evts.length; i++) {
-      times.push(new Date(evts[i].timestamp || evts[i].time || evts[i].t).getTime());
-    }
-    var tMin = Math.min.apply(null, times);
-    var tMax = Math.max.apply(null, times);
-    if (tMax === tMin) tMax = tMin + 60000;
-    // X축 라인
-    cx.strokeStyle = '#30363d';
-    cx.lineWidth = 1;
-    cx.beginPath();
-    cx.moveTo(pad.l, pad.t + ch);
-    cx.lineTo(pad.l + cw, pad.t + ch);
-    cx.stroke();
-    // X축 라벨
-    cx.fillStyle = '#8b949e';
-    cx.font = '11px system-ui';
-    cx.textAlign = 'center';
-    var nL = Math.min(6, evts.length);
-    for (var j = 0; j < nL; j++) {
-      var tp = tMin + (tMax - tMin) * j / (nL - 1 || 1);
-      var xp = pad.l + cw * (tp - tMin) / (tMax - tMin);
-      var dd = new Date(tp);
-      cx.fillText(dd.getHours() + ':' + String(dd.getMinutes()).padStart(2, '0'), xp, h - 6);
-    }
-    // 도트
-    var dr = Math.max(3, Math.min(6, cw / evts.length * 0.4));
-    for (var k = 0; k < evts.length; k++) {
-      var ev = evts[k];
-      var t = times[k];
-      var ex = pad.l + cw * (t - tMin) / (tMax - tMin);
-      // Y: 해시 분산 (겹침 방지)
-      var ey = pad.t + ch * 0.15 + (ch * 0.65) * ((k * 7 + 3) % 13) / 13;
-      var st = (ev.status || ev.result || 'success').toLowerCase();
-      cx.beginPath();
-      cx.arc(ex, ey, dr, 0, Math.PI * 2);
-      cx.fillStyle = colorMap[st] || '#8b949e';
-      cx.fill();
-    }
-  }
-  /* ── 폴링 ── */
-  function poll() {
-    fetch('/api/qos-stats')
-      .then(function(r) {
-        if (!r.ok) throw new Error('HTTP ' + r.status);
-        return r.json();
-      })
-      .then(function(data) {
-        status(true);
-        $time.textContent = ts(new Date());
-        gauge(data.aimd ? data.aimd.batchSize : 0);
-        renderQuota(data);
-        cachedEvents = (data.aimd?.events) || [];
-        drawEvents(cachedEvents);
-        renderTokens(data.accumulator);
-      })
-      .catch(function(e) {
-        status(false);
-        $time.textContent = ts(new Date()) + ' (실패)';
-      });
-  }
-  var rTimer;
-  window.addEventListener('resize', function() {
-    clearTimeout(rTimer);
-    rTimer = setTimeout(function() { drawEvents(cachedEvents); }, 150);
-  });
-  /* ── 가이드 토글 ── */
-  document.getElementById('guideBtn').onclick = function() {
-    var p = document.getElementById('guidePanel');
-    p.classList.toggle('open');
-    this.classList.toggle('ok');
-  };
-  /* ── 브로커 리로드 ── */
-  document.getElementById('reloadBtn').onclick = function() {
-    var btn = this;
-    btn.textContent = '...';
-    fetch('/broker/reload', { method: 'POST' })
-      .then(function(r) { return r.json(); })
-      .then(function(d) {
-        btn.textContent = d.ok ? 'OK (' + (d.accounts || 0) + ')' : 'Fail';
-        btn.classList.toggle('ok', d.ok);
-        setTimeout(function() { btn.textContent = 'Reload'; btn.classList.remove('ok'); }, 3000);
-      })
-      .catch(function() {
-        btn.textContent = 'Error';
-        setTimeout(function() { btn.textContent = 'Reload'; }, 3000);
-      });
-  };
-  poll();
-  setInterval(poll, POLL);
-})();
-</script>
-</body>
-</html>