Bernt
58ca4e68db
- Go backend API with full CRUD for all modules (CRM, Sales, Finance, HR, Legal, Marketing, Support, Purchase, Inventory, Projects, Automation, Analytics) - Rust analytics service with parallel report generation - C runtime with POSIX shared memory IPC - PostgreSQL schema with 30+ tables, full migrations - Redis cache, sessions, pub/sub - Kafka event streaming with Zookeeper - WebSocket hub for real-time updates - Automation engine with cron jobs, workflows, event triggers - JWT authentication, multi-tenant from start - Docker Compose with all services - Nginx reverse proxy with rate limiting - Integration tests passing - Feature gap analysis against Fortnox/Odoo/Visma Refs: BOC-001
236 lines
8.9 KiB
HTML
236 lines
8.9 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>LIFE KPI Pyramid — Mission to Metrics</title>
|
|
<style>
|
|
* { margin: 0; padding: 0; box-sizing: border-box; }
|
|
body { font-family: -apple-system, BlinkMacSystemFont, 'Inter', sans-serif; background: #000; color: #fff; line-height: 1.6; }
|
|
.header { background: #0a0a0a; border-bottom: 1px solid #333; padding: 20px 40px; }
|
|
.header h1 { font-size: 1.5rem; color: #00d4ff; }
|
|
.header .subtitle { color: #666; font-size: 0.85rem; }
|
|
.main { padding: 40px; max-width: 1200px; margin: 0 auto; }
|
|
.pyramid { display: flex; flex-direction: column; gap: 16px; }
|
|
.level { border-radius: var(--radius-md); padding: 24px; position: relative; }
|
|
.level-mission { background: linear-gradient(135deg, #7c3aed, #00d4ff); }
|
|
.level-customer { background: #1a1a2e; border: 2px solid #7c3aed; }
|
|
.level-platform { background: #1a1a2e; border: 2px solid #00d4ff; }
|
|
.level-operational { background: #111; border: 1px solid #333; }
|
|
.level-engineering { background: #111; border: 1px solid #222; }
|
|
.level-label { font-size: 0.75rem; text-transform: uppercase; letter-spacing: 2px; margin-bottom: 8px; opacity: 0.8; }
|
|
.level h2 { font-size: 1.3rem; margin-bottom: 8px; }
|
|
.level p { font-size: 0.9rem; opacity: 0.9; }
|
|
.metric-highlight { display: inline-block; background: rgba(255,255,255,0.1); padding: 8px 16px; border-radius: var(--radius-md); margin-top: 12px; font-size: 1.1rem; font-weight: 600; }
|
|
.metrics-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 12px; margin-top: 16px; }
|
|
.metric-card { background: rgba(0,0,0,0.3); border-radius: var(--radius-md); padding: 12px; }
|
|
.metric-name { font-size: 0.8rem; opacity: 0.8; }
|
|
.metric-value { font-size: 1.5rem; font-weight: 700; margin-top: 4px; }
|
|
.metric-target { font-size: 0.75rem; opacity: 0.6; }
|
|
.rl-highlight { background: #111; border: 2px solid #fbbf24; border-radius: var(--radius-md); padding: 24px; margin: 24px 0; }
|
|
.rl-highlight h2 { color: #fbbf24; margin-bottom: 12px; }
|
|
.event-log { background: #111; border-radius: var(--radius-md); padding: 16px; margin-top: 16px; }
|
|
.event-item { display: flex; justify-content: space-between; padding: 8px 0; border-bottom: 1px solid #222; }
|
|
.event-item:last-child { border-bottom: none; }
|
|
</style>
|
|
</head>
|
|
<body>
|
|
|
|
<div class="header">
|
|
<h1>LIFE KPI Pyramid</h1>
|
|
<div class="subtitle">From Mission to Engineering Metrics</div>
|
|
</div>
|
|
|
|
<div class="main">
|
|
|
|
<div class="pyramid">
|
|
|
|
<!-- Mission -->
|
|
<div class="level level-mission">
|
|
<div class="level-label">Mission</div>
|
|
<h2>Improve Decisions About the Physical World</h2>
|
|
<p>LIFE helps organizations make better, faster, and more confident decisions about infrastructure, projects, and assets by providing continuous, verified intelligence about observable reality.</p>
|
|
</div>
|
|
|
|
<!-- Customer North Star -->
|
|
<div class="level level-customer">
|
|
<div class="level-label">Customer North Star</div>
|
|
<h2>Decision Confidence Improvement (DCI)</h2>
|
|
<p>How much LIFE increases a decision-maker's confidence compared to previous working methods.</p>
|
|
<div class="metric-highlight">Target: +50% confidence improvement</div>
|
|
<div class="metrics-grid">
|
|
<div class="metric-card">
|
|
<div class="metric-name">Better Decisions</div>
|
|
<div class="metric-value">0%</div>
|
|
<div class="metric-target">Target: 80%</div>
|
|
</div>
|
|
<div class="metric-card">
|
|
<div class="metric-name">Faster Verification</div>
|
|
<div class="metric-value">0%</div>
|
|
<div class="metric-target">Target: 70%</div>
|
|
</div>
|
|
<div class="metric-card">
|
|
<div class="metric-name">Lower Risk</div>
|
|
<div class="metric-value">0%</div>
|
|
<div class="metric-target">Target: 60%</div>
|
|
</div>
|
|
<div class="metric-card">
|
|
<div class="metric-name">Efficient Prioritization</div>
|
|
<div class="metric-value">0%</div>
|
|
<div class="metric-target">Target: 50%</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Platform North Star -->
|
|
<div class="level level-platform">
|
|
<div class="level-label">Platform North Star</div>
|
|
<h2>Verified Reality Coverage (VRC)</h2>
|
|
<p>Percentage of observable reality represented with current, independently verified evidence.</p>
|
|
<div class="metric-highlight" id="vrc-value">Loading...</div>
|
|
<div class="metrics-grid">
|
|
<div class="metric-card">
|
|
<div class="metric-name">Object Coverage</div>
|
|
<div class="metric-value" id="obj-cov">—</div>
|
|
<div class="metric-target">Target: 95%</div>
|
|
</div>
|
|
<div class="metric-card">
|
|
<div class="metric-name">Multi-source</div>
|
|
<div class="metric-value" id="multi-src">—</div>
|
|
<div class="metric-target">Target: 60%</div>
|
|
</div>
|
|
<div class="metric-card">
|
|
<div class="metric-name">Freshness</div>
|
|
<div class="metric-value" id="fresh">—</div>
|
|
<div class="metric-target">Target: 7d</div>
|
|
</div>
|
|
<div class="metric-card">
|
|
<div class="metric-name">Confidence</div>
|
|
<div class="metric-value" id="conf">—</div>
|
|
<div class="metric-target">Target: 80%</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Reality Latency -->
|
|
<div class="rl-highlight">
|
|
<h2><svg width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M9 2L5 9H8L7 14L11 7H8L9 2Z" fill="#f59e0b"/></svg> Reality Latency (RL)</h2>
|
|
<p><strong>Signature Metric:</strong> Time between reality changing and LIFE knowing about it.</p>
|
|
<p>Current Average: <strong id="rl-value">Loading...</strong> hours | Target: 24h</p>
|
|
<div class="event-log" id="event-log">
|
|
<div style="color:#666;text-align:center;">Loading events...</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Operational -->
|
|
<div class="level level-operational">
|
|
<div class="level-label">Operational Metrics</div>
|
|
<h2>Platform Operations</h2>
|
|
<div class="metrics-grid">
|
|
<div class="metric-card">
|
|
<div class="metric-name">Ingestion Latency</div>
|
|
<div class="metric-value">4h</div>
|
|
<div class="metric-target">Target: 1h</div>
|
|
</div>
|
|
<div class="metric-card">
|
|
<div class="metric-name">Mission Completion</div>
|
|
<div class="metric-value">78%</div>
|
|
<div class="metric-target">Target: 95%</div>
|
|
</div>
|
|
<div class="metric-card">
|
|
<div class="metric-name">AI Precision</div>
|
|
<div class="metric-value">72%</div>
|
|
<div class="metric-target">Target: 85%</div>
|
|
</div>
|
|
<div class="metric-card">
|
|
<div class="metric-name">Evidence Density</div>
|
|
<div class="metric-value">0.4</div>
|
|
<div class="metric-target">Target: 5/km</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Engineering -->
|
|
<div class="level level-engineering">
|
|
<div class="level-label">Engineering Metrics</div>
|
|
<h2>System Performance</h2>
|
|
<div class="metrics-grid">
|
|
<div class="metric-card">
|
|
<div class="metric-name">Uptime</div>
|
|
<div class="metric-value">99.5%</div>
|
|
<div class="metric-target">Target: 99.9%</div>
|
|
</div>
|
|
<div class="metric-card">
|
|
<div class="metric-name">API Response</div>
|
|
<div class="metric-value">120ms</div>
|
|
<div class="metric-target">Target: 50ms</div>
|
|
</div>
|
|
<div class="metric-card">
|
|
<div class="metric-name">Cost/km</div>
|
|
<div class="metric-value">$0.45</div>
|
|
<div class="metric-target">Target: $0.20</div>
|
|
</div>
|
|
<div class="metric-card">
|
|
<div class="metric-name">GPU Util</div>
|
|
<div class="metric-value">65%</div>
|
|
<div class="metric-target">Target: 80%</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<script>
|
|
async function loadKPIs() {
|
|
try {
|
|
const response = await fetch('/api/v1/life-kpi/public/kpi-pyramid');
|
|
const data = await response.json();
|
|
|
|
document.getElementById('vrc-value').textContent =
|
|
`VRC: ${data.platform_north_star.current_value}% (Target: ${data.platform_north_star.target_2026}%)`;
|
|
|
|
document.getElementById('obj-cov').textContent = data.platform_north_star.breakdown.object_coverage + '%';
|
|
document.getElementById('multi-src').textContent = data.platform_north_star.breakdown.multi_source_verification + '%';
|
|
document.getElementById('fresh').textContent = data.platform_north_star.breakdown.evidence_freshness_days + 'd';
|
|
document.getElementById('conf').textContent = data.platform_north_star.breakdown.average_confidence + '%';
|
|
|
|
} catch (e) {
|
|
console.error('Failed to load KPIs:', e);
|
|
}
|
|
}
|
|
|
|
async function loadRealityLatency() {
|
|
try {
|
|
const response = await fetch('/api/v1/life-kpi/public/reality-latency');
|
|
const data = await response.json();
|
|
|
|
document.getElementById('rl-value').textContent = data.reality_latency.current_average_hours;
|
|
|
|
const eventLog = document.getElementById('event-log');
|
|
eventLog.innerHTML = data.reality_latency.recent_events.map(evt => `
|
|
<div class="event-item">
|
|
<div>
|
|
<strong>${evt.event_type}</strong><br>
|
|
<span style="color:#888;font-size:0.8rem;">${evt.description}</span>
|
|
</div>
|
|
<div style="text-align:right;">
|
|
<span style="color:#fbbf24;font-weight:600;">${evt.latency_hours}h</span><br>
|
|
<span style="color:#888;font-size:0.75rem;">${evt.detection_source}</span>
|
|
</div>
|
|
</div>
|
|
`).join('');
|
|
|
|
} catch (e) {
|
|
console.error('Failed to load RL:', e);
|
|
}
|
|
}
|
|
|
|
loadKPIs();
|
|
loadRealityLatency();
|
|
</script>
|
|
|
|
</body>
|
|
</html>
|