@kopai/ui 0.0.5 → 0.2.0

package/src/components/observability/__fixtures__/logs.ts

@@ -0,0 +1,476 @@
+import type { denormalizedSignals } from "@kopai/core";
+
+type OtelLogsRow = denormalizedSignals.OtelLogsRow;
+
+// Correlatable trace/span IDs (match traces fixture)
+const TRACE_ID = "0af7651916cd43dd8448eb211c80319c";
+const ROOT_SPAN = "b7ad6b7169203331";
+const CHILD_AUTH = "5cc999522982f714";
+const CHILD_USERS = "0e0a2b1c7f4d3e5a";
+const CHILD_DB = "1a2b3c4d5e6f7a8b";
+
+// Base timestamp, staggered over ~10 seconds
+const BASE_NS = 1700000000000000000n;
+const ts = (offsetMs: number) =>
+  (BASE_NS + BigInt(offsetMs) * 1000000n).toString();
+
+export const mockLogRows: OtelLogsRow[] = [
+  // ── api-gateway logs ──
+  {
+    Timestamp: ts(0),
+    Body: "Request received: GET /api/users",
+    SeverityText: "INFO",
+    SeverityNumber: 9,
+    ServiceName: "api-gateway",
+    TraceId: TRACE_ID,
+    SpanId: ROOT_SPAN,
+    LogAttributes: {
+      "http.method": "GET",
+      "http.path": "/api/users",
+      "client.address": "192.168.1.42",
+    },
+    ResourceAttributes: {
+      "service.name": "api-gateway",
+      "service.version": "1.4.2",
+      "deployment.environment": "production",
+    },
+    ScopeName: "com.example.api-gateway",
+  },
+  {
+    Timestamp: ts(1),
+    Body: "Logging middleware initialized",
+    SeverityText: "TRACE",
+    SeverityNumber: 1,
+    ServiceName: "api-gateway",
+    LogAttributes: { "middleware.name": "loggingMiddleware" },
+    ResourceAttributes: {
+      "service.name": "api-gateway",
+      "service.version": "1.4.2",
+    },
+    ScopeName: "com.example.api-gateway",
+  },
+  {
+    Timestamp: ts(320),
+    Body: "Response sent: 200 OK (320ms)",
+    SeverityText: "INFO",
+    SeverityNumber: 9,
+    ServiceName: "api-gateway",
+    TraceId: TRACE_ID,
+    SpanId: ROOT_SPAN,
+    LogAttributes: {
+      "http.method": "GET",
+      "http.path": "/api/users",
+      "http.status_code": 200,
+      "response.duration_ms": 320,
+    },
+    ResourceAttributes: {
+      "service.name": "api-gateway",
+      "service.version": "1.4.2",
+      "deployment.environment": "production",
+    },
+    ScopeName: "com.example.api-gateway",
+  },
+  {
+    Timestamp: ts(1200),
+    Body: "Rate limit threshold approaching: 450/500 requests in current window",
+    SeverityText: "WARN",
+    SeverityNumber: 13,
+    ServiceName: "api-gateway",
+    LogAttributes: {
+      "rate_limit.current": 450,
+      "rate_limit.max": 500,
+      "rate_limit.window_seconds": 60,
+    },
+    ResourceAttributes: {
+      "service.name": "api-gateway",
+      "service.version": "1.4.2",
+      "deployment.environment": "production",
+    },
+    ScopeName: "com.example.api-gateway.rate-limiter",
+  },
+  {
+    Timestamp: ts(2500),
+    Body: "TLS certificate expires in 7 days",
+    SeverityText: "WARN",
+    SeverityNumber: 14,
+    ServiceName: "api-gateway",
+    LogAttributes: {
+      "tls.cert.expiry_days": 7,
+      "tls.cert.subject": "*.example.com",
+    },
+    ResourceAttributes: {
+      "service.name": "api-gateway",
+      "service.version": "1.4.2",
+    },
+    ScopeName: "com.example.api-gateway.tls",
+  },
+
+  // ── auth-service logs ──
+  {
+    Timestamp: ts(3),
+    Body: "User authenticated successfully",
+    SeverityText: "INFO",
+    SeverityNumber: 9,
+    ServiceName: "auth-service",
+    TraceId: TRACE_ID,
+    SpanId: CHILD_AUTH,
+    LogAttributes: {
+      "auth.method": "Bearer",
+      "auth.user_id": "usr_8f2k3j",
+      "auth.token_valid": true,
+    },
+    ResourceAttributes: {
+      "service.name": "auth-service",
+      "service.version": "2.1.0",
+      "deployment.environment": "production",
+    },
+    ScopeName: "com.example.auth-service",
+  },
+  {
+    Timestamp: ts(3500),
+    Body: "Token refresh issued for user usr_8f2k3j",
+    SeverityText: "DEBUG",
+    SeverityNumber: 5,
+    ServiceName: "auth-service",
+    LogAttributes: {
+      "auth.user_id": "usr_8f2k3j",
+      "auth.token_ttl_seconds": 3600,
+    },
+    ResourceAttributes: {
+      "service.name": "auth-service",
+      "service.version": "2.1.0",
+    },
+    ScopeName: "com.example.auth-service",
+  },
+  {
+    Timestamp: ts(5000),
+    Body: "Failed to validate token: signature mismatch",
+    SeverityText: "ERROR",
+    SeverityNumber: 17,
+    ServiceName: "auth-service",
+    LogAttributes: {
+      "error.type": "TokenValidationError",
+      "auth.method": "Bearer",
+      "auth.token_prefix": "eyJhbGci...",
+    },
+    ResourceAttributes: {
+      "service.name": "auth-service",
+      "service.version": "2.1.0",
+      "deployment.environment": "production",
+    },
+    ScopeName: "com.example.auth-service",
+  },
+  {
+    Timestamp: ts(5200),
+    Body: "Auth cache eviction: 128 expired entries removed",
+    SeverityText: "DEBUG",
+    SeverityNumber: 7,
+    ServiceName: "auth-service",
+    LogAttributes: {
+      "cache.evicted_count": 128,
+      "cache.remaining_count": 4096,
+    },
+    ResourceAttributes: {
+      "service.name": "auth-service",
+      "service.version": "2.1.0",
+    },
+    ScopeName: "com.example.auth-service.cache",
+  },
+
+  // ── user-service logs ──
+  {
+    Timestamp: ts(42),
+    Body: "Fetching users with pagination: limit=50 offset=0",
+    SeverityText: "DEBUG",
+    SeverityNumber: 5,
+    ServiceName: "user-service",
+    TraceId: TRACE_ID,
+    SpanId: CHILD_USERS,
+    LogAttributes: {
+      "app.users.limit": 50,
+      "app.users.offset": 0,
+    },
+    ResourceAttributes: {
+      "service.name": "user-service",
+      "service.version": "3.0.1",
+    },
+    ScopeName: "com.example.user-service",
+  },
+  {
+    Timestamp: ts(46),
+    Body: "Database query started: SELECT users",
+    SeverityText: "TRACE",
+    SeverityNumber: 2,
+    ServiceName: "user-service",
+    TraceId: TRACE_ID,
+    SpanId: CHILD_DB,
+    LogAttributes: {
+      "db.system": "postgresql",
+      "db.operation": "SELECT",
+      "db.sql.table": "users",
+    },
+    ResourceAttributes: {
+      "service.name": "user-service",
+      "service.version": "3.0.1",
+    },
+    ScopeName: "com.example.user-service.db",
+  },
+  {
+    Timestamp: ts(225),
+    Body: "Database query completed in 180ms, returned 42 rows",
+    SeverityText: "INFO",
+    SeverityNumber: 9,
+    ServiceName: "user-service",
+    TraceId: TRACE_ID,
+    SpanId: CHILD_DB,
+    LogAttributes: {
+      "db.system": "postgresql",
+      "db.operation": "SELECT",
+      "db.duration_ms": 180,
+      "db.rows_returned": 42,
+    },
+    ResourceAttributes: {
+      "service.name": "user-service",
+      "service.version": "3.0.1",
+      "deployment.environment": "production",
+    },
+    ScopeName: "com.example.user-service.db",
+  },
+  {
+    Timestamp: ts(4000),
+    Body: "Connection pool exhausted: all 20 connections in use",
+    SeverityText: "ERROR",
+    SeverityNumber: 17,
+    ServiceName: "user-service",
+    LogAttributes: {
+      "db.system": "postgresql",
+      "db.pool.size": 20,
+      "db.pool.active": 20,
+      "db.pool.idle": 0,
+      "db.pool.waiting": 5,
+    },
+    ResourceAttributes: {
+      "service.name": "user-service",
+      "service.version": "3.0.1",
+      "deployment.environment": "production",
+    },
+    ScopeName: "com.example.user-service.db",
+  },
+  {
+    Timestamp: ts(4100),
+    Body: "Connection pool recovered: 3 connections freed",
+    SeverityText: "INFO",
+    SeverityNumber: 10,
+    ServiceName: "user-service",
+    LogAttributes: {
+      "db.system": "postgresql",
+      "db.pool.size": 20,
+      "db.pool.active": 17,
+      "db.pool.idle": 3,
+    },
+    ResourceAttributes: {
+      "service.name": "user-service",
+      "service.version": "3.0.1",
+    },
+    ScopeName: "com.example.user-service.db",
+  },
+  {
+    Timestamp: ts(6000),
+    Body: "Slow query detected: 2340ms for SELECT on orders table",
+    SeverityText: "WARN",
+    SeverityNumber: 13,
+    ServiceName: "user-service",
+    LogAttributes: {
+      "db.system": "postgresql",
+      "db.operation": "SELECT",
+      "db.sql.table": "orders",
+      "db.duration_ms": 2340,
+      "db.slow_query_threshold_ms": 1000,
+    },
+    ResourceAttributes: {
+      "service.name": "user-service",
+      "service.version": "3.0.1",
+      "deployment.environment": "production",
+    },
+    ScopeName: "com.example.user-service.db",
+  },
+  {
+    Timestamp: ts(6500),
+    Body: "User profile updated: usr_3m9x1p",
+    SeverityText: "INFO",
+    SeverityNumber: 9,
+    ServiceName: "user-service",
+    LogAttributes: {
+      "app.user_id": "usr_3m9x1p",
+      "app.fields_updated": "email,phone",
+    },
+    ResourceAttributes: {
+      "service.name": "user-service",
+      "service.version": "3.0.1",
+    },
+    ScopeName: "com.example.user-service",
+  },
+  {
+    Timestamp: ts(7000),
+    Body: "Failed to parse request body: invalid JSON at position 42",
+    SeverityText: "ERROR",
+    SeverityNumber: 18,
+    ServiceName: "api-gateway",
+    LogAttributes: {
+      "http.method": "POST",
+      "http.path": "/api/users",
+      "error.type": "SyntaxError",
+      "error.position": 42,
+    },
+    ResourceAttributes: {
+      "service.name": "api-gateway",
+      "service.version": "1.4.2",
+      "deployment.environment": "production",
+    },
+    ScopeName: "com.example.api-gateway",
+  },
+  {
+    Timestamp: ts(7500),
+    Body: "Health check passed: all dependencies healthy",
+    SeverityText: "INFO",
+    SeverityNumber: 9,
+    ServiceName: "api-gateway",
+    LogAttributes: {
+      "health.db": "ok",
+      "health.cache": "ok",
+      "health.auth": "ok",
+    },
+    ResourceAttributes: {
+      "service.name": "api-gateway",
+      "service.version": "1.4.2",
+    },
+    ScopeName: "com.example.api-gateway.health",
+  },
+  {
+    Timestamp: ts(8000),
+    Body: "Graceful shutdown initiated",
+    SeverityText: "WARN",
+    SeverityNumber: 15,
+    ServiceName: "user-service",
+    LogAttributes: {
+      "shutdown.reason": "SIGTERM",
+      "shutdown.active_connections": 3,
+    },
+    ResourceAttributes: {
+      "service.name": "user-service",
+      "service.version": "3.0.1",
+      "deployment.environment": "production",
+    },
+    ScopeName: "com.example.user-service",
+  },
+  {
+    Timestamp: ts(8500),
+    Body: "Unrecoverable error in event loop - process exiting",
+    SeverityText: "FATAL",
+    SeverityNumber: 21,
+    ServiceName: "user-service",
+    LogAttributes: {
+      "error.type": "UnhandledRejection",
+      "error.message": "ENOMEM: not enough memory",
+      "process.pid": 12345,
+    },
+    ResourceAttributes: {
+      "service.name": "user-service",
+      "service.version": "3.0.1",
+      "deployment.environment": "production",
+    },
+    ScopeName: "com.example.user-service",
+  },
+  {
+    Timestamp: ts(9000),
+    Body: "Retry attempt 3/5 for upstream service call",
+    SeverityText: "WARN",
+    SeverityNumber: 13,
+    ServiceName: "api-gateway",
+    LogAttributes: {
+      "retry.attempt": 3,
+      "retry.max": 5,
+      "retry.backoff_ms": 800,
+      "upstream.service": "user-service",
+    },
+    ResourceAttributes: {
+      "service.name": "api-gateway",
+      "service.version": "1.4.2",
+      "deployment.environment": "production",
+    },
+    ScopeName: "com.example.api-gateway.retry",
+  },
+  {
+    Timestamp: ts(9200),
+    Body: "Circuit breaker opened for user-service",
+    SeverityText: "ERROR",
+    SeverityNumber: 17,
+    ServiceName: "api-gateway",
+    LogAttributes: {
+      "circuit_breaker.state": "open",
+      "circuit_breaker.failure_count": 10,
+      "circuit_breaker.threshold": 5,
+      "circuit_breaker.reset_timeout_ms": 30000,
+      "upstream.service": "user-service",
+    },
+    ResourceAttributes: {
+      "service.name": "api-gateway",
+      "service.version": "1.4.2",
+      "deployment.environment": "production",
+    },
+    ScopeName: "com.example.api-gateway.circuit-breaker",
+  },
+  {
+    Timestamp: ts(9500),
+    Body: "JWKS key rotation completed",
+    SeverityText: "INFO",
+    SeverityNumber: 10,
+    ServiceName: "auth-service",
+    LogAttributes: {
+      "auth.jwks.kid_old": "key-2023-10",
+      "auth.jwks.kid_new": "key-2023-11",
+    },
+    ResourceAttributes: {
+      "service.name": "auth-service",
+      "service.version": "2.1.0",
+    },
+    ScopeName: "com.example.auth-service.jwks",
+  },
+  {
+    Timestamp: ts(9800),
+    Body: "Metrics flush completed: 1247 data points exported",
+    SeverityText: "DEBUG",
+    SeverityNumber: 6,
+    ServiceName: "api-gateway",
+    LogAttributes: {
+      "metrics.data_points": 1247,
+      "metrics.export_duration_ms": 45,
+      "metrics.destination": "otel-collector:4317",
+    },
+    ResourceAttributes: {
+      "service.name": "api-gateway",
+      "service.version": "1.4.2",
+    },
+    ScopeName: "com.example.api-gateway.metrics",
+  },
+  {
+    Timestamp: ts(10000),
+    Body: "Request completed: GET /api/users/search?q=admin",
+    SeverityText: "INFO",
+    SeverityNumber: 9,
+    ServiceName: "api-gateway",
+    LogAttributes: {
+      "http.method": "GET",
+      "http.path": "/api/users/search",
+      "http.query": "q=admin",
+      "http.status_code": 200,
+      "response.duration_ms": 89,
+    },
+    ResourceAttributes: {
+      "service.name": "api-gateway",
+      "service.version": "1.4.2",
+      "deployment.environment": "production",
+    },
+    ScopeName: "com.example.api-gateway",
+  },
+];

package/src/components/observability/__fixtures__/metrics.ts

@@ -0,0 +1,216 @@
+import type { denormalizedSignals } from "@kopai/core";
+
+type OtelMetricsRow = denormalizedSignals.OtelMetricsRow;
+
+// Base timestamp: 2023-11-14T22:13:20Z in nanoseconds
+// 5-minute window: 300_000ms
+const BASE_NS = 1700000000000000000n;
+const ts = (offsetMs: number) =>
+  (BASE_NS + BigInt(offsetMs) * 1000000n).toString();
+
+// Interval for 50 points over 5 minutes = 6000ms each
+const INTERVAL_MS = 6000;
+
+// ── Gauge: http.server.active_requests ──
+// 2 series: GET and POST, 25 points each = 50 total
+
+function gaugePoint(
+  index: number,
+  value: number,
+  method: string
+): OtelMetricsRow {
+  return {
+    MetricType: "Gauge" as const,
+    MetricName: "http.server.active_requests",
+    MetricDescription: "Number of active HTTP server requests",
+    MetricUnit: "{requests}",
+    TimeUnix: ts(index * INTERVAL_MS),
+    StartTimeUnix: ts(0),
+    Value: value,
+    ServiceName: "api-gateway",
+    Attributes: { "http.method": method },
+    ResourceAttributes: {
+      "service.name": "api-gateway",
+      "service.version": "1.4.2",
+      "deployment.environment": "production",
+    },
+    ScopeName: "opentelemetry.instrumentation.http",
+    ScopeVersion: "0.44.0",
+  };
+}
+
+// GET series: fluctuates between 5-45
+const getValues = [
+  12, 18, 24, 15, 22, 35, 28, 19, 31, 42, 38, 25, 14, 20, 33, 27, 16, 39, 44,
+  30, 21, 11, 26, 36, 8,
+];
+// POST series: lower, fluctuates between 2-20
+const postValues = [
+  4, 7, 5, 9, 12, 8, 15, 6, 10, 18, 14, 7, 3, 11, 16, 9, 5, 13, 20, 12, 8, 4, 6,
+  17, 2,
+];
+
+export const mockGaugeRows: OtelMetricsRow[] = [
+  ...getValues.map((v, i) => gaugePoint(i, v, "GET")),
+  ...postValues.map((v, i) => gaugePoint(i, v, "POST")),
+];
+
+// ── Sum: http.server.request_count ──
+// 50 points, monotonically increasing, 2 series
+
+function sumPoint(
+  index: number,
+  value: number,
+  method: string
+): OtelMetricsRow {
+  return {
+    MetricType: "Sum" as const,
+    MetricName: "http.server.request_count",
+    MetricDescription: "Total number of HTTP requests received",
+    MetricUnit: "{requests}",
+    TimeUnix: ts(index * INTERVAL_MS),
+    StartTimeUnix: ts(0),
+    Value: value,
+    IsMonotonic: 1,
+    AggTemporality: "CUMULATIVE",
+    ServiceName: "api-gateway",
+    Attributes: { "http.method": method },
+    ResourceAttributes: {
+      "service.name": "api-gateway",
+      "service.version": "1.4.2",
+      "deployment.environment": "production",
+    },
+    ScopeName: "opentelemetry.instrumentation.http",
+    ScopeVersion: "0.44.0",
+  };
+}
+
+// GET: starts at 1000, increases by 15-45 per interval
+const getSumValues: number[] = [];
+let getAccum = 1000;
+for (let i = 0; i < 25; i++) {
+  getSumValues.push(getAccum);
+  getAccum += 15 + Math.floor(30 * Math.abs(Math.sin(i * 0.7)));
+}
+
+// POST: starts at 200, increases by 5-20 per interval
+const postSumValues: number[] = [];
+let postAccum = 200;
+for (let i = 0; i < 25; i++) {
+  postSumValues.push(postAccum);
+  postAccum += 5 + Math.floor(15 * Math.abs(Math.sin(i * 0.5)));
+}
+
+export const mockSumRows: OtelMetricsRow[] = [
+  ...getSumValues.map((v, i) => sumPoint(i, v, "GET")),
+  ...postSumValues.map((v, i) => sumPoint(i, v, "POST")),
+];
+
+// ── Histogram: http.server.request_duration ──
+// 3 data points with explicit bounds [5, 10, 25, 50, 75, 100, 250, 500, 1000]
+
+const HISTOGRAM_BOUNDS = [5, 10, 25, 50, 75, 100, 250, 500, 1000];
+
+export const mockHistogramRows: OtelMetricsRow[] = [
+  {
+    MetricType: "Histogram" as const,
+    MetricName: "http.server.request_duration",
+    MetricDescription: "Duration of HTTP server requests",
+    MetricUnit: "ms",
+    TimeUnix: ts(0),
+    StartTimeUnix: ts(0),
+    ServiceName: "api-gateway",
+    Count: 1500,
+    Sum: 87450,
+    Min: 1,
+    Max: 1850,
+    ExplicitBounds: HISTOGRAM_BOUNDS,
+    BucketCounts: [120, 280, 350, 310, 180, 120, 85, 35, 15, 5],
+    AggTemporality: "CUMULATIVE",
+    Attributes: { "http.method": "GET" },
+    ResourceAttributes: {
+      "service.name": "api-gateway",
+      "service.version": "1.4.2",
+      "deployment.environment": "production",
+    },
+    ScopeName: "opentelemetry.instrumentation.http",
+    ScopeVersion: "0.44.0",
+  },
+  {
+    MetricType: "Histogram" as const,
+    MetricName: "http.server.request_duration",
+    MetricDescription: "Duration of HTTP server requests",
+    MetricUnit: "ms",
+    TimeUnix: ts(60000),
+    StartTimeUnix: ts(0),
+    ServiceName: "api-gateway",
+    Count: 3200,
+    Sum: 192000,
+    Min: 1,
+    Max: 2100,
+    ExplicitBounds: HISTOGRAM_BOUNDS,
+    BucketCounts: [250, 580, 720, 640, 380, 280, 190, 95, 45, 20],
+    AggTemporality: "CUMULATIVE",
+    Attributes: { "http.method": "GET" },
+    ResourceAttributes: {
+      "service.name": "api-gateway",
+      "service.version": "1.4.2",
+      "deployment.environment": "production",
+    },
+    ScopeName: "opentelemetry.instrumentation.http",
+    ScopeVersion: "0.44.0",
+  },
+  {
+    MetricType: "Histogram" as const,
+    MetricName: "http.server.request_duration",
+    MetricDescription: "Duration of HTTP server requests",
+    MetricUnit: "ms",
+    TimeUnix: ts(120000),
+    StartTimeUnix: ts(0),
+    ServiceName: "api-gateway",
+    Count: 4800,
+    Sum: 278400,
+    Min: 1,
+    Max: 1950,
+    ExplicitBounds: HISTOGRAM_BOUNDS,
+    BucketCounts: [380, 850, 1100, 950, 560, 420, 310, 140, 65, 25],
+    AggTemporality: "CUMULATIVE",
+    Attributes: { "http.method": "GET" },
+    ResourceAttributes: {
+      "service.name": "api-gateway",
+      "service.version": "1.4.2",
+      "deployment.environment": "production",
+    },
+    ScopeName: "opentelemetry.instrumentation.http",
+    ScopeVersion: "0.44.0",
+  },
+];
+
+// ── Gauge: system.cpu.utilization ──
+// 30 points, values 0-1 range, MetricUnit "1"
+
+const cpuValues = [
+  0.32, 0.35, 0.41, 0.38, 0.45, 0.52, 0.48, 0.55, 0.62, 0.58, 0.65, 0.71, 0.68,
+  0.75, 0.82, 0.79, 0.73, 0.68, 0.61, 0.55, 0.48, 0.42, 0.38, 0.45, 0.52, 0.58,
+  0.63, 0.57, 0.49, 0.44,
+];
+
+export const mockStatRows: OtelMetricsRow[] = cpuValues.map((value, i) => ({
+  MetricType: "Gauge" as const,
+  MetricName: "system.cpu.utilization",
+  MetricDescription: "CPU utilization as a fraction (0.0 to 1.0)",
+  MetricUnit: "1",
+  TimeUnix: ts(i * 10000), // 10s intervals over 5 minutes
+  StartTimeUnix: ts(0),
+  Value: value,
+  ServiceName: "api-gateway",
+  Attributes: { "cpu.core": "all" },
+  ResourceAttributes: {
+    "service.name": "api-gateway",
+    "service.version": "1.4.2",
+    "deployment.environment": "production",
+    "host.name": "api-gw-prod-01",
+  },
+  ScopeName: "opentelemetry.instrumentation.system",
+  ScopeVersion: "0.44.0",
+}));