ccc-notifier 0.1.0 → 0.3.0

package/dist/{chunk-64N5SGTT.js → chunk-QX5KIRSU.js}

@@ -7,12 +7,12 @@ import {
   formatTokens,
   formatUSD,
   modelDisplayName
-} from "./chunk-TBFKGFZX.js";
+} from "./chunk-J5QAYTFE.js";
 import {
   paths,
   readConfig,
   readTurns
-} from "./chunk-IIYMGLV4.js";
+} from "./chunk-ECADO26T.js";
 
 // src/dashboard.ts
 import { spawn, spawnSync } from "child_process";
@@ -170,7 +170,7 @@ function buildTurnEmbed(rec, map) {
     };
   }
   const ms = Date.parse(rec.ts);
-  return {
+  const out = {
     t: Number.isFinite(ms) ? ms : 0,
     ts: fmtLocalDateTime(rec.ts),
     p: basename(rec.project) || rec.project || "(unknown)",
@@ -187,6 +187,8 @@ function buildTurnEmbed(rec, map) {
     tr: truncated,
     sa
   };
+  if (rec.source === "codex") out.sc = "codex";
+  return out;
 }
 function computeKpis(turns) {
   const now = /* @__PURE__ */ new Date();
@@ -331,6 +333,7 @@ section.card > .note{color:var(--muted); font-size:12px; margin:0 0 14px;}
 .turns .c-time,.turns .c-model{white-space:nowrap;}
 .turns .c-proj{max-width:160px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
 .turns .c-prompt{color:var(--ink2);}
+.src-badge{display:inline-block; margin-left:6px; padding:1px 6px; border-radius:6px; font-size:11px; font-weight:600; line-height:1.4; background:var(--plane); color:var(--ink2); border:1px solid var(--border); vertical-align:middle;}
 .turn-row{cursor:pointer;}
 .turn-row:hover{background:color-mix(in srgb, var(--ink) 4%, transparent);}
 .turn-row:focus-visible{outline:2px solid var(--s1); outline-offset:-2px;}
@@ -418,17 +421,37 @@ var APP_JS = `<script>
   function ssGet(k){ try { return sessionStorage.getItem(k); } catch(e){ return null; } }
   function ssSet(k, v){ try { sessionStorage.setItem(k, v); } catch(e){} }
   var GRAN = ssGet('cccn-gran'); if(['day','week','month'].indexOf(GRAN) < 0) GRAN = 'day';
+  // \u30BD\u30FC\u30B9(Claude/Codex)\u30D5\u30A3\u30EB\u30BF\u3002\u30C1\u30C3\u30D7\u304C\u63CF\u753B\u3055\u308C\u3066\u3044\u308B(=Codex \u30EC\u30B3\u30FC\u30C9\u304C\u5B58\u5728\u3059\u308B)\u3068\u304D\u306E\u307F\u6709\u52B9\u3002
+  // \u65E2\u5B9A 'all'\u3002sessionStorage \u306B\u4FDD\u5B58\u3057\u81EA\u52D5\u30EA\u30ED\u30FC\u30C9(meta refresh)\u3092\u8DE8\u3044\u3067\u7DAD\u6301\u3059\u308B(cccn-gran \u3068\u540C\u3058\u4ED5\u7D44\u307F)\u3002
+  var HAS_CODEX = document.querySelectorAll('[data-src]').length > 0;
+  var SRC = ssGet('cccn-src'); if(['all','claude','codex'].indexOf(SRC) < 0) SRC = 'all';
+  // \u8FF0\u8A9E: claude \u2192 sc \u306A\u3057 / codex \u2192 sc==='codex' / all \u2192 \u5168\u4EF6\u3002Codex \u7121\u3057(\u30C1\u30C3\u30D7\u7121\u3057)\u306A\u3089\u5E38\u306B\u5168\u4EF6\u3002
+  function activeTurns(){
+    if(!HAS_CODEX || SRC === 'all') return turns;
+    if(SRC === 'codex') return turns.filter(function(tn){ return tn.sc === 'codex'; });
+    return turns.filter(function(tn){ return !tn.sc; });
+  }
   // \u65E2\u5B9A\u306F\u300C\u8D77\u52D5\u3057\u305F\u65E5\u300D\u3092\u521D\u671F\u9078\u629E\u3059\u308B(\u672A\u4FDD\u5B58\u6642)\u3002\u660E\u793A\u7684\u306A\u901A\u7B97\u306F '__all__'\u3001\u305D\u306E\u4ED6\u306F\u4FDD\u5B58\u30AD\u30FC\u3002
   var storedSel = ssGet('cccn-sel');
   var SEL = (storedSel === null) ? defaultSel(GRAN) : (storedSel === '__all__' ? null : storedSel);
   function setGran(g){ GRAN = g; ssSet('cccn-gran', g); }
   function setSel(v){ SEL = v; ssSet('cccn-sel', v === null ? '__all__' : v); }
+  // \u30BD\u30FC\u30B9\u5207\u66FF\u3002\u30D5\u30A3\u30EB\u30BF\u5F8C\u306B\u9078\u629E\u4E2D\u30D0\u30B1\u30C3\u30C8\u304C\u6D88\u3048\u305F\u3089\u901A\u7B97\u3078\u5012\u3059(\u7A7A\u8868\u793A\u306E\u8AA4\u89E3\u9632\u6B62\u30FBgran \u30C8\u30B0\u30EB\u3068\u540C\u3058\u6D41\u5100)\u3002
+  function setSrc(s){
+    SRC = s; ssSet('cccn-src', s);
+    if(SEL !== null){
+      var present = false, bk = buildBuckets(GRAN);
+      for(var i=0;i<bk.length;i++){ if(bk[i].key === SEL){ present = true; break; } }
+      if(!present) setSel(null);
+    }
+  }
   var lastRenderedGran = null; // \u76F4\u524D\u306B\u63CF\u753B\u3057\u305F\u7C92\u5EA6\u3002\u5909\u308F\u3063\u305F\u3068\u304D(=\u30D0\u30B1\u30C3\u30C8\u6570\u304C\u5909\u308F\u308B\u3068\u304D)\u3060\u3051\u53F3\u7AEF\u3078\u5BC4\u305B\u308B\u3002
 
   function buildBuckets(gran){
+    var src = activeTurns();
     var map = {}; var keys = [];
-    for(var i=0;i<turns.length;i++){
-      var tn = turns[i];
+    for(var i=0;i<src.length;i++){
+      var tn = src[i];
       var k = bucketKey(tn.t, gran);
       if(k === null) continue;
       var b = map[k];
@@ -452,8 +475,9 @@ var APP_JS = `<script>
   }
 
   function turnsInSelection(){
-    if(SEL === null) return turns;
-    return turns.filter(function(tn){ return bucketKey(tn.t, GRAN) === SEL; });
+    var src = activeTurns();
+    if(SEL === null) return src;
+    return src.filter(function(tn){ return bucketKey(tn.t, GRAN) === SEL; });
   }
 
   // ---- SVG \u30D8\u30EB\u30D1\u30FC ----
@@ -726,6 +750,12 @@ var APP_JS = `<script>
     sub.textContent = ' ' + mk + (mk === curMonth ? '(\u4ECA\u6708)' : '');
     h.appendChild(sub);
     budgetEl.appendChild(h);
+    // \u4E88\u7B97\u30AB\u30FC\u30C9\u306F\u5E38\u306B\u5168\u30BD\u30FC\u30B9\u5408\u7B97(\u30BD\u30FC\u30B9\u30D5\u30A3\u30EB\u30BF\u975E\u9023\u52D5)\u3002Codex \u304C\u3042\u308B\u6642\u3060\u3051\u305D\u306E\u65E8\u3092\u660E\u8A18\u3059\u308B\u3002
+    if(HAS_CODEX){
+      var srcNote = document.createElement('p'); srcNote.className = 'note';
+      srcNote.textContent = '\u5168\u30BD\u30FC\u30B9\u5408\u7B97 / all sources';
+      budgetEl.appendChild(srcNote);
+    }
 
     var bar = document.createElement('div'); bar.className = 'budget-bar';
     var fill = document.createElement('div'); fill.className = 'budget-fill lvl-' + level;
@@ -746,6 +776,55 @@ var APP_JS = `<script>
     budgetEl.appendChild(foot);
   }
 
+  // ---- KPI(\u4ECA\u65E5/\u4ECA\u9031/\u4ECA\u6708/\u901A\u7B97)+ \u30D2\u30FC\u30ED\u30FC(\u901A\u7B97\u30D0\u30CA\u30FC)----
+  // \u30BD\u30FC\u30B9\u30D5\u30A3\u30EB\u30BF\u9023\u52D5\u3002Codex \u7121\u3057\u306A\u3089\u30B5\u30FC\u30D0\u63CF\u753B\u306E\u307E\u307E(\u65E2\u5B58\u6319\u52D5\u30921px\u3082\u5909\u3048\u306A\u3044\u305F\u3081\u4F55\u3082\u3057\u306A\u3044)\u3002
+  // \u30AB\u30FC\u30C9\u306F .kpi \u5185\u306E .stat \u3092\u9806\u306B today / week / month / all \u3068\u3057\u3066\u66F4\u65B0\u3059\u308B(\u30B5\u30FC\u30D0\u63CF\u753B\u9806\u306B\u4E00\u81F4)\u3002
+  // \u30D2\u30FC\u30ED\u30FC\u306F\u30D5\u30A3\u30EB\u30BF\u5F8C\u306E\u5168\u671F\u9593\u5408\u8A08\u306B\u5DEE\u3057\u66FF\u3048\u3001SA \u5185\u8A33\u884C\u306F SA \u5408\u8A08\u30BC\u30ED\u306A\u3089\u884C\u3054\u3068\u96A0\u3059
+  // (Codex \u30EC\u30B3\u30FC\u30C9\u306F SA \u3092\u6301\u305F\u306A\u3044\u305F\u3081 Codex \u30D5\u30A3\u30EB\u30BF\u6642\u306F\u5FC5\u7136\u7684\u306B\u975E\u8868\u793A)\u3002\u884C\u306E\u6587\u8A00\u306F\u30B5\u30FC\u30D0\u63CF\u753B\u306E
+  // \u63A5\u982D\u8F9E($ \u306E\u624B\u524D\u307E\u3067)\u3092\u518D\u5229\u7528\u3057\u3066\u6570\u5024\u90E8\u5206\u3060\u3051\u7D44\u307F\u76F4\u3059(APP_JS \u306B\u8868\u793A\u6587\u8A00\u3092\u91CD\u8907\u3055\u305B\u306A\u3044)\u3002
+  var kpiCards = document.querySelectorAll('.kpi .stat');
+  var heroValueEl = document.querySelector('.hero .hero-value');
+  var heroMetaEls = document.querySelectorAll('.hero .hero-meta');
+  var heroSaEl = heroMetaEls.length > 1 ? heroMetaEls[1] : null; // SA \u884C(SA \u3042\u308A\u306E\u3068\u304D\u3060\u3051\u30B5\u30FC\u30D0\u304C\u63CF\u753B)
+  var heroSaPrefix = heroSaEl ? ((heroSaEl.textContent || '').split('$')[0]) : '';
+  function setKpiCard(card, tot){
+    if(!card) return;
+    var v = card.querySelector('.stat-value');
+    var m = card.querySelector('.stat-meta');
+    if(v) v.textContent = formatUSD(tot.usd);
+    if(m) m.textContent = formatJPY(tot.jpy) + ' \xB7 ' + tot.turns + ' \u30BF\u30FC\u30F3';
+  }
+  function renderKpis(){
+    if(!HAS_CODEX) return;
+    var src = activeTurns();
+    var now = new Date();
+    var y = now.getFullYear(), mo = now.getMonth(), d = now.getDate();
+    var weekCutoff = Date.now() - 7*86400000;
+    var today = {usd:0,jpy:0,turns:0}, week = {usd:0,jpy:0,turns:0}, month = {usd:0,jpy:0,turns:0}, all = {usd:0,jpy:0,turns:0};
+    var saUsd = 0, saJpy = 0;
+    for(var i=0;i<src.length;i++){
+      var tn = src[i], bs = tn.bs || {}, fx = tn.fx || 0, u = 0;
+      for(var s in bs){ if(bs.hasOwnProperty(s)) u += bs[s]; }
+      var j = u * fx;
+      if(tn.sa){ var sau = u - (tn.um || 0); saUsd += sau; saJpy += sau * fx; } // SA \u5206 = \u7DCF\u984D \u2212 \u30E1\u30A4\u30F3
+      all.usd += u; all.jpy += j; all.turns++;
+      var dt = new Date(tn.t);
+      if(isNaN(dt.getTime())) continue;
+      if(dt.getFullYear()===y && dt.getMonth()===mo && dt.getDate()===d){ today.usd+=u; today.jpy+=j; today.turns++; }
+      if(tn.t >= weekCutoff){ week.usd+=u; week.jpy+=j; week.turns++; }
+      if(dt.getFullYear()===y && dt.getMonth()===mo){ month.usd+=u; month.jpy+=j; month.turns++; }
+    }
+    if(kpiCards.length >= 4){
+      setKpiCard(kpiCards[0], today); setKpiCard(kpiCards[1], week); setKpiCard(kpiCards[2], month); setKpiCard(kpiCards[3], all);
+    }
+    if(heroValueEl) heroValueEl.textContent = formatUSD(all.usd);
+    if(heroMetaEls.length > 0) heroMetaEls[0].textContent = formatJPY(all.jpy) + ' \xB7 ' + all.turns + ' \u30BF\u30FC\u30F3';
+    if(heroSaEl){
+      heroSaEl.hidden = !(saUsd > 0);
+      if(saUsd > 0) heroSaEl.textContent = heroSaPrefix + formatUSD(saUsd) + '(' + formatJPY(saJpy) + ')';
+    }
+  }
+
   // ---- \u30BF\u30FC\u30F3\u5C65\u6B74 ----
   // \u5168\u671F\u9593\u3060\u3068\u6570\u5343\u884C\u306B\u306A\u308A\u30DA\u30FC\u30B8\u304C\u6975\u7AEF\u306B\u9577\u304F\u30FB\u91CD\u304F\u306A\u308B\u305F\u3081\u3001DOM \u63CF\u753B\u306F\u6700\u5927 HIST_CAP \u4EF6\u306B\u6291\u3048\u308B\u3002
   // \u691C\u7D22\u306F\u9078\u629E\u4E2D\u306E\u5168\u30BF\u30FC\u30F3\u3092\u5BFE\u8C61\u306B\u3057\u3001\u4E00\u81F4\u4EF6\u6570\u3092\u4EF6\u6570\u8868\u793A\u306B\u51FA\u3059(\u5148\u982D HIST_CAP \u4EF6\u3060\u3051\u63CF\u753B)\u3002
@@ -765,7 +844,14 @@ var APP_JS = `<script>
     function cell(text, cls){ var td = document.createElement('td'); if(cls) td.className = cls; td.textContent = text; tr.appendChild(td); return td; }
     cell(t.ts || '', 'c-time');
     cell(t.p || '', 'c-proj');
-    cell(t.md || '', 'c-model');
+    var mcell = cell(t.md || '', 'c-model');
+    // Codex \u7531\u6765\u306F\u30E2\u30C7\u30EB\u540D\u306E\u96A3\u306B\u5C0F\u3055\u306A Codex \u30D0\u30C3\u30B8\u3002\u52D5\u7684\u5024\u306F\u5165\u308C\u305A\u9759\u7684\u30C6\u30AD\u30B9\u30C8\u3092 textContent \u3067\u633F\u5165\u3002
+    if(t.sc === 'codex'){
+      mcell.appendChild(document.createTextNode(' '));
+      var badge = document.createElement('span'); badge.className = 'src-badge';
+      badge.textContent = 'Codex';
+      mcell.appendChild(badge);
+    }
     cell(t.ti || '', 'c-num');
     cell(t.to || '', 'c-num');
     cell(formatUSD(t.um || 0), 'c-num');
@@ -832,6 +918,8 @@ var APP_JS = `<script>
     for(var i=0;i<gbtns.length;i++){ gbtns[i].classList.toggle('active', gbtns[i].getAttribute('data-gran') === GRAN); }
     var allBtn = document.getElementById('cccn-all');
     if(allBtn) allBtn.classList.toggle('active', SEL === null);
+    var sbtns = document.querySelectorAll('[data-src]');
+    for(var k=0;k<sbtns.length;k++){ sbtns[k].classList.toggle('active', sbtns[k].getAttribute('data-src') === SRC); }
   }
 
   // ---- \u5168\u4F53\u30EC\u30F3\u30C0\u30EA\u30F3\u30B0 ----
@@ -839,6 +927,7 @@ var APP_JS = `<script>
     var sub = turnsInSelection();
     renderChart();
     renderBudget();
+    renderKpis();
     renderByModel(sub);
     renderByProject(sub);
     renderHistory(sub);
@@ -853,6 +942,10 @@ var APP_JS = `<script>
   }
   var allBtn = document.getElementById('cccn-all');
   if(allBtn) allBtn.addEventListener('click', function(){ setSel(null); render(); });
+  var srcBtns = document.querySelectorAll('[data-src]');
+  for(var sbi=0;sbi<srcBtns.length;sbi++){
+    (function(btn){ btn.addEventListener('click', function(){ setSrc(btn.getAttribute('data-src')); render(); }); })(srcBtns[sbi]);
+  }
   if(search){
     var saved = ssGet('cccn-search');
     if(saved !== null) search.value = saved;
@@ -879,13 +972,13 @@ function renderLegend(slots) {
   const items = slots.map((m) => `<span class="legend-item"><span class="swatch k${m.slot}"></span>${esc(m.name)}</span>`).join("");
   return `<div class="legend">${items}</div>`;
 }
-function budgetCard(budgetUSD, month, fallbackRate) {
+function budgetCard(budgetUSD, month, fallbackRate, hasCodex) {
   if (!(budgetUSD > 0)) return "";
   const pct = month.usd / budgetUSD * 100;
   const width = Math.max(0, Math.min(100, pct));
   const level = pct >= 100 ? "over" : pct >= 70 ? "warn" : "ok";
   const budgetJpy = budgetUSD * fallbackRate;
-  return `<section class="card" id="cccn-budget"><h2>\u6708\u4E88\u7B97 / Monthly budget<span class="stat-sub"> \u4ECA\u6708(\u66A6\u6708)</span></h2><div class="budget-bar"><div class="budget-fill lvl-${level}" style="width:${width.toFixed(1)}%"></div></div><div class="budget-foot"><span>\u4ECA\u6708 <b>${esc(formatUSD(month.usd))}</b> / ${esc(formatUSD(budgetUSD))} <span class="muted">(${esc(formatJPY(month.jpy))} / ${esc(formatJPY(budgetJpy))})</span></span><span class="budget-pct lvl-${level}">${pct.toFixed(1)}% used</span></div></section>`;
+  return `<section class="card" id="cccn-budget"><h2>\u6708\u4E88\u7B97 / Monthly budget<span class="stat-sub"> \u4ECA\u6708(\u66A6\u6708)</span></h2>` + (hasCodex ? `<p class="note">\u5168\u30BD\u30FC\u30B9\u5408\u7B97 / all sources</p>` : "") + `<div class="budget-bar"><div class="budget-fill lvl-${level}" style="width:${width.toFixed(1)}%"></div></div><div class="budget-foot"><span>\u4ECA\u6708 <b>${esc(formatUSD(month.usd))}</b> / ${esc(formatUSD(budgetUSD))} <span class="muted">(${esc(formatJPY(month.jpy))} / ${esc(formatJPY(budgetJpy))})</span></span><span class="budget-pct lvl-${level}">${pct.toFixed(1)}% used</span></div></section>`;
 }
 function escapeJsonForScript(json) {
   return json.replace(/</g, "\\u003c").replace(/\u2028/g, "\\u2028").replace(/\u2029/g, "\\u2029");
@@ -901,6 +994,7 @@ function renderDashboard(turns, opts) {
   const turnsEmbed = turns.map((rec) => buildTurnEmbed(rec, map));
   const anyTruncated = turnsEmbed.some((t) => t.tr);
   const anySub = turns.some((r) => r.subagents);
+  const anyCodex = turns.some((r) => r.source === "codex");
   let subUsd = 0;
   let subJpy = 0;
   for (const r of turns) {
@@ -929,7 +1023,8 @@ function renderDashboard(turns, opts) {
   const dataJson = escapeJsonForScript(JSON.stringify(embed));
   const reloadSec = Number.isFinite(opts.autoReloadSec) && opts.autoReloadSec > 0 ? Math.floor(opts.autoReloadSec) : 0;
   const refreshMeta = reloadSec > 0 ? `<meta http-equiv="refresh" content="${reloadSec}">` : "";
-  const autoUpdateFoot = reloadSec > 0 ? `<div class="foot">\u7D04 ${reloadSec} \u79D2\u3054\u3068\u306B\u81EA\u52D5\u66F4\u65B0(\u6700\u65B0\u5316\u306F Claude Code \u306E\u5FDC\u7B54\u5B8C\u4E86\u6642)</div>` : "";
+  const updateTrigger = anyCodex ? "Claude Code / Codex \u306E\u5FDC\u7B54\u5B8C\u4E86\u6642" : "Claude Code \u306E\u5FDC\u7B54\u5B8C\u4E86\u6642";
+  const autoUpdateFoot = reloadSec > 0 ? `<div class="foot">\u7D04 ${reloadSec} \u79D2\u3054\u3068\u306B\u81EA\u52D5\u66F4\u65B0(\u6700\u65B0\u5316\u306F ${updateTrigger})</div>` : "";
   const head = `<!doctype html><html lang="ja"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1"><meta name="color-scheme" content="light dark">` + refreshMeta + `<title>ccc-notifier \u30C0\u30C3\u30B7\u30E5\u30DC\u30FC\u30C9</title>` + STYLE + `</head><body><div class="wrap">`;
   const foot = autoUpdateFoot + `<div class="foot">ccc-notifier v${esc(version)} \xB7 \u30C7\u30FC\u30BF\u306F\u30ED\u30FC\u30AB\u30EB\u306E\u307F / all data stays local</div></div><div id="cccn-tip" class="cccn-tip" hidden></div><script id="cccn-data" type="application/json">${dataJson}</script>` + APP_JS + `</body></html>`;
   if (turns.length === 0) {
@@ -939,8 +1034,9 @@ function renderDashboard(turns, opts) {
   }
   const header = `<div class="head"><div><h1>ccc-notifier \u30C0\u30C3\u30B7\u30E5\u30DC\u30FC\u30C9</h1><div class="sub">${esc(period)}<span class="muted"> \xB7 ${esc(rangeText)}</span></div><div class="sub muted">\u751F\u6210 ${esc(generatedAt)} / generated</div></div><div class="hero"><div class="hero-label">\u901A\u7B97 / Total</div><div class="hero-value">${esc(formatUSD(kpi.all.usd))}</div><div class="hero-meta">${esc(formatJPY(kpi.all.jpy))} \xB7 ${kpi.all.turns} \u30BF\u30FC\u30F3</div>` + (anySub ? `<div class="hero-meta">\u3046\u3061\u30B5\u30D6\u30A8\u30FC\u30B8\u30A7\u30F3\u30C8 ${esc(formatUSD(subUsd))}(${esc(formatJPY(subJpy))})</div>` : "") + `</div></div>`;
   const kpiSection = `<div class="kpi">` + statCard("\u4ECA\u65E5", "Today", kpi.today) + statCard("\u4ECA\u9031", "\u76F4\u8FD17\u65E5", kpi.week) + statCard("\u4ECA\u6708", "\u66A6\u6708", kpi.month) + statCard("\u901A\u7B97", "\u5168\u671F\u9593", kpi.all) + `</div>`;
-  const budgetSection = budgetCard(budgetUSD, kpi.month, cfg.fx.fallbackRate);
-  const chartSection = `<section class="card"><h2>\u30B3\u30B9\u30C8\u63A8\u79FB / Cost over time</h2><p class="note">\u7C92\u5EA6\u3092 \u65E5 / \u9031 / \u6708 \u3067\u5207\u308A\u66FF\u3048\u3089\u308C\u307E\u3059(\u6A2A\u30B9\u30AF\u30ED\u30FC\u30EB\u3067\u904E\u53BB\u307E\u3067)\u3002\u68D2\u3092\u30AF\u30EA\u30C3\u30AF\u3059\u308B\u3068\u305D\u306E\u671F\u9593\u304C\u9078\u629E\u3055\u308C\u3001\u4E0B\u306E\u30E2\u30C7\u30EB\u5225\u30FB\u30D7\u30ED\u30B8\u30A7\u30AF\u30C8\u5225\u30FB\u5C65\u6B74\u304C\u9023\u52D5\u3057\u307E\u3059\u3002\u300C\u901A\u7B97\u300D\u3067\u5168\u671F\u9593\u306B\u623B\u308A\u307E\u3059\u3002\u30E2\u30C7\u30EB\u5225\u306B\u8272\u5206\u3051\u3002</p><div class="toolbar-row"><div class="seg-toggle"><button type="button" data-gran="day">\u65E5</button><button type="button" data-gran="week">\u9031</button><button type="button" data-gran="month">\u6708</button></div><button type="button" id="cccn-all" class="btn">\u901A\u7B97</button><span id="cccn-sel-label" class="sel-label"></span></div>` + renderLegend(map.slots) + `<div class="chart-scroll"><div id="cccn-chart"></div></div></section>`;
+  const budgetSection = budgetCard(budgetUSD, kpi.month, cfg.fx.fallbackRate, anyCodex);
+  const srcToggle = anyCodex ? `<div class="seg-toggle" id="cccn-src-toggle"><button type="button" data-src="all">\u5168\u4F53</button><button type="button" data-src="claude">Claude</button><button type="button" data-src="codex">Codex</button></div>` : "";
+  const chartSection = `<section class="card"><h2>\u30B3\u30B9\u30C8\u63A8\u79FB / Cost over time</h2><p class="note">\u7C92\u5EA6\u3092 \u65E5 / \u9031 / \u6708 \u3067\u5207\u308A\u66FF\u3048\u3089\u308C\u307E\u3059(\u6A2A\u30B9\u30AF\u30ED\u30FC\u30EB\u3067\u904E\u53BB\u307E\u3067)\u3002\u68D2\u3092\u30AF\u30EA\u30C3\u30AF\u3059\u308B\u3068\u305D\u306E\u671F\u9593\u304C\u9078\u629E\u3055\u308C\u3001\u4E0B\u306E\u30E2\u30C7\u30EB\u5225\u30FB\u30D7\u30ED\u30B8\u30A7\u30AF\u30C8\u5225\u30FB\u5C65\u6B74\u304C\u9023\u52D5\u3057\u307E\u3059\u3002\u300C\u901A\u7B97\u300D\u3067\u5168\u671F\u9593\u306B\u623B\u308A\u307E\u3059\u3002\u30E2\u30C7\u30EB\u5225\u306B\u8272\u5206\u3051\u3002</p><div class="toolbar-row"><div class="seg-toggle"><button type="button" data-gran="day">\u65E5</button><button type="button" data-gran="week">\u9031</button><button type="button" data-gran="month">\u6708</button></div><button type="button" id="cccn-all" class="btn">\u901A\u7B97</button>` + srcToggle + `<span id="cccn-sel-label" class="sel-label"></span></div>` + renderLegend(map.slots) + `<div class="chart-scroll"><div id="cccn-chart"></div></div></section>`;
   const breakdownSection = `<div class="grid2"><section class="card"><h2>\u30E2\u30C7\u30EB\u5225\u5185\u8A33 / By model</h2><p class="note">\u9078\u629E\u4E2D\u306E\u671F\u9593(\u65E2\u5B9A\u306F\u901A\u7B97)\u306E\u30B3\u30B9\u30C8\u964D\u9806\u3002\u8907\u6570\u30E2\u30C7\u30EB\u306E\u30BF\u30FC\u30F3\u306F\u5404\u30E2\u30C7\u30EB\u306B1\u305A\u3064\u8A08\u4E0A\u3002</p><div class="table-wrap" id="cccn-bymodel"></div></section><section class="card"><h2>\u30D7\u30ED\u30B8\u30A7\u30AF\u30C8\u5225 / By project</h2><p class="note">\u9078\u629E\u4E2D\u306E\u671F\u9593\u306E\u30D7\u30ED\u30B8\u30A7\u30AF\u30C8(\u30C7\u30A3\u30EC\u30AF\u30C8\u30EA basename)\u5358\u4F4D\u30FB\u30B3\u30B9\u30C8\u964D\u9806\u3002</p><div class="table-wrap" id="cccn-byproject"></div></section></div>`;
   const capNote = "\u4EF6\u6570\u304C\u591A\u3044\u5834\u5408\u306F\u65B0\u3057\u3044\u9806\u306B\u5148\u982D200\u4EF6\u306E\u307F\u63CF\u753B\u3057\u307E\u3059(\u691C\u7D22\u3084\u3001\u4E0A\u306E\u30B0\u30E9\u30D5\u3067\u671F\u9593\u3092\u9078\u3076\u3068\u7D5E\u308A\u8FBC\u3081\u307E\u3059)\u3002";
   const truncNote = anyTruncated ? `<p class="note">\u9078\u629E\u4E2D\u306E\u671F\u9593\u306E\u30BF\u30FC\u30F3\u3092\u65B0\u3057\u3044\u9806\u306B\u8868\u793A\u3057\u307E\u3059\u3002${capNote}\u30D7\u30ED\u30F3\u30D7\u30C8\u306F1\u4EF6\u3042\u305F\u308A\u6700\u5927 ${PROMPT_MAX.toLocaleString("en-US")} \u5B57\u307E\u3067(\u8D85\u904E\u5206\u306F\u300C${esc(PROMPT_TRUNC_MARK)}\u300D)\u3002\u884C\u30AF\u30EA\u30C3\u30AF\u3067\u5168\u6587\u5C55\u958B\u3002</p>` : `<p class="note">\u9078\u629E\u4E2D\u306E\u671F\u9593\u306E\u30BF\u30FC\u30F3\u3092\u65B0\u3057\u3044\u9806\u306B\u8868\u793A\u3057\u307E\u3059\u3002${capNote}\u884C\u30AF\u30EA\u30C3\u30AF\u3067\u30D7\u30ED\u30F3\u30D7\u30C8\u5168\u6587\u3092\u5C55\u958B\u3057\u307E\u3059\u3002</p>`;

package/dist/cli.js

@@ -1,36 +1,41 @@
 #!/usr/bin/env node
 import {
   fmtMuteUntil
-} from "./chunk-KUJZYZSG.js";
+} from "./chunk-4RZ6OGTD.js";
 import {
+  codexHooksFile,
   matchesMarker
-} from "./chunk-L5MLVTA2.js";
+} from "./chunk-7KVOQ4UZ.js";
 import {
   notifyOS,
   notifySlack,
   selectNotifyBackend
-} from "./chunk-4JNZ7BHO.js";
+} from "./chunk-NV5UOHJA.js";
 import {
   isWSL
 } from "./chunk-DGXUSPS4.js";
+import {
+  codexHome,
+  detectCodex
+} from "./chunk-HTYUYKFW.js";
 import {
   aggregateNewTurn,
   computeCost,
   getUsdJpy,
   loadPriceTable
-} from "./chunk-OEG3AVU6.js";
+} from "./chunk-LHKBGA5K.js";
 import {
   formatJPY,
   formatTokens,
   formatUSD
-} from "./chunk-TBFKGFZX.js";
+} from "./chunk-J5QAYTFE.js";
 import {
   isMuted,
   paths,
   readConfig,
   readMuteState,
   readTurns
-} from "./chunk-IIYMGLV4.js";
+} from "./chunk-ECADO26T.js";
 
 // src/cli.ts
 import { realpathSync } from "fs";
@@ -156,6 +161,50 @@ async function checkHookRegistration() {
   }
   return true;
 }
+async function checkCodex() {
+  if (!detectCodex()) {
+    log("ok", "Codex CLI \u306F\u672A\u691C\u51FA\u3067\u3059(\u672A\u4F7F\u7528\u306A\u3089\u554F\u984C\u3042\u308A\u307E\u305B\u3093)");
+    return true;
+  }
+  const hooksFile = codexHooksFile();
+  const matchedCommands = [];
+  if (existsSync(hooksFile)) {
+    try {
+      const raw = await readFile(hooksFile, "utf8");
+      const parsed = JSON.parse(raw);
+      if (isRecord(parsed)) {
+        const hooks = parsed.hooks;
+        const stopEntries = isRecord(hooks) ? hooks.Stop : void 0;
+        if (Array.isArray(stopEntries)) {
+          for (const entry of stopEntries) {
+            if (!isRecord(entry)) continue;
+            const innerHooks = entry.hooks;
+            if (!Array.isArray(innerHooks)) continue;
+            for (const h of innerHooks) {
+              if (isRecord(h) && typeof h.command === "string" && matchesMarker(h.command)) {
+                matchedCommands.push(h.command);
+              }
+            }
+          }
+        }
+      }
+    } catch {
+    }
+  }
+  if (matchedCommands.length > 0) {
+    log("ok", `Codex \u306E Stop hook \u304C\u767B\u9332\u3055\u308C\u3066\u3044\u307E\u3059: ${matchedCommands.join(" / ")}`);
+    log("ok", "codex \u5074\u3067 hook \u3092\u627F\u8A8D\u6E08\u307F\u304B\u78BA\u8A8D\u3057\u3066\u304F\u3060\u3055\u3044(\u672A\u627F\u8A8D\u3060\u3068\u901A\u77E5\u3055\u308C\u307E\u305B\u3093)");
+  } else {
+    log("warn", "Codex \u3092\u691C\u51FA\u3057\u307E\u3057\u305F\u304C hook \u304C\u672A\u767B\u9332\u3067\u3059\u3002init --codex \u3067\u767B\u9332\u3067\u304D\u307E\u3059");
+  }
+  const sessionsDir = join(codexHome(), "sessions");
+  if (existsSync(sessionsDir)) {
+    log("ok", `Codex \u306E\u30BB\u30C3\u30B7\u30E7\u30F3\u30C7\u30A3\u30EC\u30AF\u30C8\u30EA\u3092\u78BA\u8A8D\u3057\u307E\u3057\u305F: ${sessionsDir}`);
+  } else {
+    log("ok", `Codex \u306E\u30BB\u30C3\u30B7\u30E7\u30F3\u30C7\u30A3\u30EC\u30AF\u30C8\u30EA\u306F\u307E\u3060\u3042\u308A\u307E\u305B\u3093: ${sessionsDir}(\u30BB\u30C3\u30B7\u30E7\u30F3\u672A\u4F5C\u6210\u306E\u53EF\u80FD\u6027\u304C\u3042\u308A\u307E\u3059)`);
+  }
+  return true;
+}
 function readDirSafe(dir) {
   try {
     return readdirSync(dir, { withFileTypes: true });
@@ -258,6 +307,11 @@ async function checkFx(cfg) {
 }
 async function checkNotification(cfg) {
   try {
+    if (!cfg.notify.os && !cfg.notify.slack) {
+      log("ok", "\u901A\u77E5\u30C1\u30E3\u30CD\u30EB\u306F\u3059\u3079\u3066\u7121\u52B9\u3067\u3059(\u901A\u77E5\u306A\u3057\u30FB\u30C0\u30C3\u30B7\u30E5\u30DC\u30FC\u30C9\u306E\u307F\u30E2\u30FC\u30C9)\u3002\u8A18\u9332\u3068\u30C0\u30C3\u30B7\u30E5\u30DC\u30FC\u30C9\u306F\u52D5\u4F5C\u3057\u307E\u3059");
+      log("ok", "\u901A\u77E5\u3092\u6709\u52B9\u306B\u3059\u308B\u306B\u306F npx ccc-notifier init \u3092\u518D\u5B9F\u884C\u3057\u3066\u304F\u3060\u3055\u3044");
+      return true;
+    }
     if (isMuted()) {
       const until = readMuteState()?.until;
       log(
@@ -302,9 +356,6 @@ async function checkNotification(cfg) {
         `Slack \u306E\u30C6\u30B9\u30C8\u901A\u77E5\u3092\u9001\u4FE1\u3057\u307E\u3057\u305F${dryRun ? dryHint : "(Slack \u30C1\u30E3\u30F3\u30CD\u30EB\u306B\u5C4A\u3044\u305F\u304B\u78BA\u8A8D\u3057\u3066\u304F\u3060\u3055\u3044\u3002\u5C4A\u304B\u306A\u3044\u5834\u5408\u306F error.log \u3092\u53C2\u7167)"}`
       );
     }
-    if (!cfg.notify.os && !cfg.notify.slack) {
-      log("warn", "OS\u30FBSlack \u3068\u3082\u7121\u52B9\u306A\u305F\u3081\u3001\u30C6\u30B9\u30C8\u901A\u77E5\u306F\u9001\u4FE1\u3057\u3066\u3044\u307E\u305B\u3093");
-    }
     return true;
   } catch (err) {
     log("warn", `\u30C6\u30B9\u30C8\u901A\u77E5\u306E\u9001\u4FE1\u306B\u5931\u6557\u3057\u307E\u3057\u305F: ${errMessage(err)}`);
@@ -337,6 +388,7 @@ async function checkRecentSessionTotal(latestTranscript) {
 async function runDoctor() {
   const results = [];
   results.push(await safeRun("settings.json", () => checkHookRegistration()));
+  results.push(await safeRun("codex", () => checkCodex()));
   let latestTranscript = null;
   results.push(
     await safeRun("projects", async () => {
@@ -629,19 +681,20 @@ async function main(argv) {
     switch (cmd) {
       case "track": {
         const text = await readStdin();
+        const codex = rest.includes("--codex");
         try {
-          const trackMod = await import("./track-PBHTVZ3L.js");
-          await trackMod.runTrack(text);
+          const trackMod = await import("./track-PXFSGMGL.js");
+          await trackMod.runTrack(text, { codex });
         } catch {
         }
         return 0;
       }
       case "init": {
-        const { runInit } = await import("./setup-RT62VO37.js");
+        const { runInit } = await import("./setup-PTO5N46B.js");
         return await runInit(rest);
       }
       case "uninstall": {
-        const { runUninstall } = await import("./setup-RT62VO37.js");
+        const { runUninstall } = await import("./setup-PTO5N46B.js");
         return await runUninstall(rest);
       }
       case "doctor":
@@ -649,27 +702,27 @@ async function main(argv) {
       case "report":
         return await runReport(rest);
       case "dashboard": {
-        const { runDashboard } = await import("./dashboard-LKK6NOBN.js");
+        const { runDashboard } = await import("./dashboard-TH3NOVT3.js");
         return await runDashboard(rest);
       }
       case "sweep": {
-        const { runSweep } = await import("./sweep-XKKODGMA.js");
+        const { runSweep } = await import("./sweep-25EZAOGC.js");
         return await runSweep(rest);
       }
       case "history": {
-        const { runHistory } = await import("./history-MWFHO5VR.js");
+        const { runHistory } = await import("./history-DLFYQJFM.js");
         return await runHistory(rest);
       }
       case "budget": {
-        const { runBudget } = await import("./budget-5H2GQRXH.js");
+        const { runBudget } = await import("./budget-KKTFYAXH.js");
         return runBudget(rest);
       }
       case "mute": {
-        const { runMute } = await import("./mute-2JW3NQXN.js");
+        const { runMute } = await import("./mute-EPLYH67P.js");
         return runMute(rest);
       }
       case "unmute": {
-        const { runUnmute } = await import("./mute-2JW3NQXN.js");
+        const { runUnmute } = await import("./mute-EPLYH67P.js");
         return runUnmute();
       }
       case "--version":

package/dist/{dashboard-LKK6NOBN.js → dashboard-TH3NOVT3.js}

@@ -3,10 +3,10 @@ import {
   browserOpenPlan,
   runDashboard,
   writeDashboardHtml
-} from "./chunk-64N5SGTT.js";
+} from "./chunk-QX5KIRSU.js";
 import "./chunk-DGXUSPS4.js";
-import "./chunk-TBFKGFZX.js";
-import "./chunk-IIYMGLV4.js";
+import "./chunk-J5QAYTFE.js";
+import "./chunk-ECADO26T.js";
 export {
   browserOpenPlan,
   runDashboard,

package/dist/{history-MWFHO5VR.js → history-DLFYQJFM.js}

@@ -1,7 +1,7 @@
 #!/usr/bin/env node
 import {
   paths
-} from "./chunk-IIYMGLV4.js";
+} from "./chunk-ECADO26T.js";
 
 // src/history.ts
 import { existsSync, readFileSync, writeFileSync, renameSync, rmSync } from "fs";

package/dist/{mute-2JW3NQXN.js → mute-EPLYH67P.js}

@@ -3,8 +3,8 @@ import {
   fmtMuteUntil,
   runMute,
   runUnmute
-} from "./chunk-KUJZYZSG.js";
-import "./chunk-IIYMGLV4.js";
+} from "./chunk-4RZ6OGTD.js";
+import "./chunk-ECADO26T.js";
 export {
   fmtMuteUntil,
   runMute,

package/dist/{setup-RT62VO37.js → setup-PTO5N46B.js}

@@ -3,11 +3,12 @@ import {
   matchesMarker,
   runInit,
   runUninstall
-} from "./chunk-L5MLVTA2.js";
-import "./chunk-4JNZ7BHO.js";
+} from "./chunk-7KVOQ4UZ.js";
+import "./chunk-NV5UOHJA.js";
 import "./chunk-DGXUSPS4.js";
-import "./chunk-TBFKGFZX.js";
-import "./chunk-IIYMGLV4.js";
+import "./chunk-HTYUYKFW.js";
+import "./chunk-J5QAYTFE.js";
+import "./chunk-ECADO26T.js";
 export {
   matchesMarker,
   runInit,