@dudousxd/nestjs-telescope-ui 1.0.0

package/dist/client/types.d.ts

@@ -0,0 +1,267 @@
+export type { JobPage, QueueActionName, QueueCounts, QueueJob, QueueJobDetail, QueueState, QueueSummary, ScheduledTask, ScheduleKind, ScheduleRunStatus, } from '@dudousxd/nestjs-telescope';
+import type { QueueActionName } from '@dudousxd/nestjs-telescope';
+/** Capability hints returned alongside the live queue list. */
+export interface QueueCapabilities {
+    mutationsEnabled: boolean;
+    actionsByDriver: Record<string, QueueActionName[]>;
+}
+export interface Entry {
+    id: string;
+    batchId: string;
+    type: string;
+    familyHash: string | null;
+    content: unknown;
+    tags: string[];
+    sequence: number;
+    durationMs: number | null;
+    origin: string;
+    instanceId: string;
+    traceId: string | null;
+    spanId: string | null;
+    createdAt: string;
+}
+export interface Page<T> {
+    data: T[];
+    nextCursor: string | null;
+}
+export interface EntryWithBatch extends Entry {
+    batch: Entry[];
+}
+export interface EntriesQuery {
+    type?: string;
+    tag?: string;
+    traceId?: string;
+    batchId?: string;
+    familyHash?: string;
+    /** Case-insensitive substring matched against the entry's content. */
+    search?: string;
+    cursor?: string;
+    limit?: number;
+}
+/** A distinct tag and how many entries carry it. Returned by `GET /tags`. */
+export interface TagCount {
+    tag: string;
+    count: number;
+}
+export interface TelescopeMeta {
+    enabled: boolean;
+    droppedCount: number;
+    watchers: string[];
+    traceLink: string | null;
+    /** Resolved retention window from `prune`, or `null` when unbounded. */
+    retention: {
+        afterMs: number;
+        keepLast: number | null;
+    } | null;
+    /** Resolved per-type sample rates (0..1). Empty when no sampling configured. */
+    sampling: Record<string, number>;
+}
+export interface DurationStats {
+    avg: number;
+    p50: number;
+    p95: number;
+    max: number;
+}
+export interface SlowEntry {
+    id: string;
+    type: string;
+    durationMs: number;
+    label: string;
+    batchId: string;
+}
+export interface ExceptionGroup {
+    familyHash: string;
+    class: string;
+    message: string;
+    count: number;
+    lastSeen: string;
+}
+export interface NPlusOneHotspot {
+    familyHash: string;
+    sql: string;
+    perRequest: number;
+    requests: number;
+    total: number;
+    sampleBatchId: string;
+}
+export interface SlowRouteHotspot {
+    /** The normalized route family (e.g. "GET /api/base/:id/mel") — also the label. */
+    route: string;
+    count: number;
+    p99: number;
+    p50: number;
+}
+export interface PulseReport {
+    windowStart: string;
+    windowEnd: string;
+    windowMs: number;
+    counts: Record<string, number>;
+    slowest: SlowEntry[];
+    topExceptions: ExceptionGroup[];
+    nPlusOne: NPlusOneHotspot[];
+    slowRoutes: SlowRouteHotspot[];
+    /** Slowest outgoing http_client targets (method + host + normalized path). */
+    slowOutgoing: SlowRouteHotspot[];
+    scanned: number;
+    truncated: boolean;
+}
+/**
+ * Telescope's own runtime overhead. Returned by `GET /health`. Lets a user see
+ * that capture is cheap (off the response path) and the buffer keeps up.
+ */
+export interface TelescopeHealth {
+    /** Whether capture is currently enabled (from config). */
+    enabled: boolean;
+    /** Total entries that passed sampling+filter and were buffered since boot. */
+    recorded: number;
+    /** Ring-buffer capacity. */
+    bufferSize: number;
+    /** Entries currently held in the ring. */
+    bufferUsed: number;
+    /** Maximum `bufferUsed` ever observed. */
+    bufferHighWater: number;
+    /** Number of flushes that drained at least one entry. */
+    flushes: number;
+    /** Cumulative entries drained across all flushes. */
+    flushedEntries: number;
+    /** Wall-clock duration of the most recent draining flush, or null. */
+    lastFlushMs: number | null;
+    /** Largest flush duration ever observed, or null. */
+    maxFlushMs: number | null;
+    /** Cumulative flush duration across all draining flushes. */
+    totalFlushMs: number;
+    /** Entries evicted because the ring was full. */
+    overflowDropped: number;
+    /** Entries lost because the store rejected the flush. */
+    storeFailedDropped: number;
+    /** Total entries dropped (overflow + store failures). */
+    droppedCount: number;
+    /** Mean nanoseconds per capture, from an on-demand micro-benchmark. */
+    captureCostNanos: number;
+}
+/** Point-in-time Node process-health snapshot. Returned by `GET /server-stats`. */
+export interface ServerStats {
+    uptimeSec: number;
+    memory: {
+        rssMb: number;
+        heapUsedMb: number;
+        heapTotalMb: number;
+    };
+    cpu: {
+        userMs: number;
+        systemMs: number;
+    };
+    /** Mean event-loop delay in ms, or `null` when perf_hooks can't measure it. */
+    eventLoopDelayMs: number | null;
+    instanceId: string;
+}
+export interface QueueMetrics {
+    queue: string;
+    total: number;
+    completed: number;
+    failed: number;
+    failureRate: number;
+    throughputPerMinute: number;
+    runtimeMs: DurationStats | null;
+    waitMs: DurationStats | null;
+}
+export interface QueueMetricsReport {
+    windowStart: string;
+    windowEnd: string;
+    windowMs: number;
+    queues: QueueMetrics[];
+    scanned: number;
+    truncated: boolean;
+}
+export interface TimeseriesBucket {
+    t: string;
+    total: number;
+    byType: Record<string, number>;
+}
+export interface TimeseriesReport {
+    windowStart: string;
+    windowEnd: string;
+    bucketMs: number;
+    buckets: TimeseriesBucket[];
+    scanned: number;
+    truncated: boolean;
+}
+export interface TimeseriesQuery {
+    window?: string;
+    buckets?: number;
+    type?: string;
+    tag?: string;
+}
+export interface TraceSummary {
+    traceId: string;
+    entryCount: number;
+    types: string[];
+    /** ISO timestamp of the trace's earliest entry. */
+    firstAt: string;
+    /** ISO timestamp of the trace's latest entry. */
+    lastAt: string;
+    totalDurationMs: number;
+    rootLabel?: string;
+}
+export interface TracesResult {
+    traces: TraceSummary[];
+    scanned: number;
+    truncated: boolean;
+}
+export interface LatencyStats {
+    count: number;
+    p50: number;
+    p95: number;
+    p99: number;
+    max: number;
+    slow: number;
+}
+export interface FamilyLatency {
+    familyHash: string;
+    label: string;
+    count: number;
+    p50: number;
+    p99: number;
+}
+export interface CacheStats {
+    hits: number;
+    misses: number;
+    sets: number;
+    hitRatio: number;
+    topKeys: {
+        key: string;
+        count: number;
+    }[];
+}
+export interface StatusBreakdown {
+    '2xx': number;
+    '3xx': number;
+    '4xx': number;
+    '5xx': number;
+    other: number;
+}
+/** An exception group in the stats payload — keyed by familyHash (or `class: message`),
+ *  with occurrence count, last-seen, and a per-bucket over-time series. `lastAt`
+ *  is JSON-serialized to an ISO string over the wire. */
+export interface StatsExceptionGroup {
+    key: string;
+    class: string;
+    message: string;
+    count: number;
+    lastAt: string;
+    overTime: number[];
+}
+export interface StatsResult {
+    type: string;
+    windowMs: number;
+    total: number;
+    /** Throughput over the window — same shape the overview area chart consumes. */
+    overTime: TimeseriesReport;
+    latency?: LatencyStats;
+    families?: FamilyLatency[];
+    cache?: CacheStats;
+    status?: StatusBreakdown;
+    exceptions?: StatsExceptionGroup[];
+    truncated: boolean;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/client/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/client/types.ts"],"names":[],"mappings":"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"}

package/dist/client/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/dist/client/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/client/types.ts"],"names":[],"mappings":""}

package/dist/react/components/batch-timeline.d.ts

@@ -0,0 +1,7 @@
+import type { Entry } from '../../client/index.js';
+export declare function BatchTimeline({ batch, currentId, onSelect, }: {
+    batch: Entry[];
+    currentId: string;
+    onSelect?: ((id: string) => void) | undefined;
+}): JSX.Element;
+//# sourceMappingURL=batch-timeline.d.ts.map

package/dist/react/components/batch-timeline.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"batch-timeline.d.ts","sourceRoot":"","sources":["../../../src/react/components/batch-timeline.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAC;AAGnD,wBAAgB,aAAa,CAAC,EAC5B,KAAK,EACL,SAAS,EACT,QAAQ,GACT,EAAE;IACD,KAAK,EAAE,KAAK,EAAE,CAAC;IACf,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;CAC/C,GAAG,GAAG,CAAC,OAAO,CA2Bd"}

package/dist/react/components/batch-timeline.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { entryLabel } from './entries-table.js';
+export function BatchTimeline({ batch, currentId, onSelect, }) {
+    return (_jsx("ol", { className: "space-y-1", children: [...batch]
+            .sort((a, b) => a.sequence - b.sequence)
+            .map((entry) => (_jsx("li", { children: _jsxs("button", { type: "button", onClick: () => onSelect?.(entry.id), className: `flex w-full justify-between gap-4 px-2 py-1 text-left text-xs ${entry.id === currentId
+                    ? 'bg-zinc-800 text-emerald-300'
+                    : 'text-zinc-400 hover:bg-zinc-900'}`, children: [_jsxs("span", { children: [_jsx("span", { className: "text-emerald-500", children: entry.type }), " ", entryLabel(entry)] }), _jsx("span", { className: "text-zinc-600", children: entry.durationMs != null ? `${entry.durationMs}ms` : '' })] }) }, entry.id))) }));
+}
+//# sourceMappingURL=batch-timeline.js.map

package/dist/react/components/batch-timeline.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"batch-timeline.js","sourceRoot":"","sources":["../../../src/react/components/batch-timeline.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAEhD,MAAM,UAAU,aAAa,CAAC,EAC5B,KAAK,EACL,SAAS,EACT,QAAQ,GAKT;IACC,OAAO,CACL,aAAI,SAAS,EAAC,WAAW,YACtB,CAAC,GAAG,KAAK,CAAC;aACR,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,QAAQ,GAAG,CAAC,CAAC,QAAQ,CAAC;aACvC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CACd,uBACE,kBACE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,EAAE,CAAC,KAAK,CAAC,EAAE,CAAC,EACnC,SAAS,EAAE,iEACT,KAAK,CAAC,EAAE,KAAK,SAAS;oBACpB,CAAC,CAAC,8BAA8B;oBAChC,CAAC,CAAC,iCACN,EAAE,aAEF,2BACE,eAAM,SAAS,EAAC,kBAAkB,YAAE,KAAK,CAAC,IAAI,GAAQ,OAAE,UAAU,CAAC,KAAK,CAAC,IACpE,EACP,eAAM,SAAS,EAAC,eAAe,YAC5B,KAAK,CAAC,UAAU,IAAI,IAAI,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,UAAU,IAAI,CAAC,CAAC,CAAC,EAAE,GACnD,IACA,IAhBF,KAAK,CAAC,EAAE,CAiBZ,CACN,CAAC,GACD,CACN,CAAC;AACJ,CAAC"}

package/dist/react/components/cache-badge.d.ts

@@ -0,0 +1,20 @@
+/**
+ * Cache entries carry `content: { operation: 'get' | 'set', hit: boolean | null,
+ * key: string }`. This module derives a small status pill from that content:
+ * a green `HIT` / amber `MISS` for reads, and a neutral `SET` for writes.
+ */
+export interface CacheBadgeInfo {
+    label: 'HIT' | 'MISS' | 'SET';
+    className: string;
+}
+/**
+ * Pure mapping from entry content to a cache pill descriptor; `null` for any
+ * non-cache or unrecognized content. Mirrors the bordered-pill token style used
+ * by the queue action buttons.
+ */
+export declare function cacheBadge(content: unknown): CacheBadgeInfo | null;
+/** Small cache hit/miss/set status pill; renders nothing for non-cache content. */
+export declare function CacheBadge({ content }: {
+    content: unknown;
+}): JSX.Element | null;
+//# sourceMappingURL=cache-badge.d.ts.map

package/dist/react/components/cache-badge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"cache-badge.d.ts","sourceRoot":"","sources":["../../../src/react/components/cache-badge.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAkBH,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,KAAK,GAAG,MAAM,GAAG,KAAK,CAAC;IAC9B,SAAS,EAAE,MAAM,CAAC;CACnB;AAID;;;;GAIG;AACH,wBAAgB,UAAU,CAAC,OAAO,EAAE,OAAO,GAAG,cAAc,GAAG,IAAI,CAYlE;AAED,mFAAmF;AACnF,wBAAgB,UAAU,CAAC,EAAE,OAAO,EAAE,EAAE;IAAE,OAAO,EAAE,OAAO,CAAA;CAAE,GAAG,GAAG,CAAC,OAAO,GAAG,IAAI,CAIhF"}

package/dist/react/components/cache-badge.js

@@ -0,0 +1,42 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/** Narrow unknown entry content to the cache shape without casts. */
+function isCacheContent(content) {
+    if (typeof content !== 'object' || content === null)
+        return false;
+    if (!('operation' in content) || !('hit' in content) || !('key' in content))
+        return false;
+    const { operation, hit, key } = content;
+    if (operation !== 'get' && operation !== 'set')
+        return false;
+    if (hit !== null && typeof hit !== 'boolean')
+        return false;
+    return typeof key === 'string';
+}
+const PILL_BASE = 'rounded border px-1.5 py-0.5 text-[10px] font-medium';
+/**
+ * Pure mapping from entry content to a cache pill descriptor; `null` for any
+ * non-cache or unrecognized content. Mirrors the bordered-pill token style used
+ * by the queue action buttons.
+ */
+export function cacheBadge(content) {
+    if (!isCacheContent(content))
+        return null;
+    if (content.operation === 'set') {
+        return { label: 'SET', className: `${PILL_BASE} border-zinc-700 text-zinc-300` };
+    }
+    if (content.hit === true) {
+        return { label: 'HIT', className: `${PILL_BASE} border-emerald-500/40 text-emerald-300` };
+    }
+    if (content.hit === false) {
+        return { label: 'MISS', className: `${PILL_BASE} border-amber-500/40 text-amber-300` };
+    }
+    return null;
+}
+/** Small cache hit/miss/set status pill; renders nothing for non-cache content. */
+export function CacheBadge({ content }) {
+    const badge = cacheBadge(content);
+    if (badge === null)
+        return null;
+    return _jsx("span", { className: badge.className, children: badge.label });
+}
+//# sourceMappingURL=cache-badge.js.map

package/dist/react/components/cache-badge.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"cache-badge.js","sourceRoot":"","sources":["../../../src/react/components/cache-badge.tsx"],"names":[],"mappings":";AAYA,qEAAqE;AACrE,SAAS,cAAc,CAAC,OAAgB;IACtC,IAAI,OAAO,OAAO,KAAK,QAAQ,IAAI,OAAO,KAAK,IAAI;QAAE,OAAO,KAAK,CAAC;IAClE,IAAI,CAAC,CAAC,WAAW,IAAI,OAAO,CAAC,IAAI,CAAC,CAAC,KAAK,IAAI,OAAO,CAAC,IAAI,CAAC,CAAC,KAAK,IAAI,OAAO,CAAC;QAAE,OAAO,KAAK,CAAC;IAC1F,MAAM,EAAE,SAAS,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,OAAO,CAAC;IACxC,IAAI,SAAS,KAAK,KAAK,IAAI,SAAS,KAAK,KAAK;QAAE,OAAO,KAAK,CAAC;IAC7D,IAAI,GAAG,KAAK,IAAI,IAAI,OAAO,GAAG,KAAK,SAAS;QAAE,OAAO,KAAK,CAAC;IAC3D,OAAO,OAAO,GAAG,KAAK,QAAQ,CAAC;AACjC,CAAC;AAOD,MAAM,SAAS,GAAG,sDAAsD,CAAC;AAEzE;;;;GAIG;AACH,MAAM,UAAU,UAAU,CAAC,OAAgB;IACzC,IAAI,CAAC,cAAc,CAAC,OAAO,CAAC;QAAE,OAAO,IAAI,CAAC;IAC1C,IAAI,OAAO,CAAC,SAAS,KAAK,KAAK,EAAE,CAAC;QAChC,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,SAAS,gCAAgC,EAAE,CAAC;IACnF,CAAC;IACD,IAAI,OAAO,CAAC,GAAG,KAAK,IAAI,EAAE,CAAC;QACzB,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,SAAS,yCAAyC,EAAE,CAAC;IAC5F,CAAC;IACD,IAAI,OAAO,CAAC,GAAG,KAAK,KAAK,EAAE,CAAC;QAC1B,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,GAAG,SAAS,qCAAqC,EAAE,CAAC;IACzF,CAAC;IACD,OAAO,IAAI,CAAC;AACd,CAAC;AAED,mFAAmF;AACnF,MAAM,UAAU,UAAU,CAAC,EAAE,OAAO,EAAwB;IAC1D,MAAM,KAAK,GAAG,UAAU,CAAC,OAAO,CAAC,CAAC;IAClC,IAAI,KAAK,KAAK,IAAI;QAAE,OAAO,IAAI,CAAC;IAChC,OAAO,eAAM,SAAS,EAAE,KAAK,CAAC,SAAS,YAAG,KAAK,CAAC,KAAK,GAAQ,CAAC;AAChE,CAAC"}

package/dist/react/components/charts/area-chart-card.d.ts

@@ -0,0 +1,16 @@
+export interface AreaChartPoint {
+    /** X-axis label (e.g. formatted time). */
+    label: string;
+    /** Series value. */
+    value: number;
+}
+/** Single-series time area chart with a subtle gradient fill and hover tooltip. */
+export declare function AreaChartCard({ title, data, right, color, valueLabel, height, }: {
+    title: string;
+    data: AreaChartPoint[];
+    right?: React.ReactNode;
+    color?: string;
+    valueLabel?: string;
+    height?: number;
+}): JSX.Element;
+//# sourceMappingURL=area-chart-card.d.ts.map

package/dist/react/components/charts/area-chart-card.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"area-chart-card.d.ts","sourceRoot":"","sources":["../../../../src/react/components/charts/area-chart-card.tsx"],"names":[],"mappings":"AAoBA,MAAM,WAAW,cAAc;IAC7B,0CAA0C;IAC1C,KAAK,EAAE,MAAM,CAAC;IACd,oBAAoB;IACpB,KAAK,EAAE,MAAM,CAAC;CACf;AAED,mFAAmF;AACnF,wBAAgB,aAAa,CAAC,EAC5B,KAAK,EACL,IAAI,EACJ,KAAK,EACL,KAAkB,EAClB,UAAoB,EACpB,MAAY,GACb,EAAE;IACD,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,cAAc,EAAE,CAAC;IACvB,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,GAAG,GAAG,CAAC,OAAO,CAqDd"}

package/dist/react/components/charts/area-chart-card.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useId } from 'react';
+import { Area, AreaChart, CartesianGrid, ResponsiveContainer, Tooltip, XAxis, YAxis, } from 'recharts';
+import { ChartCard, ChartEmptyState } from './chart-card.js';
+import { ACCENT_HEX, axisTickStyle, chartTheme, tooltipContentStyle, tooltipItemStyle, tooltipLabelStyle, } from './chart-theme.js';
+/** Single-series time area chart with a subtle gradient fill and hover tooltip. */
+export function AreaChartCard({ title, data, right, color = ACCENT_HEX, valueLabel = 'value', height = 220, }) {
+    const gradientId = useId();
+    const bodyHeight = height - 64;
+    return (_jsx(ChartCard, { title: title, right: right, height: bodyHeight, children: data.length === 0 ? (_jsx(ChartEmptyState, { height: bodyHeight })) : (_jsx(ResponsiveContainer, { width: "100%", height: "100%", children: _jsxs(AreaChart, { data: data, margin: { top: 4, right: 8, bottom: 0, left: -16 }, children: [_jsx("defs", { children: _jsxs("linearGradient", { id: gradientId, x1: "0", y1: "0", x2: "0", y2: "1", children: [_jsx("stop", { offset: "0%", stopColor: color, stopOpacity: 0.35 }), _jsx("stop", { offset: "100%", stopColor: color, stopOpacity: 0 })] }) }), _jsx(CartesianGrid, { stroke: chartTheme.gridStroke, vertical: false }), _jsx(XAxis, { dataKey: "label", tick: axisTickStyle, stroke: chartTheme.axisStroke, tickLine: false, minTickGap: 24 }), _jsx(YAxis, { tick: axisTickStyle, stroke: chartTheme.axisStroke, tickLine: false, width: 40, allowDecimals: false }), _jsx(Tooltip, { contentStyle: tooltipContentStyle, labelStyle: tooltipLabelStyle, itemStyle: tooltipItemStyle, cursor: { stroke: chartTheme.axisStroke } }), _jsx(Area, { type: "monotone", dataKey: "value", name: valueLabel, stroke: color, strokeWidth: 2, fill: `url(#${gradientId})`, isAnimationActive: false, dot: false, activeDot: { r: 3 } })] }) })) }));
+}
+//# sourceMappingURL=area-chart-card.js.map

package/dist/react/components/charts/area-chart-card.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"area-chart-card.js","sourceRoot":"","sources":["../../../../src/react/components/charts/area-chart-card.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,OAAO,CAAC;AAC9B,OAAO,EACL,IAAI,EACJ,SAAS,EACT,aAAa,EACb,mBAAmB,EACnB,OAAO,EACP,KAAK,EACL,KAAK,GACN,MAAM,UAAU,CAAC;AAClB,OAAO,EAAE,SAAS,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAC7D,OAAO,EACL,UAAU,EACV,aAAa,EACb,UAAU,EACV,mBAAmB,EACnB,gBAAgB,EAChB,iBAAiB,GAClB,MAAM,kBAAkB,CAAC;AAS1B,mFAAmF;AACnF,MAAM,UAAU,aAAa,CAAC,EAC5B,KAAK,EACL,IAAI,EACJ,KAAK,EACL,KAAK,GAAG,UAAU,EAClB,UAAU,GAAG,OAAO,EACpB,MAAM,GAAG,GAAG,GAQb;IACC,MAAM,UAAU,GAAG,KAAK,EAAE,CAAC;IAC3B,MAAM,UAAU,GAAG,MAAM,GAAG,EAAE,CAAC;IAC/B,OAAO,CACL,KAAC,SAAS,IAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,UAAU,YACtD,IAAI,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,CACnB,KAAC,eAAe,IAAC,MAAM,EAAE,UAAU,GAAI,CACxC,CAAC,CAAC,CAAC,CACF,KAAC,mBAAmB,IAAC,KAAK,EAAC,MAAM,EAAC,MAAM,EAAC,MAAM,YAC7C,MAAC,SAAS,IAAC,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE,GAAG,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,EAAE,aACvE,yBACE,0BAAgB,EAAE,EAAE,UAAU,EAAE,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,GAAG,aACzD,eAAM,MAAM,EAAC,IAAI,EAAC,SAAS,EAAE,KAAK,EAAE,WAAW,EAAE,IAAI,GAAI,EACzD,eAAM,MAAM,EAAC,MAAM,EAAC,SAAS,EAAE,KAAK,EAAE,WAAW,EAAE,CAAC,GAAI,IACzC,GACZ,EACP,KAAC,aAAa,IAAC,MAAM,EAAE,UAAU,CAAC,UAAU,EAAE,QAAQ,EAAE,KAAK,GAAI,EACjE,KAAC,KAAK,IACJ,OAAO,EAAC,OAAO,EACf,IAAI,EAAE,aAAa,EACnB,MAAM,EAAE,UAAU,CAAC,UAAU,EAC7B,QAAQ,EAAE,KAAK,EACf,UAAU,EAAE,EAAE,GACd,EACF,KAAC,KAAK,IACJ,IAAI,EAAE,aAAa,EACnB,MAAM,EAAE,UAAU,CAAC,UAAU,EAC7B,QAAQ,EAAE,KAAK,EACf,KAAK,EAAE,EAAE,EACT,aAAa,EAAE,KAAK,GACpB,EACF,KAAC,OAAO,IACN,YAAY,EAAE,mBAAmB,EACjC,UAAU,EAAE,iBAAiB,EAC7B,SAAS,EAAE,gBAAgB,EAC3B,MAAM,EAAE,EAAE,MAAM,EAAE,UAAU,CAAC,UAAU,EAAE,GACzC,EACF,KAAC,IAAI,IACH,IAAI,EAAC,UAAU,EACf,OAAO,EAAC,OAAO,EACf,IAAI,EAAE,UAAU,EAChB,MAAM,EAAE,KAAK,EACb,WAAW,EAAE,CAAC,EACd,IAAI,EAAE,QAAQ,UAAU,GAAG,EAC3B,iBAAiB,EAAE,KAAK,EACxB,GAAG,EAAE,KAAK,EACV,SAAS,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,GACnB,IACQ,GACQ,CACvB,GACS,CACb,CAAC;AACJ,CAAC"}

package/dist/react/components/charts/bar-chart-card.d.ts

@@ -0,0 +1,26 @@
+export interface BarChartDatum {
+    /** Category label on the x-axis (or y-axis when horizontal). */
+    label: string;
+    /** Bar value. */
+    value: number;
+    /** Optional per-bar color override. */
+    color?: string;
+    /** Optional stable identifier carried through to {@link onBarClick}. */
+    id?: string;
+}
+/** Categorical bar chart (e.g. per-queue failure rate) with a hover tooltip. */
+export declare function BarChartCard({ title, data, right, color, valueLabel, height, horizontal, truncateLabel, onBarClick, }: {
+    title: string;
+    data: BarChartDatum[];
+    right?: React.ReactNode;
+    color?: string;
+    valueLabel?: string;
+    height?: number;
+    /** Render category labels down the Y axis so long labels read left-to-right. */
+    horizontal?: boolean;
+    /** Truncate tick labels to this many chars (full label stays in the tooltip). */
+    truncateLabel?: number;
+    /** Called with the datum behind a clicked bar. */
+    onBarClick?: (datum: BarChartDatum) => void;
+}): JSX.Element;
+//# sourceMappingURL=bar-chart-card.d.ts.map

package/dist/react/components/charts/bar-chart-card.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"bar-chart-card.d.ts","sourceRoot":"","sources":["../../../../src/react/components/charts/bar-chart-card.tsx"],"names":[],"mappings":"AAoBA,MAAM,WAAW,aAAa;IAC5B,gEAAgE;IAChE,KAAK,EAAE,MAAM,CAAC;IACd,iBAAiB;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,uCAAuC;IACvC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,wEAAwE;IACxE,EAAE,CAAC,EAAE,MAAM,CAAC;CACb;AAQD,gFAAgF;AAChF,wBAAgB,YAAY,CAAC,EAC3B,KAAK,EACL,IAAI,EACJ,KAAK,EACL,KAAkB,EAClB,UAAoB,EACpB,MAAY,EACZ,UAAkB,EAClB,aAAa,EACb,UAAU,GACX,EAAE;IACD,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,aAAa,EAAE,CAAC;IACtB,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,gFAAgF;IAChF,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,iFAAiF;IACjF,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,kDAAkD;IAClD,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;CAC7C,GAAG,GAAG,CAAC,OAAO,CA0Gd"}

package/dist/react/components/charts/bar-chart-card.js

@@ -0,0 +1,27 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Bar, BarChart, CartesianGrid, Cell, ResponsiveContainer, Tooltip, XAxis, YAxis, } from 'recharts';
+import { ChartCard, ChartEmptyState } from './chart-card.js';
+import { ACCENT_HEX, axisTickStyle, chartTheme, tooltipContentStyle, tooltipItemStyle, tooltipLabelStyle, } from './chart-theme.js';
+/** Truncate a long category label to `max` chars with a trailing ellipsis. */
+function truncate(label, max) {
+    if (label.length <= max)
+        return label;
+    return `${label.slice(0, Math.max(0, max - 1))}…`;
+}
+/** Categorical bar chart (e.g. per-queue failure rate) with a hover tooltip. */
+export function BarChartCard({ title, data, right, color = ACCENT_HEX, valueLabel = 'value', height = 220, horizontal = false, truncateLabel, onBarClick, }) {
+    const bodyHeight = height - 64;
+    function handleBarClick(_value, index) {
+        const datum = data[index];
+        if (datum && onBarClick)
+            onBarClick(datum);
+    }
+    // Build optional props conditionally: under `exactOptionalPropertyTypes` an
+    // explicit `undefined` is not assignable to Recharts' optional handlers.
+    const tickFormatterProps = truncateLabel !== undefined
+        ? { tickFormatter: (value) => truncate(value, truncateLabel) }
+        : {};
+    const barInteractionProps = onBarClick !== undefined ? { onClick: handleBarClick, cursor: 'pointer' } : {};
+    return (_jsx(ChartCard, { title: title, right: right, height: bodyHeight, children: data.length === 0 ? (_jsx(ChartEmptyState, { height: bodyHeight })) : (_jsx(ResponsiveContainer, { width: "100%", height: "100%", children: horizontal ? (_jsxs(BarChart, { data: data, layout: "vertical", margin: { top: 4, right: 8, bottom: 0, left: 8 }, children: [_jsx(CartesianGrid, { stroke: chartTheme.gridStroke, horizontal: false }), _jsx(XAxis, { type: "number", tick: axisTickStyle, stroke: chartTheme.axisStroke, tickLine: false, allowDecimals: false }), _jsx(YAxis, { type: "category", dataKey: "label", tick: axisTickStyle, ...tickFormatterProps, stroke: chartTheme.axisStroke, tickLine: false, width: 160, interval: 0 }), _jsx(Tooltip, { contentStyle: tooltipContentStyle, labelStyle: tooltipLabelStyle, itemStyle: tooltipItemStyle, cursor: { fill: '#ffffff08' } }), _jsx(Bar, { dataKey: "value", name: valueLabel, radius: [0, 3, 3, 0], isAnimationActive: false, ...barInteractionProps, children: data.map((datum) => (_jsx(Cell, { fill: datum.color ?? color }, datum.id ?? datum.label))) })] })) : (_jsxs(BarChart, { data: data, margin: { top: 4, right: 8, bottom: 0, left: -16 }, children: [_jsx(CartesianGrid, { stroke: chartTheme.gridStroke, vertical: false }), _jsx(XAxis, { dataKey: "label", tick: axisTickStyle, ...tickFormatterProps, stroke: chartTheme.axisStroke, tickLine: false, interval: 0 }), _jsx(YAxis, { tick: axisTickStyle, stroke: chartTheme.axisStroke, tickLine: false, width: 40, allowDecimals: false }), _jsx(Tooltip, { contentStyle: tooltipContentStyle, labelStyle: tooltipLabelStyle, itemStyle: tooltipItemStyle, cursor: { fill: '#ffffff08' } }), _jsx(Bar, { dataKey: "value", name: valueLabel, radius: [3, 3, 0, 0], isAnimationActive: false, ...barInteractionProps, children: data.map((datum) => (_jsx(Cell, { fill: datum.color ?? color }, datum.id ?? datum.label))) })] })) })) }));
+}
+//# sourceMappingURL=bar-chart-card.js.map

package/dist/react/components/charts/bar-chart-card.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"bar-chart-card.js","sourceRoot":"","sources":["../../../../src/react/components/charts/bar-chart-card.tsx"],"names":[],"mappings":"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"}

package/dist/react/components/charts/chart-card.d.ts

@@ -0,0 +1,11 @@
+/** Shared card chrome (title, optional right slot, framed body) for every chart card. */
+export declare function ChartCard({ title, right, height, children, }: {
+    title: string;
+    right?: React.ReactNode;
+    height?: number;
+    children: React.ReactNode;
+}): JSX.Element;
+export declare function ChartEmptyState({ height }: {
+    height?: number;
+}): JSX.Element;
+//# sourceMappingURL=chart-card.d.ts.map

package/dist/react/components/charts/chart-card.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"chart-card.d.ts","sourceRoot":"","sources":["../../../../src/react/components/charts/chart-card.tsx"],"names":[],"mappings":"AAAA,yFAAyF;AACzF,wBAAgB,SAAS,CAAC,EACxB,KAAK,EACL,KAAK,EACL,MAAY,EACZ,QAAQ,GACT,EAAE;IACD,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,GAAG,GAAG,CAAC,OAAO,CAUd;AAED,wBAAgB,eAAe,CAAC,EAAE,MAAY,EAAE,EAAE;IAAE,MAAM,CAAC,EAAE,MAAM,CAAA;CAAE,GAAG,GAAG,CAAC,OAAO,CAMlF"}

package/dist/react/components/charts/chart-card.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/** Shared card chrome (title, optional right slot, framed body) for every chart card. */
+export function ChartCard({ title, right, height = 220, children, }) {
+    return (_jsxs("section", { className: "rounded-lg border border-zinc-800 bg-zinc-900/40 p-4", children: [_jsxs("header", { className: "mb-3 flex items-center justify-between", children: [_jsx("h3", { className: "text-xs font-medium uppercase tracking-wide text-zinc-400", children: title }), right] }), _jsx("div", { style: { height }, children: children })] }));
+}
+export function ChartEmptyState({ height = 220 }) {
+    return (_jsx("div", { className: "flex items-center justify-center text-xs text-zinc-600", style: { height }, children: "No data in window." }));
+}
+//# sourceMappingURL=chart-card.js.map

package/dist/react/components/charts/chart-card.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chart-card.js","sourceRoot":"","sources":["../../../../src/react/components/charts/chart-card.tsx"],"names":[],"mappings":";AAAA,yFAAyF;AACzF,MAAM,UAAU,SAAS,CAAC,EACxB,KAAK,EACL,KAAK,EACL,MAAM,GAAG,GAAG,EACZ,QAAQ,GAMT;IACC,OAAO,CACL,mBAAS,SAAS,EAAC,sDAAsD,aACvE,kBAAQ,SAAS,EAAC,wCAAwC,aACxD,aAAI,SAAS,EAAC,2DAA2D,YAAE,KAAK,GAAM,EACrF,KAAK,IACC,EACT,cAAK,KAAK,EAAE,EAAE,MAAM,EAAE,YAAG,QAAQ,GAAO,IAChC,CACX,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,eAAe,CAAC,EAAE,MAAM,GAAG,GAAG,EAAuB;IACnE,OAAO,CACL,cAAK,SAAS,EAAC,wDAAwD,EAAC,KAAK,EAAE,EAAE,MAAM,EAAE,mCAEnF,CACP,CAAC;AACJ,CAAC"}

package/dist/react/components/charts/chart-theme.d.ts

@@ -0,0 +1,41 @@
+/**
+ * Shared dark theme tokens for the Recharts chart cards. Centralizing these keeps
+ * the chart layer consistent with the dashboard's zinc/emerald palette and makes
+ * the rest of the app chart-library-agnostic (only this folder imports Recharts).
+ */
+/** Resolved hex colors for known entry types (matches the `fill-*` tokens used elsewhere). */
+export declare const TYPE_HEX: Record<string, string>;
+export declare const ACCENT_HEX = "#34d399";
+export declare function hexForType(type: string, fallbackIndex?: number): string;
+export declare const chartTheme: {
+    readonly gridStroke: "#ffffff10";
+    readonly axisStroke: "#3f3f46";
+    readonly axisTick: "#71717a";
+    readonly tooltipBg: "#18181b";
+    readonly tooltipBorder: "#27272a";
+    readonly tooltipText: "#e4e4e7";
+    readonly tooltipLabel: "#a1a1aa";
+    readonly legendText: "#a1a1aa";
+};
+/** Shared `contentStyle` for Recharts `<Tooltip>` so every chart looks identical. */
+export declare const tooltipContentStyle: {
+    readonly background: "#18181b";
+    readonly border: "1px solid #27272a";
+    readonly borderRadius: 6;
+    readonly fontSize: 11;
+    readonly color: "#e4e4e7";
+};
+export declare const tooltipLabelStyle: {
+    readonly color: "#a1a1aa";
+    readonly fontSize: 10;
+    readonly textTransform: "uppercase";
+    readonly letterSpacing: "0.05em";
+};
+export declare const tooltipItemStyle: {
+    readonly color: "#e4e4e7";
+};
+export declare const axisTickStyle: {
+    readonly fill: "#71717a";
+    readonly fontSize: 10;
+};
+//# sourceMappingURL=chart-theme.d.ts.map

package/dist/react/components/charts/chart-theme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"chart-theme.d.ts","sourceRoot":"","sources":["../../../../src/react/components/charts/chart-theme.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,8FAA8F;AAC9F,eAAO,MAAM,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAO3C,CAAC;AAKF,eAAO,MAAM,UAAU,YAAY,CAAC;AAEpC,wBAAgB,UAAU,CAAC,IAAI,EAAE,MAAM,EAAE,aAAa,SAAI,GAAG,MAAM,CAGlE;AAED,eAAO,MAAM,UAAU;;;;;;;;;CASb,CAAC;AAEX,qFAAqF;AACrF,eAAO,MAAM,mBAAmB;;;;;;CAMtB,CAAC;AAEX,eAAO,MAAM,iBAAiB;;;;;CAKpB,CAAC;AAEX,eAAO,MAAM,gBAAgB;;CAEnB,CAAC;AAEX,eAAO,MAAM,aAAa;;;CAGhB,CAAC"}

package/dist/react/components/charts/chart-theme.js

@@ -0,0 +1,53 @@
+/**
+ * Shared dark theme tokens for the Recharts chart cards. Centralizing these keeps
+ * the chart layer consistent with the dashboard's zinc/emerald palette and makes
+ * the rest of the app chart-library-agnostic (only this folder imports Recharts).
+ */
+/** Resolved hex colors for known entry types (matches the `fill-*` tokens used elsewhere). */
+export const TYPE_HEX = {
+    request: '#34d399', // emerald-400
+    query: '#38bdf8', // sky-400
+    job: '#a78bfa', // violet-400
+    exception: '#f87171', // red-400
+    http_client: '#fbbf24', // amber-400
+    mail: '#f472b6', // pink-400
+};
+/** Ordered palette for series whose type is not in {@link TYPE_HEX}. */
+const FALLBACK_PALETTE = ['#71717a', '#a1a1aa', '#22d3ee', '#c084fc', '#fb923c', '#4ade80'];
+export const ACCENT_HEX = '#34d399'; // emerald-400 — primary throughput accent
+export function hexForType(type, fallbackIndex = 0) {
+    const fallback = FALLBACK_PALETTE[fallbackIndex % FALLBACK_PALETTE.length];
+    return TYPE_HEX[type] ?? fallback ?? '#71717a';
+}
+export const chartTheme = {
+    gridStroke: '#ffffff10',
+    axisStroke: '#3f3f46', // zinc-700
+    axisTick: '#71717a', // zinc-500
+    tooltipBg: '#18181b', // zinc-900
+    tooltipBorder: '#27272a', // zinc-800
+    tooltipText: '#e4e4e7', // zinc-200
+    tooltipLabel: '#a1a1aa', // zinc-400
+    legendText: '#a1a1aa', // zinc-400
+};
+/** Shared `contentStyle` for Recharts `<Tooltip>` so every chart looks identical. */
+export const tooltipContentStyle = {
+    background: chartTheme.tooltipBg,
+    border: `1px solid ${chartTheme.tooltipBorder}`,
+    borderRadius: 6,
+    fontSize: 11,
+    color: chartTheme.tooltipText,
+};
+export const tooltipLabelStyle = {
+    color: chartTheme.tooltipLabel,
+    fontSize: 10,
+    textTransform: 'uppercase',
+    letterSpacing: '0.05em',
+};
+export const tooltipItemStyle = {
+    color: chartTheme.tooltipText,
+};
+export const axisTickStyle = {
+    fill: chartTheme.axisTick,
+    fontSize: 10,
+};
+//# sourceMappingURL=chart-theme.js.map

package/dist/react/components/charts/chart-theme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chart-theme.js","sourceRoot":"","sources":["../../../../src/react/components/charts/chart-theme.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,8FAA8F;AAC9F,MAAM,CAAC,MAAM,QAAQ,GAA2B;IAC9C,OAAO,EAAE,SAAS,EAAE,cAAc;IAClC,KAAK,EAAE,SAAS,EAAE,UAAU;IAC5B,GAAG,EAAE,SAAS,EAAE,aAAa;IAC7B,SAAS,EAAE,SAAS,EAAE,UAAU;IAChC,WAAW,EAAE,SAAS,EAAE,YAAY;IACpC,IAAI,EAAE,SAAS,EAAE,WAAW;CAC7B,CAAC;AAEF,wEAAwE;AACxE,MAAM,gBAAgB,GAAG,CAAC,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,CAAC,CAAC;AAE5F,MAAM,CAAC,MAAM,UAAU,GAAG,SAAS,CAAC,CAAC,0CAA0C;AAE/E,MAAM,UAAU,UAAU,CAAC,IAAY,EAAE,aAAa,GAAG,CAAC;IACxD,MAAM,QAAQ,GAAG,gBAAgB,CAAC,aAAa,GAAG,gBAAgB,CAAC,MAAM,CAAC,CAAC;IAC3E,OAAO,QAAQ,CAAC,IAAI,CAAC,IAAI,QAAQ,IAAI,SAAS,CAAC;AACjD,CAAC;AAED,MAAM,CAAC,MAAM,UAAU,GAAG;IACxB,UAAU,EAAE,WAAW;IACvB,UAAU,EAAE,SAAS,EAAE,WAAW;IAClC,QAAQ,EAAE,SAAS,EAAE,WAAW;IAChC,SAAS,EAAE,SAAS,EAAE,WAAW;IACjC,aAAa,EAAE,SAAS,EAAE,WAAW;IACrC,WAAW,EAAE,SAAS,EAAE,WAAW;IACnC,YAAY,EAAE,SAAS,EAAE,WAAW;IACpC,UAAU,EAAE,SAAS,EAAE,WAAW;CAC1B,CAAC;AAEX,qFAAqF;AACrF,MAAM,CAAC,MAAM,mBAAmB,GAAG;IACjC,UAAU,EAAE,UAAU,CAAC,SAAS;IAChC,MAAM,EAAE,aAAa,UAAU,CAAC,aAAa,EAAE;IAC/C,YAAY,EAAE,CAAC;IACf,QAAQ,EAAE,EAAE;IACZ,KAAK,EAAE,UAAU,CAAC,WAAW;CACrB,CAAC;AAEX,MAAM,CAAC,MAAM,iBAAiB,GAAG;IAC/B,KAAK,EAAE,UAAU,CAAC,YAAY;IAC9B,QAAQ,EAAE,EAAE;IACZ,aAAa,EAAE,WAAW;IAC1B,aAAa,EAAE,QAAQ;CACf,CAAC;AAEX,MAAM,CAAC,MAAM,gBAAgB,GAAG;IAC9B,KAAK,EAAE,UAAU,CAAC,WAAW;CACrB,CAAC;AAEX,MAAM,CAAC,MAAM,aAAa,GAAG;IAC3B,IAAI,EAAE,UAAU,CAAC,QAAQ;IACzB,QAAQ,EAAE,EAAE;CACJ,CAAC"}