claude-finops 0.4.1 → 0.4.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "claude-finops",
-  "version": "0.4.1",
+  "version": "0.4.3",
   "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/run.py

@@ -93,6 +93,7 @@ HELP = """Claude FinOps Command Center
   claude-finops --set-key       store a provider API key (prompts, never echoes)
   claude-finops --keys          list which provider keys are configured
   claude-finops --share         write ../claude-finops.zip (code only, never your data)
+  claude-finops --version       print the installed version, and whether a newer one is out
   claude-finops --help          this message
 
 Environment:
@@ -104,6 +105,38 @@ Environment:
 """
 
 
+def _version():
+    from finops.update import _installed
+    return _installed()
+
+
+def version():
+    """Which copy is this, and is it current?
+
+    The second half matters more than the first: people run a global install and
+    a repo checkout side by side, and the usual confusion is not "what version
+    am I on" but "why does the one I am looking at not have the feature".
+    """
+    from finops.update import check, disabled, _key
+    # Asking outright is worth a fresh request: a day-old cached answer is the
+    # one thing this command must not give you.
+    u = check(force=True)
+    print(f"  claude-finops {u['current'] or 'unknown'}")
+    print(f"  installed at  {ROOT}")
+    if u.get("update_available"):
+        print(f"  update        {u['latest']} is out - {u['command']}")
+    elif disabled():
+        print("  update        check is off (NO_UPDATE_NOTIFIER)")
+    elif u.get("latest") and _key(u["current"]) > _key(u["latest"]):
+        # A checkout mid-release is ahead of what is published. Saying "up to
+        # date" there would hide exactly the gap you are looking for.
+        print(f"  update        ahead of npm (published latest is {u['latest']})")
+    elif u.get("latest"):
+        print(f"  update        up to date (npm latest is {u['latest']})")
+    else:
+        print("  update        could not reach the npm registry")
+
+
 def where():
     from finops.paths import (HOME_DIR, DB_PATH, LOCAL_SETTINGS_PATH, SECRETS_PATH,
                               LOGFILE, CONFIG_DIR)
@@ -180,6 +213,8 @@ def main():
     migrate()
     if "--help" in args or "-h" in args:
         return print(HELP)
+    if "--version" in args or "-v" in args or "-V" in args:
+        return version()
     if "--where" in args:
         return where()
     if "--keys" in args:
@@ -192,6 +227,16 @@ def main():
         return
     if "--share" in args:
         return share()
+    # A flag we do not know used to fall straight through and start the
+    # dashboard, so a typo (or a flag from a newer release than the one you
+    # have installed) looked like the command silently doing nothing.
+    known = {"--rebuild", "--detach", "--foreground"}
+    unknown = [a for a in args if a.startswith("-") and a not in known]
+    if unknown:
+        print(f"Unknown option: {unknown[0]}")
+        print(f"This is claude-finops {_version() or 'unknown'}; "
+              f"run --help to see what it supports.")
+        sys.exit(2)
     stop()   # replace a previous detached server
     port = os.environ.get("PORT", "8787")
     source = os.environ.get("CLAUDE_PROJECTS", os.path.join(os.path.expanduser("~"), ".claude", "projects"))

package/web/app.js

@@ -485,7 +485,10 @@ async function openSession(id) {
 /* ---------- charts added to table-first pages ---------- */
 // Inserts a chart card after the page's KPI row (or at the top) and draws into it.
 function addChart(page, title, draw, opts = {}) {
-  const c = h(card(title, '<div class="cchart"></div>', opts));
+  // .chart carries every chart style (text fill, gridlines, axes); .cchart is
+  // just the hook this helper looks up. Missing .chart left SVG labels at the
+  // browser default fill — black text, invisible on the dark theme.
+  const c = h(card(title, '<div class="chart cchart"></div>', opts));
   const anchor = opts.after ? page.querySelector(opts.after) : page.querySelector(':scope > .grid');
   if (anchor) anchor.after(c); else page.prepend(c);
   draw(c.querySelector('.cchart'));

package/web/styles.css

@@ -76,15 +76,19 @@ button, input, select { font: inherit; color: inherit; }
 
 /* ---------- shell ---------- */
 .app { display: grid; grid-template-columns: 216px 1fr; min-height: 100vh; }
+/* The sidebar itself no longer scrolls: the nav does. A sticky footer inside a
+   scrolling column still has the rest of the list running underneath it, which
+   showed as nav items bleeding through the account block. */
 .sidebar { background: var(--surface); border-right: 1px solid var(--border);
-           padding: 14px 0; position: sticky; top:0; height:100vh; overflow-y:auto;
+           padding: 14px 0; position: sticky; top:0; height:100vh; overflow:hidden;
            display:flex; flex-direction:column; }
 .brand { padding: 0 16px 14px; border-bottom: 1px solid var(--border); margin-bottom: 10px; }
 .brand .mark { display:flex; align-items:center; gap:8px; font-weight:660; font-size:14px;
                letter-spacing:-0.01em; }
 .brand .dot { width:9px; height:9px; border-radius:3px; background:var(--s2); flex:none; }
 .brand .sub { font-size:10.5px; color:var(--muted); margin-top:3px; letter-spacing:.02em; }
-.nav { display:flex; flex-direction:column; gap:1px; padding: 0 8px; }
+.nav { display:flex; flex-direction:column; gap:1px; padding: 0 8px;
+       flex:1 1 auto; min-height:0; overflow-y:auto; }
 .nav .group { font-size:9.5px; text-transform:uppercase; letter-spacing:.09em; color:var(--muted);
               padding: 13px 8px 5px; font-weight:600; }
 .nav a { display:flex; align-items:center; gap:8px; padding:6px 9px; border-radius:7px;
@@ -401,8 +405,7 @@ table.tbl .sub { font-size:10.5px; color:var(--muted); }
    so every screenshot carries the name of the account it came from. */
 /* Sticky, because the nav is taller than the viewport and an identity you have
    to scroll to find is one nobody checks. */
-.who { margin-top:auto; position:sticky; bottom:0; z-index:2;
-       display:flex; align-items:center; gap:9px;
+.who { flex:none; display:flex; align-items:center; gap:9px;
        padding:12px 16px; background:var(--surface);
        border-top:1px solid var(--border); }
 .who:empty { display:none; }