claude-code-usage-bubble/ui/bubble.html

<!doctype html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <title>Claude Code Usage Bubble</title>
    <style>
      html,
      body {
        margin: 0;
        background: #1f1f1f;
        color: #eaeaea;
        font: 12px ui-monospace, "Cascadia Mono", Consolas, monospace;
      }

      pre {
        margin: 0;
        padding: 8px;
        white-space: pre-wrap;
        word-break: break-word;
      }
    </style>
    <script type="module" src="bubble.js"></script>
  </head>
  <body>
    <pre id="payload">Waiting for the first payload...</pre>
  </body>
</html>