claude-finops 0.7.0 → 0.7.1

package/finops/analytics.py

@@ -47,6 +47,19 @@ def _plan(acct):
     return (base + mult) if base else ""
 
 
+def _version():
+    """The version of the copy that is actually serving this page.
+
+    Worth surfacing: a global npm install and a checkout look identical in the
+    browser, and "why is my new feature missing" is almost always this.
+    """
+    try:
+        from .update import _installed
+        return _installed()
+    except Exception:
+        return ""
+
+
 def detect_account():
     """Who Claude Code is signed in as, read from ~/.claude.json (actual, not guessed).
 
@@ -1759,5 +1772,6 @@ class Analytics:
             "pricing": {"updated": self.pricing.updated, "source": self.pricing.source,
                         "models": self.pricing.models},
             "settings": self.settings,
+            "version": _version(),
             "unavailable_label": UNAVAILABLE,
         }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "claude-finops",
-  "version": "0.7.0",
+  "version": "0.7.1",
   "description": "Local FinOps dashboard for Claude Code: what you used, what it cost, why it cost that much, and what to change. Reads your own transcripts, no API key, no data leaves the machine.",
   "bin": {
     "claude-finops": "bin/claude-finops.js"

package/web/app.js

@@ -146,7 +146,8 @@ const NAV = [
 function shell() {
   document.body.innerHTML = `<div class="app">
     <aside class="sidebar">
-      <div class="brand"><div class="mark"><span class="dot"></span>Claude FinOps</div>
+      <div class="brand"><div class="mark"><span class="dot"></span>Claude FinOps
+          <span class="ver" id="ver"></span></div>
         <div class="sub">Command Center</div></div>
       <nav class="nav">${NAV.map(([g, items], gi) => `<div class="group g${gi}">${g}</div>` +
         items.map(([id, ic, label]) =>
@@ -2414,8 +2415,16 @@ function applyAgentChrome() {
   const a = selAgents();
   const label = a.length === 1 ? a[0].name.replace(/ (Code|CLI)$/, '') : a.length ? 'Multi-agent' : 'AI';
   whoBlock();
+  // Stamp the version onto the logo. Two copies of this app can be installed at
+  // once (npm global, a checkout) and the browser cannot tell them apart.
+  const ver = $('#ver');
+  if (ver && S.opts?.version) {
+    ver.textContent = 'v' + S.opts.version;
+    ver.title = 'Version serving this page';
+  }
   const mark = $('.brand .mark');
-  if (mark) mark.innerHTML = `<span class="dot"></span>${esc(label)} FinOps`;
+  if (mark) mark.innerHTML = `<span class="dot"></span>${esc(label)} FinOps` +
+    (S.opts?.version ? `<span class="ver" id="ver" title="Version serving this page">v${esc(S.opts.version)}</span>` : '');
   const sub = $('.brand .sub');
   if (sub) sub.textContent = a.length > 1 ? a.map(x => x.name).join(' + ') : 'Command Center';
   document.title = `${label} FinOps Command Center`;

package/web/styles.css

@@ -435,3 +435,9 @@ table.tbl .sub { font-size:10.5px; color:var(--muted); }
               max-height: 76px; overflow: auto; color: var(--text-2); }
 .trial-s { border-top: 1px solid var(--border); padding-top: 7px; }
 .trial-out:empty { display: none; }
+
+/* Version badge beside the wordmark: small, muted, and always the version of
+   the copy actually serving the page. */
+.brand .ver { font-size: 9.5px; font-weight: 600; color: var(--muted);
+              border: 1px solid var(--border); border-radius: 99px;
+              padding: 1px 5px; margin-left: 5px; letter-spacing: .01em; }