claude-finops 0.4.2 → 0.4.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "claude-finops",
-  "version": "0.4.2",
+  "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

@@ -105,6 +105,11 @@ Environment:
 """
 
 
+def _version():
+    from finops.update import _installed
+    return _installed()
+
+
 def version():
     """Which copy is this, and is it current?
 
@@ -222,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; }