@duckmind/dm-windows-x64 0.60.6 → 0.60.9

package/extensions/dm-cliproxy/src/ui-usage.js

@@ -1 +1,151 @@
-var j={reset:"\x1B[0m",bold:"\x1B[1m",dim:"\x1B[2m",accent:"\x1B[38;5;111m",muted:"\x1B[38;5;245m",dim2:"\x1B[38;5;240m",green:"\x1B[38;5;114m",yellow:"\x1B[38;5;179m",red:"\x1B[38;5;167m",greenBg:"\x1B[48;5;22m",yellowBg:"\x1B[48;5;94m",redBg:"\x1B[48;5;52m"};function y(k,M={}){let J=[],Q=new Map,U=0;for(let V of k.accounts){if(!M.showDisabled&&V.disabled){U++;continue}let X=Q.get(V.provider)??[];X.push(V),Q.set(V.provider,X)}if(J.push(`${j.dim}generated ${k.generatedAt}${j.reset}`),k.unsupportedProviders.length>0)J.push(`${j.dim}providers without quota lookup:${j.reset} ${k.unsupportedProviders.join(", ")}`);if(U>0)J.push(`${j.dim}hidden disabled accounts:${j.reset} ${U} ${j.dim2}(press d to show)${j.reset}`);for(let[V,X]of Array.from(Q.entries()).sort()){J.push(""),J.push(`${j.bold}${j.accent}▌ ${V}${j.reset}`);for(let Y of X){if(J.push(L(Y)),!Y.supported){J.push(`    ${j.dim2}(provider not quota-aware)${j.reset}`);continue}if(Y.error){if(M.verbose)for(let Z of K(Y.error,88))J.push(`    ${j.red}${Z}${j.reset}`);continue}let $=Y.groups??[];if($.length===0){J.push(`    ${j.dim2}(no active quota windows)${j.reset}`);continue}for(let Z of $)J.push(B(Z))}}return J.push(""),J.push(`${j.dim}legend:${j.reset}  ${q} ok   ${w} error/unavailable   ${z} disabled   ${j.green}✓N${j.reset}/${j.red}✗N${j.reset} request counters   ${j.dim}v = verbose, d = show disabled${j.reset}`),J}function K(k,M){if(k.length<=M)return[k];let J=[],Q=k;while(Q.length>M){let U=Q.lastIndexOf(" ",M);if(U<M*0.6)U=M;J.push(Q.slice(0,U)),Q=Q.slice(U).replace(/^\s+/,"")}if(Q)J.push(Q);return J}function L(k){let M=W(k),J=`${j.green}✓${k.success}${j.reset} ${j.red}✗${k.failed}${j.reset}`,Q=E(k.label,36);return`  ${M} ${j.bold}${Q}${j.reset}  ${J}`}var q=`${j.green}●${j.reset}`,w=`${j.yellow}⚠${j.reset}`,z=`${j.dim2}⊘${j.reset}`;function W(k){if(k.disabled)return z;if(k.unavailable||k.error||k.status&&k.status!=="active")return w;return q}function B(k){let M=H(k.remainingFraction),J=Math.round(M*100),Q=R(M),U=k.resetTime?`  ${j.dim}reset ${T(k.resetTime)}${j.reset}`:"",V=E(k.label,28).padEnd(28," ");return`    ${Q} ${S(J,M)}  ${V}${U}`}function R(k){let M=H(k),J=Math.round(M*18),Q=G(M),U=j.dim2,V="█".repeat(J),X="░".repeat(18-J);return`${U}[${Q}${V}${U}${X}]${j.reset}`}function S(k,M){return`${G(M)}${String(k).padStart(3)}%${j.reset}`}function G(k){if(k>=0.4)return j.green;if(k>=0.15)return j.yellow;return j.red}function T(k){let M=Date.parse(k);if(!Number.isFinite(M))return k;let J=M-Date.now();if(J<=0)return"now";let Q=Math.round(J/60000);if(Q<60)return`${Q}m`;let U=Math.round(Q/60);if(U<48)return`${U}h`;return`${Math.round(U/24)}d`}function H(k){return Math.max(0,Math.min(1,k))}function E(k,M){if(k.length<=M)return k;return`${k.slice(0,M-1)}…`}export{y as renderUsage};
+const C = {
+  reset: "\x1B[0m",
+  bold: "\x1B[1m",
+  dim: "\x1B[2m",
+  accent: "\x1B[38;5;111m",
+  muted: "\x1B[38;5;245m",
+  dim2: "\x1B[38;5;240m",
+  green: "\x1B[38;5;114m",
+  yellow: "\x1B[38;5;179m",
+  red: "\x1B[38;5;167m",
+  greenBg: "\x1B[48;5;22m",
+  yellowBg: "\x1B[48;5;94m",
+  redBg: "\x1B[48;5;52m"
+};
+const BAR_WIDTH = 18;
+const MAX_LABEL_WIDTH = 28;
+export function renderUsage(doc, opts = {}) {
+  const lines = [];
+  const byProvider = new Map;
+  let hiddenDisabled = 0;
+  for (const a of doc.accounts) {
+    if (!opts.showDisabled && a.disabled) {
+      hiddenDisabled++;
+      continue;
+    }
+    const arr = byProvider.get(a.provider) ?? [];
+    arr.push(a);
+    byProvider.set(a.provider, arr);
+  }
+  lines.push(`${C.dim}generated ${doc.generatedAt}${C.reset}`);
+  if (doc.unsupportedProviders.length > 0) {
+    lines.push(`${C.dim}providers without quota lookup:${C.reset} ${doc.unsupportedProviders.join(", ")}`);
+  }
+  if (hiddenDisabled > 0) {
+    lines.push(`${C.dim}hidden disabled accounts:${C.reset} ${hiddenDisabled} ${C.dim2}(press d to show)${C.reset}`);
+  }
+  for (const [provider, accounts] of Array.from(byProvider.entries()).sort()) {
+    lines.push("");
+    lines.push(`${C.bold}${C.accent}▌ ${provider}${C.reset}`);
+    for (const a of accounts) {
+      lines.push(formatAccountHeader(a));
+      if (!a.supported) {
+        lines.push(`    ${C.dim2}(provider not quota-aware)${C.reset}`);
+        continue;
+      }
+      if (a.error) {
+        if (opts.verbose) {
+          for (const ln of wrapText(a.error, 88)) {
+            lines.push(`    ${C.red}${ln}${C.reset}`);
+          }
+        }
+        continue;
+      }
+      const groups = a.groups ?? [];
+      if (groups.length === 0) {
+        lines.push(`    ${C.dim2}(no active quota windows)${C.reset}`);
+        continue;
+      }
+      for (const g of groups)
+        lines.push(formatGroup(g));
+    }
+  }
+  lines.push("");
+  lines.push(`${C.dim}legend:${C.reset}  ` + `${ICON_OK_DOT} ok   ` + `${ICON_WARN} error/unavailable   ` + `${ICON_DISABLED} disabled   ` + `${C.green}✓N${C.reset}/${C.red}✗N${C.reset} request counters   ` + `${C.dim}v = verbose, d = show disabled${C.reset}`);
+  return lines;
+}
+function wrapText(s, max) {
+  if (s.length <= max)
+    return [s];
+  const out = [];
+  let rest = s;
+  while (rest.length > max) {
+    let cut = rest.lastIndexOf(" ", max);
+    if (cut < max * 0.6)
+      cut = max;
+    out.push(rest.slice(0, cut));
+    rest = rest.slice(cut).replace(/^\s+/, "");
+  }
+  if (rest)
+    out.push(rest);
+  return out;
+}
+function formatAccountHeader(a) {
+  const status = accountStatus(a);
+  const counters = `${C.green}✓${a.success}${C.reset} ${C.red}✗${a.failed}${C.reset}`;
+  const label = truncate(a.label, 36);
+  return `  ${status} ${C.bold}${label}${C.reset}  ${counters}`;
+}
+const ICON_OK_DOT = `${C.green}●${C.reset}`;
+const ICON_WARN = `${C.yellow}⚠${C.reset}`;
+const ICON_DISABLED = `${C.dim2}⊘${C.reset}`;
+function accountStatus(a) {
+  if (a.disabled)
+    return ICON_DISABLED;
+  if (a.unavailable || a.error || a.status && a.status !== "active") {
+    return ICON_WARN;
+  }
+  return ICON_OK_DOT;
+}
+function formatGroup(g) {
+  const f = clamp(g.remainingFraction);
+  const pct = Math.round(f * 100);
+  const bar = renderBar(f);
+  const reset = g.resetTime ? `  ${C.dim}reset ${humanizeReset(g.resetTime)}${C.reset}` : "";
+  const label = truncate(g.label, MAX_LABEL_WIDTH).padEnd(MAX_LABEL_WIDTH, " ");
+  return `    ${bar} ${formatPct(pct, f)}  ${label}${reset}`;
+}
+function renderBar(fraction) {
+  const f = clamp(fraction);
+  const filled = Math.round(f * BAR_WIDTH);
+  const color = colorForFraction(f);
+  const dimColor = C.dim2;
+  const full = "█".repeat(filled);
+  const empty = "░".repeat(BAR_WIDTH - filled);
+  return `${dimColor}[${color}${full}${dimColor}${empty}]${C.reset}`;
+}
+function formatPct(pct, fraction) {
+  const color = colorForFraction(fraction);
+  return `${color}${String(pct).padStart(3)}%${C.reset}`;
+}
+function colorForFraction(f) {
+  if (f >= 0.4)
+    return C.green;
+  if (f >= 0.15)
+    return C.yellow;
+  return C.red;
+}
+function humanizeReset(iso) {
+  const t = Date.parse(iso);
+  if (!Number.isFinite(t))
+    return iso;
+  const ms = t - Date.now();
+  if (ms <= 0)
+    return "now";
+  const min = Math.round(ms / 60000);
+  if (min < 60)
+    return `${min}m`;
+  const hr = Math.round(min / 60);
+  if (hr < 48)
+    return `${hr}h`;
+  const d = Math.round(hr / 24);
+  return `${d}d`;
+}
+function clamp(f) {
+  return Math.max(0, Math.min(1, f));
+}
+function truncate(s, max) {
+  if (s.length <= max)
+    return s;
+  return `${s.slice(0, max - 1)}…`;
+}

package/extensions/dm-cliproxy/src/usage-shared-cache.js

@@ -1 +1,97 @@
-import{createHash as O}from"node:crypto";import{existsSync as j,readFileSync as B,statSync as x,unlinkSync as L,writeFileSync as E}from"node:fs";import{dirname as V,join as K}from"node:path";import{chmodSync as R,closeSync as D,constants as C,copyFileSync as _,existsSync as w,fsyncSync as F,linkSync as k,mkdirSync as N,openSync as S,readFileSync as v,renameSync as f,rmSync as p,writeFileSync as u}from"node:fs";import{homedir as q}from"node:os";import{dirname as g,join as $}from"node:path";var Y=!1;var Z={info(...J){if(!Y)console.log("[dm-cliproxy]",...J)},warn(...J){if(!Y)console.warn("[dm-cliproxy]",...J)},error(...J){if(!Y)console.error("[dm-cliproxy]",...J)},debug(...J){if(!Y&&(process.env.DM_CLIPROXY_DEBUG||process.env.PI_CLIPROXYAPI_DEBUG))console.log("[dm-cliproxy]","[debug]",...J)}};var b=$(q(),".dm","agent","dm-cliproxy"),s=$(b,"config.json"),P=[$(q(),".pi","agent","pi-cliproxyapi","config.json"),$(q(),".config","pi-cliproxyapi","config.json")];function z(J){N(J,{recursive:!0,mode:448}),R(J,448)}function X(J){if(w(J))R(J,384)}var U=K(b,"usage-cache.json"),H=K(b,"usage-cache.lock"),G=120000,I=30000;function t(J,Q,W=b){let M=O("sha256").update(J.trim().replace(/\/+$/,"")).update("\x00").update(Q).digest("hex").slice(0,24);return{cachePath:K(W,`usage-cache-${M}.json`),lockPath:K(W,`usage-cache-${M}.lock`)}}function r(J=U){if(!j(J))return null;try{z(V(J)),X(J);let Q=JSON.parse(B(J,"utf8"));if(!Q||typeof Q.fetchedAt!=="number"||!Q.doc||!Array.isArray(Q.doc.accounts))return null;return{doc:Q.doc,ageMs:Date.now()-Q.fetchedAt}}catch(Q){return Z.warn("failed to read usage cache:",Q.message),null}}function a(J){return J<G}function e(J,Q=U){try{z(V(Q));let W={fetchedAt:Date.now(),doc:J};E(Q,JSON.stringify(W),{encoding:"utf8",mode:384}),X(Q)}catch(W){Z.warn("failed to write usage cache:",W.message)}}function JJ(J=H){let Q=`${process.pid}@${Date.now()}`;if(j(J))try{z(V(J)),X(J);let W=x(J);if(Date.now()-W.mtimeMs>I)Z.debug("removing stale usage lock"),L(J);else return null}catch{return null}try{return z(V(J)),E(J,Q,{flag:"wx",mode:384}),X(J),Q}catch{return null}}function QJ(J,Q=H){try{if(X(Q),B(Q,"utf8").trim()===J)return L(Q),!0;return!1}catch{return!1}}export{e as writeUsageCache,t as usageCachePaths,JJ as tryAcquireUsageLock,QJ as releaseUsageLock,r as readUsageCache,a as isUsageFresh,H as USAGE_LOCK_PATH,G as USAGE_CACHE_TTL_MS,U as USAGE_CACHE_PATH};
+import { createHash } from "node:crypto";
+import {
+  existsSync,
+  readFileSync,
+  statSync,
+  unlinkSync,
+  writeFileSync
+} from "node:fs";
+import { dirname, join } from "node:path";
+import {
+  CONFIG_DIR,
+  ensurePrivateDirectory,
+  ensurePrivateFile
+} from "./config.js";
+import { log } from "./log.js";
+export const USAGE_CACHE_PATH = join(CONFIG_DIR, "usage-cache.json");
+export const USAGE_LOCK_PATH = join(CONFIG_DIR, "usage-cache.lock");
+export const USAGE_CACHE_TTL_MS = 120000;
+const LOCK_STALE_MS = 30000;
+export function usageCachePaths(endpoint, resolvedUsageKey, configDir = CONFIG_DIR) {
+  const scope = createHash("sha256").update(endpoint.trim().replace(/\/+$/, "")).update("\x00").update(resolvedUsageKey).digest("hex").slice(0, 24);
+  return {
+    cachePath: join(configDir, `usage-cache-${scope}.json`),
+    lockPath: join(configDir, `usage-cache-${scope}.lock`)
+  };
+}
+export function readUsageCache(cachePath = USAGE_CACHE_PATH) {
+  if (!existsSync(cachePath))
+    return null;
+  try {
+    ensurePrivateDirectory(dirname(cachePath));
+    ensurePrivateFile(cachePath);
+    const env = JSON.parse(readFileSync(cachePath, "utf8"));
+    if (!env || typeof env.fetchedAt !== "number" || !env.doc || !Array.isArray(env.doc.accounts)) {
+      return null;
+    }
+    return { doc: env.doc, ageMs: Date.now() - env.fetchedAt };
+  } catch (err) {
+    log.warn("failed to read usage cache:", err.message);
+    return null;
+  }
+}
+export function isUsageFresh(ageMs) {
+  return ageMs < USAGE_CACHE_TTL_MS;
+}
+export function writeUsageCache(doc, cachePath = USAGE_CACHE_PATH) {
+  try {
+    ensurePrivateDirectory(dirname(cachePath));
+    const env = { fetchedAt: Date.now(), doc };
+    writeFileSync(cachePath, JSON.stringify(env), {
+      encoding: "utf8",
+      mode: 384
+    });
+    ensurePrivateFile(cachePath);
+  } catch (err) {
+    log.warn("failed to write usage cache:", err.message);
+  }
+}
+export function tryAcquireUsageLock(lockPath = USAGE_LOCK_PATH) {
+  const token = `${process.pid}@${Date.now()}`;
+  if (existsSync(lockPath)) {
+    try {
+      ensurePrivateDirectory(dirname(lockPath));
+      ensurePrivateFile(lockPath);
+      const stat = statSync(lockPath);
+      if (Date.now() - stat.mtimeMs > LOCK_STALE_MS) {
+        log.debug("removing stale usage lock");
+        unlinkSync(lockPath);
+      } else {
+        return null;
+      }
+    } catch {
+      return null;
+    }
+  }
+  try {
+    ensurePrivateDirectory(dirname(lockPath));
+    writeFileSync(lockPath, token, { flag: "wx", mode: 384 });
+    ensurePrivateFile(lockPath);
+    return token;
+  } catch {
+    return null;
+  }
+}
+export function releaseUsageLock(ourToken, lockPath = USAGE_LOCK_PATH) {
+  try {
+    ensurePrivateFile(lockPath);
+    const content = readFileSync(lockPath, "utf8").trim();
+    if (content === ourToken) {
+      unlinkSync(lockPath);
+      return true;
+    }
+    return false;
+  } catch {
+    return false;
+  }
+}

package/extensions/dm-context/src/context.js

@@ -1 +1,144 @@
-import{DynamicBorder as d}from"@duckmind/dm-coding-agent";import{Container as a,Text as W,Spacer as w}from"@duckmind/dm-tui";var A=(N)=>{if(N==null)return"N/A";if(N>=1e6)return(N/1e6).toFixed(1)+"M";if(N>=1000)return Math.round(N/1000)+"k";return N.toString()};function s(N){N.registerCommand("context",{description:"Show context usage visualization",handler:async(o,O)=>{let Q=await O.getContextUsage();if(!Q){O.ui.notify("Context usage info not available.","warning");return}let R=O.sessionManager.getBranch(),g=O.getSystemPrompt(),h=N.getActiveTools(),r=N.getAllTools().filter((z)=>h.includes(z.name)),q=(z)=>Math.ceil(z.length/4),K=0,Z=0,G=0;for(let z of R)if(z.type==="message"){let _=z.message;if(_.role==="user"){if(typeof _.content==="string")K+=q(_.content);else if(Array.isArray(_.content)){for(let F of _.content)if(F.type==="text")K+=q(F.text)}}else if(_.role==="assistant"){if(typeof _.content==="string")K+=q(_.content);else if(Array.isArray(_.content))for(let F of _.content){if(F.type==="text")K+=q(F.text);if(F.type==="toolCall")Z+=q(JSON.stringify(F))}}else if(_.role==="toolResult"){if(Array.isArray(_.content)){for(let F of _.content)if(F.type==="text")G+=q(F.text)}}else if(_.role==="bashExecution")Z+=q(_.command||"")}else if(z.type==="branch_summary"||z.type==="compaction")K+=q(z.summary||"");let f=q(g),B=q(JSON.stringify(r)),V=Q.tokens,$=Q.contextWindow;if(V==null||$==null||Q.percent==null){O.ui.notify("Context usage info not available.","warning");return}let T=Q.percent,L=f+B+K+Z+G,X=L>0?V/L:1,S=Math.round(f*X),U=Math.round(B*X),b=Math.round(K*X),D=Math.round(Z*X),y=Math.round(G*X);await O.ui.custom((z,_,F,k)=>{let J=new a;J.addChild(new d((M)=>_.fg("accent",M))),J.addChild(new W(_.fg("accent",_.bold(" Context Usage")),1,0)),J.addChild(new w(1));let j=[{label:"System Prompt",value:S,color:"muted"},{label:"System Tools",value:U,color:"dim"},{label:"Tool Call",value:D+y,color:"success"},{label:"Messages",value:b,color:"accent"}],u=Math.max(0,V-(S+U+b+D+y));if(u>10)j.push({label:"Other",value:u,color:"dim"});j.push({label:"Available",value:Math.max(0,$-V),color:"borderMuted"});let v=10,x=5,H=v*x,Y=[];j.forEach((M)=>{if(M.label==="Available")return;let E=Math.round(M.value/$*H);if(E===0&&M.value>0)E=1;for(let I=0;I<E&&Y.length<H;I++)Y.push({color:M.color,filled:!0})});while(Y.length<H)Y.push({color:"borderMuted",filled:!1});let P=[];for(let M=0;M<x;M++){let E="";for(let I=0;I<v;I++){let C=Y[M*v+I];E+=_.fg(C.color,C.filled?"■ ":"□ ")}P.push(E.trimEnd())}let l=`${_.fg("text",_.bold("Total Usage".padEnd(16)))} ${_.fg("text",_.bold(A(V).padStart(7)))} ${_.fg("text",_.bold(`(${T.toFixed(1).padStart(5)}%)`))}`,c=j.map((M)=>{let E=M.label.padEnd(14),I=A(M.value).padStart(7),C=(M.value/$*100).toFixed(1).padStart(5),n=M.label==="Available"?"□":"■";return`${_.fg(M.color,n)} ${_.fg("text",E)} ${_.fg("accent",I)} (${C}%)`}),p=[l,"",...c],i=20,m=Math.max(P.length,p.length);for(let M=0;M<m;M++){let E=(P[M]||"").padEnd(i),I=p[M]||"";J.addChild(new W(`    ${E}      ${I}`,1,0))}return J.addChild(new w(1)),J.addChild(new W(_.fg("dim"," Press any key to close"),1,0)),J.addChild(new d((M)=>_.fg("accent",M))),{render:(M)=>J.render(M),invalidate:()=>J.invalidate(),handleInput:(M)=>k(void 0)}},{overlay:!0})}})}export{s as default};
+import {
+  DynamicBorder
+} from "@duckmind/dm-coding-agent";
+import { Container, Text, Spacer } from "@duckmind/dm-tui";
+import { formatTokens } from "./utils.js";
+export default function context_default(pi) {
+  pi.registerCommand("context", {
+    description: "Show context usage visualization",
+    handler: async (args, ctx) => {
+      const usage = await ctx.getContextUsage();
+      if (!usage) {
+        ctx.ui.notify("Context usage info not available.", "warning");
+        return;
+      }
+      const sm = ctx.sessionManager;
+      const branch = sm.getBranch();
+      const systemPrompt = ctx.getSystemPrompt();
+      const tools = pi.getActiveTools();
+      const allTools = pi.getAllTools();
+      const activeToolDefs = allTools.filter((t) => tools.includes(t.name));
+      const estimateTokens = (text) => Math.ceil(text.length / 4);
+      let msgTokensRaw = 0;
+      let toolUseTokensRaw = 0;
+      let toolResultTokensRaw = 0;
+      for (const entry of branch) {
+        if (entry.type === "message") {
+          const m = entry.message;
+          if (m.role === "user") {
+            if (typeof m.content === "string")
+              msgTokensRaw += estimateTokens(m.content);
+            else if (Array.isArray(m.content)) {
+              for (const p of m.content)
+                if (p.type === "text")
+                  msgTokensRaw += estimateTokens(p.text);
+            }
+          } else if (m.role === "assistant") {
+            if (typeof m.content === "string")
+              msgTokensRaw += estimateTokens(m.content);
+            else if (Array.isArray(m.content)) {
+              for (const p of m.content) {
+                if (p.type === "text")
+                  msgTokensRaw += estimateTokens(p.text);
+                if (p.type === "toolCall")
+                  toolUseTokensRaw += estimateTokens(JSON.stringify(p));
+              }
+            }
+          } else if (m.role === "toolResult") {
+            if (Array.isArray(m.content)) {
+              for (const p of m.content)
+                if (p.type === "text")
+                  toolResultTokensRaw += estimateTokens(p.text);
+            }
+          } else if (m.role === "bashExecution") {
+            toolUseTokensRaw += estimateTokens(m.command || "");
+          }
+        } else if (entry.type === "branch_summary" || entry.type === "compaction") {
+          msgTokensRaw += estimateTokens(entry.summary || "");
+        }
+      }
+      const systemTokensRaw = estimateTokens(systemPrompt);
+      const toolDefTokensRaw = estimateTokens(JSON.stringify(activeToolDefs));
+      const totalActual = usage.tokens;
+      const limit = usage.contextWindow;
+      if (totalActual == null || limit == null || usage.percent == null) {
+        ctx.ui.notify("Context usage info not available.", "warning");
+        return;
+      }
+      const usagePercent = usage.percent;
+      const totalRaw = systemTokensRaw + toolDefTokensRaw + msgTokensRaw + toolUseTokensRaw + toolResultTokensRaw;
+      const ratio = totalRaw > 0 ? totalActual / totalRaw : 1;
+      const systemTokens = Math.round(systemTokensRaw * ratio);
+      const toolDefTokens = Math.round(toolDefTokensRaw * ratio);
+      const msgTokens = Math.round(msgTokensRaw * ratio);
+      const toolUseTokens = Math.round(toolUseTokensRaw * ratio);
+      const toolResultTokens = Math.round(toolResultTokensRaw * ratio);
+      await ctx.ui.custom((tui, theme, kb, done) => {
+        const container = new Container;
+        container.addChild(new DynamicBorder((s) => theme.fg("accent", s)));
+        container.addChild(new Text(theme.fg("accent", theme.bold(" Context Usage")), 1, 0));
+        container.addChild(new Spacer(1));
+        const categories = [
+          { label: "System Prompt", value: systemTokens, color: "muted" },
+          { label: "System Tools", value: toolDefTokens, color: "dim" },
+          { label: "Tool Call", value: toolUseTokens + toolResultTokens, color: "success" },
+          { label: "Messages", value: msgTokens, color: "accent" }
+        ];
+        const otherTokens = Math.max(0, totalActual - (systemTokens + toolDefTokens + msgTokens + toolUseTokens + toolResultTokens));
+        if (otherTokens > 10)
+          categories.push({ label: "Other", value: otherTokens, color: "dim" });
+        categories.push({ label: "Available", value: Math.max(0, limit - totalActual), color: "borderMuted" });
+        const gridWidth = 10;
+        const gridHeight = 5;
+        const totalBlocks = gridWidth * gridHeight;
+        const blocks = [];
+        categories.forEach((cat) => {
+          if (cat.label === "Available")
+            return;
+          let count = Math.round(cat.value / limit * totalBlocks);
+          if (count === 0 && cat.value > 0)
+            count = 1;
+          for (let i = 0;i < count && blocks.length < totalBlocks; i++) {
+            blocks.push({ color: cat.color, filled: true });
+          }
+        });
+        while (blocks.length < totalBlocks) {
+          blocks.push({ color: "borderMuted", filled: false });
+        }
+        const gridLines = [];
+        for (let r = 0;r < gridHeight; r++) {
+          let rowStr = "";
+          for (let c = 0;c < gridWidth; c++) {
+            const b = blocks[r * gridWidth + c];
+            rowStr += theme.fg(b.color, b.filled ? "■ " : "□ ");
+          }
+          gridLines.push(rowStr.trimEnd());
+        }
+        const totalUsageTitle = `${theme.fg("text", theme.bold("Total Usage".padEnd(16)))} ${theme.fg("text", theme.bold(formatTokens(totalActual).padStart(7)))} ${theme.fg("text", theme.bold(`(${usagePercent.toFixed(1).padStart(5)}%)`))}`;
+        const catDetailLines = categories.map((cat) => {
+          const labelStr = cat.label.padEnd(14);
+          const valStr = formatTokens(cat.value).padStart(7);
+          const rowPercent = (cat.value / limit * 100).toFixed(1).padStart(5);
+          const icon = cat.label === "Available" ? "□" : "■";
+          return `${theme.fg(cat.color, icon)} ${theme.fg("text", labelStr)} ${theme.fg("accent", valStr)} (${rowPercent}%)`;
+        });
+        const allDetailLines = [totalUsageTitle, "", ...catDetailLines];
+        const leftSideWidth = 20;
+        const maxH = Math.max(gridLines.length, allDetailLines.length);
+        for (let i = 0;i < maxH; i++) {
+          const left = (gridLines[i] || "").padEnd(leftSideWidth);
+          const right = allDetailLines[i] || "";
+          container.addChild(new Text(`    ${left}      ${right}`, 1, 0));
+        }
+        container.addChild(new Spacer(1));
+        container.addChild(new Text(theme.fg("dim", " Press any key to close"), 1, 0));
+        container.addChild(new DynamicBorder((s) => theme.fg("accent", s)));
+        return {
+          render: (w) => container.render(w),
+          invalidate: () => container.invalidate(),
+          handleInput: (data) => done(undefined)
+        };
+      }, { overlay: true });
+    }
+  });
+}