runmonitor 0.2.0__py3-none-any.whl

runmonitor/static/style.css

@@ -0,0 +1,398 @@
+/* ═══════════════════════════════════════════════════════════════
+   RUNMONITOR — Empero design system, terminal edition
+   Black/purple. Box-drawn panels, JetBrains Mono, crisp hairlines.
+   Palette mirrors empero.org's midnight theme.
+   ═════════════════════════════════════════════════════════════ */
+
+:root {
+  /* Type */
+  --ff-display: "Inter", "Satoshi", "SF Pro Display", system-ui, -apple-system, sans-serif;
+  --ff-body:    "Inter", -apple-system, system-ui, sans-serif;
+  --ff-mono:    "JetBrains Mono", "Fira Code", ui-monospace, "SF Mono", Menlo, monospace;
+
+  /* Shape */
+  --r-1: 2px;
+  --r-2: 4px;
+  --rule-w: 0.75px;
+}
+
+/* ── Light — empero bone paper ─────────────────────────── */
+[data-theme="light"] {
+  --paper:   #F4F1EC;
+  --paper-2: #E8E3DA;
+  --panel:   #ECE7DF;
+  --ink:     #15121C;
+  --ink-2:   #2A2632;
+  --rule:    rgba(21, 18, 28, 0.18);
+  --rule-2:  rgba(21, 18, 28, 0.08);
+  --muted:   rgba(21, 18, 28, 0.55);
+  --accent:  #6B2BD9;
+  --accent-2:#3370ff;
+  --magenta: #C8267C;
+  --alert:   #D11149;
+  --green:   #2BA84A;
+  --amber:   #C77700;
+  --grid:    rgba(21, 18, 28, 0.06);
+}
+
+/* ── Midnight — empero black/purple (default) ──────────── */
+:root,
+[data-theme="midnight"] {
+  --paper:   #0E0B14;
+  --paper-2: #161220;
+  --panel:   #14101E;
+  --ink:     #E9E4F0;
+  --ink-2:   #C2BCD0;
+  --rule:    rgba(233, 228, 240, 0.16);
+  --rule-2:  rgba(233, 228, 240, 0.07);
+  --muted:   rgba(233, 228, 240, 0.55);
+  --accent:  #B66BFF;
+  --accent-2:#5b8fff;
+  --magenta: #C8267C;
+  --alert:   #FF5470;
+  --green:   #3DDC84;
+  --amber:   #F4A236;
+  --grid:    rgba(233, 228, 240, 0.05);
+}
+
+* { box-sizing: border-box; margin: 0; padding: 0; }
+
+html, body {
+  background: var(--paper);
+  color: var(--ink);
+  font-family: var(--ff-mono);
+  font-size: 14px;
+  line-height: 1.5;
+  min-height: 100vh;
+  -webkit-font-smoothing: antialiased;
+}
+
+/* faint terminal grid behind everything */
+body::before {
+  content: "";
+  position: fixed;
+  inset: 0;
+  pointer-events: none;
+  z-index: 0;
+  background-image:
+    linear-gradient(var(--grid) 1px, transparent 1px),
+    linear-gradient(90deg, var(--grid) 1px, transparent 1px);
+  background-size: 28px 28px;
+  mask-image: radial-gradient(ellipse 90% 70% at 50% 0%, #000 30%, transparent 100%);
+}
+
+/* ── Navbar ───────────────────────────────────────────── */
+
+.navbar {
+  position: sticky;
+  top: 0;
+  z-index: 100;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  height: 46px;
+  padding: 0 18px;
+  background: var(--paper);
+  border-bottom: var(--rule-w) solid var(--rule);
+  backdrop-filter: blur(6px);
+}
+
+.navbar-brand { display: flex; align-items: center; gap: 9px; }
+
+.logo { color: var(--accent); flex-shrink: 0; }
+
+.brand-text {
+  font-family: var(--ff-display);
+  font-weight: 800;
+  font-size: 15px;
+  letter-spacing: -0.02em;
+  color: var(--ink);
+}
+.brand-text::after {
+  content: "_";
+  color: var(--accent);
+  animation: blink 1.1s steps(1) infinite;
+}
+
+@keyframes blink { 0%,50% { opacity: 1; } 50.01%,100% { opacity: 0; } }
+
+.navbar-actions { display: flex; align-items: center; gap: 10px; }
+
+.status-dot {
+  width: 7px; height: 7px;
+  border-radius: 50%;
+  background: var(--green);
+  box-shadow: 0 0 0 0 color-mix(in srgb, var(--green) 70%, transparent);
+  transition: background 0.15s;
+}
+.status-dot.pulse { animation: ping 0.9s ease-out; }
+@keyframes ping {
+  0%   { box-shadow: 0 0 0 0 color-mix(in srgb, var(--accent) 60%, transparent); background: var(--accent); }
+  100% { box-shadow: 0 0 0 7px transparent; background: var(--green); }
+}
+
+.btn-icon {
+  background: none;
+  border: var(--rule-w) solid var(--rule);
+  color: var(--ink-2);
+  border-radius: var(--r-2);
+  padding: 3px 8px;
+  cursor: pointer;
+  font-size: 14px;
+  font-family: var(--ff-mono);
+  line-height: 1.2;
+  transition: background 0.15s, color 0.15s, border-color 0.15s;
+}
+.btn-icon:hover { background: var(--paper-2); color: var(--accent); border-color: var(--accent); }
+
+.gamification-badges { display: flex; gap: 6px; align-items: center; }
+.badge {
+  font-size: 12px;
+  padding: 1px 7px;
+  border-radius: var(--r-1);
+  font-family: var(--ff-mono);
+  border: var(--rule-w) solid var(--rule);
+}
+.badge-fire { color: var(--amber); }
+.badge-best { color: var(--accent); animation: pop 0.4s ease; }
+@keyframes pop { 0% { transform: scale(0.5); } 60% { transform: scale(1.2); } 100% { transform: scale(1); } }
+
+/* ── Main layout ──────────────────────────────────────── */
+
+.main {
+  position: relative;
+  z-index: 1;
+  max-width: 1080px;
+  margin: 0 auto;
+  padding: 22px 20px 70px;
+}
+
+/* ── Selectors ────────────────────────────────────────── */
+
+.selectors { display: flex; gap: 14px; margin-bottom: 16px; flex-wrap: wrap; }
+.field { flex: 1; min-width: 200px; max-width: 320px; }
+.field label {
+  display: block;
+  font-size: 10px;
+  font-weight: 700;
+  text-transform: uppercase;
+  letter-spacing: 0.1em;
+  color: var(--accent);
+  margin-bottom: 4px;
+}
+.field label::before { content: "› "; opacity: 0.7; }
+.field select {
+  width: 100%;
+  height: 34px;
+  padding: 0 10px;
+  background: var(--paper-2);
+  border: var(--rule-w) solid var(--rule);
+  border-radius: var(--r-1);
+  color: var(--ink);
+  font-family: var(--ff-mono);
+  font-size: 12.5px;
+  cursor: pointer;
+  appearance: none;
+  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M3 5l3 3 3-3' fill='none' stroke='%23B66BFF' stroke-width='1.3'/%3E%3C/svg%3E");
+  background-repeat: no-repeat;
+  background-position: right 8px center;
+}
+.field select:focus { outline: none; border-color: var(--accent); }
+
+/* ── Panels (box-drawn) ───────────────────────────────── */
+
+.panel {
+  position: relative;
+  background: var(--panel);
+  border: var(--rule-w) solid var(--rule);
+  border-radius: var(--r-2);
+  padding: 18px 16px 14px;
+  margin-bottom: 14px;
+}
+.panel > .panel-label {
+  position: absolute;
+  top: -8px;
+  left: 12px;
+  padding: 0 7px;
+  background: var(--paper);
+  color: var(--accent);
+  font-family: var(--ff-mono);
+  font-size: 11px;
+  letter-spacing: 0.06em;
+  white-space: nowrap;
+}
+.panel > .panel-label::before { content: "┄ "; opacity: 0.55; }
+
+/* ── Run header ───────────────────────────────────────── */
+
+.runhead-grid {
+  display: flex;
+  align-items: center;
+  gap: 18px;
+  flex-wrap: wrap;
+}
+.rh-name {
+  font-family: var(--ff-display);
+  font-weight: 800;
+  font-size: 18px;
+  letter-spacing: -0.01em;
+  color: var(--ink);
+}
+.rh-step { color: var(--muted); }
+.rh-step strong { color: var(--ink); font-weight: 600; }
+.rh-status {
+  text-transform: uppercase;
+  font-size: 11px;
+  letter-spacing: 0.08em;
+  padding: 2px 9px;
+  border-radius: 999px;
+  border: var(--rule-w) solid var(--rule);
+}
+.rh-status.running  { color: var(--green);  border-color: color-mix(in srgb, var(--green) 50%, transparent); }
+.rh-status.finished { color: var(--accent); border-color: color-mix(in srgb, var(--accent) 50%, transparent); }
+.rh-status.crashed  { color: var(--alert);  border-color: color-mix(in srgb, var(--alert) 50%, transparent); }
+.rh-status.running::before {
+  content: "● ";
+  animation: blink 1.4s steps(1) infinite;
+}
+.rh-spacer { flex: 1; min-width: 8px; }
+.rh-stat { text-align: right; }
+.rh-stat label {
+  display: block;
+  font-size: 9px;
+  text-transform: uppercase;
+  letter-spacing: 0.1em;
+  color: var(--muted);
+}
+.rh-stat span { color: var(--ink); font-size: 14px; }
+
+.progress { display: flex; align-items: center; gap: 12px; margin-top: 14px; }
+.progress-bar {
+  flex: 1; height: 6px;
+  background: var(--rule-2);
+  border-radius: 3px;
+  overflow: hidden;
+}
+.progress-fill {
+  height: 100%;
+  background: linear-gradient(90deg, var(--accent), var(--magenta));
+  border-radius: 3px;
+  transition: width 0.5s ease;
+  min-width: 2px;
+}
+.progress-label { color: var(--muted); font-size: 12px; white-space: nowrap; }
+
+/* ── Metric ticker (the selector) ─────────────────────── */
+
+.ticker {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 6px 8px;
+  align-items: center;
+}
+.chip {
+  cursor: pointer;
+  padding: 3px 9px;
+  border-radius: var(--r-1);
+  border: var(--rule-w) solid transparent;
+  color: var(--muted);
+  white-space: nowrap;
+  font-size: 13px;
+  transition: color 0.15s, background 0.15s, border-color 0.15s;
+  user-select: none;
+}
+.chip .k { color: var(--ink-2); }
+.chip .v { color: var(--ink); }
+.chip:hover { background: var(--paper-2); color: var(--ink); }
+.chip.sel {
+  border-color: color-mix(in srgb, var(--accent) 55%, transparent);
+  background: color-mix(in srgb, var(--accent) 14%, transparent);
+}
+.chip.sel .k, .chip.sel .v { color: var(--accent); }
+.chip.readonly { cursor: default; opacity: 0.85; }
+.chip.readonly:hover { background: none; }
+.chip.flash .v { animation: flashval 0.5s ease; }
+@keyframes flashval {
+  0% { color: var(--magenta); text-shadow: 0 0 8px color-mix(in srgb, var(--magenta) 60%, transparent); }
+  100% {}
+}
+
+/* ── Hero chart ───────────────────────────────────────── */
+
+.hero .panel-label { color: var(--accent); }
+.hero-wrap {
+  position: relative;
+  height: 340px;
+  margin-top: 4px;
+}
+.hero-cursor {
+  color: var(--accent);
+  animation: blink 1.1s steps(1) infinite;
+}
+
+/* ── Status line ──────────────────────────────────────── */
+
+.statusline {
+  font-size: 12.5px;
+  padding: 9px 12px;
+  margin-bottom: 14px;
+  border: var(--rule-w) solid var(--rule);
+  border-radius: var(--r-2);
+  background: var(--panel);
+}
+.statusline.calm  { color: var(--muted); }
+.statusline.calm::before  { content: ""; }
+.statusline.alert {
+  color: var(--alert);
+  border-color: color-mix(in srgb, var(--alert) 45%, transparent);
+  background: color-mix(in srgb, var(--alert) 8%, var(--panel));
+}
+
+/* ── System charts ────────────────────────────────────── */
+
+.sys-grid {
+  display: grid;
+  grid-template-columns: repeat(2, 1fr);
+  gap: 16px;
+}
+.sys-chart-title {
+  font-size: 11px;
+  text-transform: uppercase;
+  letter-spacing: 0.08em;
+  color: var(--muted);
+  margin-bottom: 6px;
+}
+.sys-canvas-wrap { position: relative; height: 150px; }
+
+/* ── Tables (config / artifacts) ──────────────────────── */
+
+.config-table {
+  width: 100%;
+  border-collapse: collapse;
+  font-size: 12.5px;
+}
+.config-table tr { border-bottom: var(--rule-w) solid var(--rule-2); }
+.config-table tr:last-child { border-bottom: none; }
+.config-table td { padding: 7px 10px; }
+.cfg-key { font-weight: 600; color: var(--accent); width: 32%; }
+.cfg-val { color: var(--ink-2); }
+
+.mono { font-family: var(--ff-mono); }
+
+/* ── Empty state ──────────────────────────────────────── */
+.empty {
+  text-align: center;
+  color: var(--muted);
+  padding: 60px 20px;
+  font-size: 13px;
+}
+.empty .big { font-size: 15px; color: var(--ink-2); margin-bottom: 6px; }
+
+/* ── Responsive ───────────────────────────────────────── */
+@media (max-width: 700px) {
+  .sys-grid { grid-template-columns: 1fr; }
+  .selectors { flex-direction: column; }
+  .field { max-width: 100%; }
+  .hero-wrap { height: 260px; }
+  .rh-spacer { display: none; }
+}

runmonitor/storage.py

@@ -0,0 +1,235 @@
+import sqlite3
+import os
+import shutil
+import threading
+
+DB_DIR = os.path.expanduser("~/.runmonitor")
+DB_PATH = os.path.join(DB_DIR, "runs.db")
+ARTIFACTS_DIR = os.path.join(DB_DIR, "artifacts")
+
+_lock = threading.Lock()
+
+
+def get_db() -> sqlite3.Connection:
+    os.makedirs(DB_DIR, exist_ok=True)
+    conn = sqlite3.connect(DB_PATH, check_same_thread=False)
+    conn.execute("PRAGMA journal_mode=WAL")
+    conn.row_factory = sqlite3.Row
+    return conn
+
+
+def init_db():
+    with _lock:
+        conn = get_db()
+        conn.executescript("""
+        CREATE TABLE IF NOT EXISTS projects (
+            id          INTEGER PRIMARY KEY AUTOINCREMENT,
+            name        TEXT    NOT NULL UNIQUE,
+            created_at  TEXT    DEFAULT (datetime('now'))
+        );
+
+        CREATE TABLE IF NOT EXISTS runs (
+            id           TEXT     PRIMARY KEY,
+            project_id   INTEGER  NOT NULL REFERENCES projects(id),
+            name         TEXT,
+            status       TEXT     DEFAULT 'running',
+            config_json  TEXT     DEFAULT '{}',
+            total_steps  INTEGER,
+            started_at   TEXT     DEFAULT (datetime('now')),
+            finished_at  TEXT
+        );
+
+        CREATE TABLE IF NOT EXISTS metrics (
+            id          INTEGER PRIMARY KEY AUTOINCREMENT,
+            run_id      TEXT    NOT NULL REFERENCES runs(id),
+            step        INTEGER NOT NULL,
+            key         TEXT    NOT NULL,
+            value       REAL    NOT NULL,
+            timestamp   TEXT    DEFAULT (datetime('now'))
+        );
+
+        CREATE INDEX IF NOT EXISTS idx_metrics_run_step ON metrics(run_id, step);
+        CREATE INDEX IF NOT EXISTS idx_metrics_run_key  ON metrics(run_id, key);
+
+        CREATE TABLE IF NOT EXISTS artifacts (
+            id          INTEGER PRIMARY KEY AUTOINCREMENT,
+            run_id      TEXT    NOT NULL REFERENCES runs(id),
+            filename    TEXT    NOT NULL,
+            filepath    TEXT    NOT NULL,
+            size_bytes  INTEGER,
+            created_at  TEXT    DEFAULT (datetime('now'))
+        );
+
+        CREATE TABLE IF NOT EXISTS system_metrics (
+            id          INTEGER PRIMARY KEY AUTOINCREMENT,
+            run_id      TEXT    NOT NULL REFERENCES runs(id),
+            step        INTEGER NOT NULL,
+            cpu_percent REAL,
+            mem_percent REAL,
+            timestamp   TEXT    DEFAULT (datetime('now'))
+        );
+        """)
+        conn.commit()
+        conn.close()
+
+
+def create_project(name: str) -> int:
+    with _lock:
+        conn = get_db()
+        cur = conn.execute(
+            "INSERT OR IGNORE INTO projects (name) VALUES (?)", (name,)
+        )
+        if cur.rowcount == 1:
+            project_id = cur.lastrowid
+        else:
+            row = conn.execute("SELECT id FROM projects WHERE name=?", (name,)).fetchone()
+            project_id = row["id"]
+        conn.commit()
+        conn.close()
+        return project_id
+
+
+def create_run(run_id: str, project_id: int, name: str | None, config_json: str, total_steps: int | None) -> None:
+    with _lock:
+        conn = get_db()
+        conn.execute(
+            """INSERT INTO runs (id, project_id, name, config_json, total_steps)
+               VALUES (?, ?, ?, ?, ?)""",
+            (run_id, project_id, name, config_json, total_steps),
+        )
+        conn.commit()
+        conn.close()
+
+
+def log_metrics(run_id: str, metrics: dict, step: int):
+    with _lock:
+        conn = get_db()
+        rows = [(run_id, step, k, v) for k, v in metrics.items()]
+        conn.executemany(
+            "INSERT INTO metrics (run_id, step, key, value) VALUES (?, ?, ?, ?)",
+            rows,
+        )
+        conn.commit()
+        conn.close()
+
+
+def finish_run(run_id: str, status: str = "finished"):
+    with _lock:
+        conn = get_db()
+        conn.execute(
+            "UPDATE runs SET status=?, finished_at=datetime('now') WHERE id=?",
+            (status, run_id),
+        )
+        conn.commit()
+        conn.close()
+
+
+def get_projects() -> list[dict]:
+    conn = get_db()
+    rows = conn.execute("SELECT id, name, created_at FROM projects ORDER BY id DESC").fetchall()
+    conn.close()
+    return [dict(r) for r in rows]
+
+
+def get_runs(project_name: str | None = None) -> list[dict]:
+    conn = get_db()
+    if project_name:
+        rows = conn.execute(
+            """SELECT r.*, p.name as project_name
+               FROM runs r JOIN projects p ON r.project_id = p.id
+               WHERE p.name = ? ORDER BY r.started_at DESC""",
+            (project_name,),
+        ).fetchall()
+    else:
+        rows = conn.execute(
+            """SELECT r.*, p.name as project_name
+               FROM runs r JOIN projects p ON r.project_id = p.id
+               ORDER BY r.started_at DESC"""
+        ).fetchall()
+    conn.close()
+    return [dict(r) for r in rows]
+
+
+def get_metrics(run_id: str, key: str | None = None, limit: int | None = None,
+                since: int | None = None) -> list[dict]:
+    conn = get_db()
+    clauses = ["run_id=?"]
+    params: list = [run_id]
+    if key:
+        clauses.append("key=?")
+        params.append(key)
+    if since is not None:
+        clauses.append("step > ?")
+        params.append(since)
+    order = "ORDER BY step" if key else "ORDER BY step, key"
+    query = f"SELECT step, key, value, timestamp FROM metrics WHERE {' AND '.join(clauses)} {order}"
+    if limit:
+        query += f" LIMIT {int(limit)}"
+    rows = conn.execute(query, tuple(params)).fetchall()
+    conn.close()
+    return [dict(r) for r in rows]
+
+
+def get_run_config(run_id: str) -> dict | None:
+    conn = get_db()
+    row = conn.execute(
+        "SELECT config_json, total_steps, status, started_at FROM runs WHERE id=?",
+        (run_id,),
+    ).fetchone()
+    conn.close()
+    return dict(row) if row else None
+
+
+# ── Artifacts ──────────────────────────────────────────────
+
+def save_artifact(run_id: str, src_path: str) -> dict:
+    """Copy a file into the run's artifact directory and record it."""
+    filename = os.path.basename(src_path)
+    dest_dir = os.path.join(ARTIFACTS_DIR, run_id)
+    os.makedirs(dest_dir, exist_ok=True)
+    dest_path = os.path.join(dest_dir, filename)
+    shutil.copy2(src_path, dest_path)
+    size_bytes = os.path.getsize(dest_path)
+
+    with _lock:
+        conn = get_db()
+        conn.execute(
+            "INSERT INTO artifacts (run_id, filename, filepath, size_bytes) VALUES (?, ?, ?, ?)",
+            (run_id, filename, dest_path, size_bytes),
+        )
+        conn.commit()
+        conn.close()
+    return {"filename": filename, "filepath": dest_path, "size_bytes": size_bytes}
+
+
+def get_artifacts(run_id: str) -> list[dict]:
+    conn = get_db()
+    rows = conn.execute(
+        "SELECT filename, filepath, size_bytes, created_at FROM artifacts WHERE run_id=? ORDER BY created_at",
+        (run_id,),
+    ).fetchall()
+    conn.close()
+    return [dict(r) for r in rows]
+
+
+# ── System metrics ─────────────────────────────────────────
+
+def log_system_metrics(run_id: str, step: int, cpu: float, mem: float):
+    with _lock:
+        conn = get_db()
+        conn.execute(
+            "INSERT INTO system_metrics (run_id, step, cpu_percent, mem_percent) VALUES (?, ?, ?, ?)",
+            (run_id, step, cpu, mem),
+        )
+        conn.commit()
+        conn.close()
+
+
+def get_system_metrics(run_id: str) -> list[dict]:
+    conn = get_db()
+    rows = conn.execute(
+        "SELECT step, cpu_percent, mem_percent, timestamp FROM system_metrics WHERE run_id=? ORDER BY step",
+        (run_id,),
+    ).fetchall()
+    conn.close()
+    return [dict(r) for r in rows]