@dudousxd/nestjs-telescope-ui 1.0.0

package/dist/react/components/queues/QueueStateTabs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"QueueStateTabs.js","sourceRoot":"","sources":["../../../../src/react/components/queues/QueueStateTabs.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,iBAAiB,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAEpE,MAAM,UAAU,cAAc,CAAC,EAC7B,MAAM,EACN,KAAK,EACL,OAAO,GAKR;IACC,OAAO,CACL,cAAK,SAAS,EAAC,oDAAoD,YAChE,iBAAiB,CAAC,GAAG,CAAC,CAAC,SAAS,EAAE,EAAE;YACnC,MAAM,MAAM,GAAG,SAAS,KAAK,KAAK,CAAC;YACnC,MAAM,KAAK,GAAG,MAAM,EAAE,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC;YACvC,OAAO,CACL,kBAEE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,SAAS,CAAC,EACjC,SAAS,EAAE,gFACT,MAAM;oBACJ,CAAC,CAAC,2BAA2B;oBAC7B,CAAC,CAAC,qDACN,EAAE,aAEF,eAAM,SAAS,EAAC,YAAY,YAAE,SAAS,GAAQ,EAC/C,eACE,SAAS,EAAE,4BACT,MAAM,CAAC,CAAC,CAAC,YAAY,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,eACrC,EAAE,YAED,KAAK,GACD,KAhBF,SAAS,CAiBP,CACV,CAAC;QACJ,CAAC,CAAC,GACE,CACP,CAAC;AACJ,CAAC"}

package/dist/react/components/queues/index.d.ts

@@ -0,0 +1,8 @@
+export { QueueList } from './QueueList.js';
+export { QueueStateTabs } from './QueueStateTabs.js';
+export { JobTable } from './JobTable.js';
+export { JobDetailDrawer } from './JobDetailDrawer.js';
+export { JobActions, RetryAllFailedButton, RedriveDlqButton, supportsAction, jobActionAllowedForState, } from './JobActions.js';
+export { EnqueueJobForm } from './EnqueueJobForm.js';
+export { QUEUE_STATE_ORDER, STATE_ACCENT, relativeTime, payloadPreview, } from './queue-format.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/react/components/queues/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/react/components/queues/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAC3C,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AACrD,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AACvD,OAAO,EACL,UAAU,EACV,oBAAoB,EACpB,gBAAgB,EAChB,cAAc,EACd,wBAAwB,GACzB,MAAM,iBAAiB,CAAC;AACzB,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AACrD,OAAO,EACL,iBAAiB,EACjB,YAAY,EACZ,YAAY,EACZ,cAAc,GACf,MAAM,mBAAmB,CAAC"}

package/dist/react/components/queues/index.js

@@ -0,0 +1,8 @@
+export { QueueList } from './QueueList.js';
+export { QueueStateTabs } from './QueueStateTabs.js';
+export { JobTable } from './JobTable.js';
+export { JobDetailDrawer } from './JobDetailDrawer.js';
+export { JobActions, RetryAllFailedButton, RedriveDlqButton, supportsAction, jobActionAllowedForState, } from './JobActions.js';
+export { EnqueueJobForm } from './EnqueueJobForm.js';
+export { QUEUE_STATE_ORDER, STATE_ACCENT, relativeTime, payloadPreview, } from './queue-format.js';
+//# sourceMappingURL=index.js.map

package/dist/react/components/queues/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/react/components/queues/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAC3C,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AACrD,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AACvD,OAAO,EACL,UAAU,EACV,oBAAoB,EACpB,gBAAgB,EAChB,cAAc,EACd,wBAAwB,GACzB,MAAM,iBAAiB,CAAC;AACzB,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AACrD,OAAO,EACL,iBAAiB,EACjB,YAAY,EACZ,YAAY,EACZ,cAAc,GACf,MAAM,mBAAmB,CAAC"}

package/dist/react/components/queues/queue-format.d.ts

@@ -0,0 +1,8 @@
+import type { QueueState } from '../../../client/index.js';
+export declare const QUEUE_STATE_ORDER: readonly QueueState[];
+/** Per-state accent colors, consistent across list badges and tabs. */
+export declare const STATE_ACCENT: Record<QueueState, string>;
+export declare function relativeTime(timestamp: number | null): string;
+/** One-line, length-capped JSON-ish preview of a job payload. */
+export declare function payloadPreview(data: unknown, max?: number): string;
+//# sourceMappingURL=queue-format.d.ts.map

package/dist/react/components/queues/queue-format.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"queue-format.d.ts","sourceRoot":"","sources":["../../../../src/react/components/queues/queue-format.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAE3D,eAAO,MAAM,iBAAiB,EAAE,SAAS,UAAU,EAOlD,CAAC;AAEF,uEAAuE;AACvE,eAAO,MAAM,YAAY,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,CAOnD,CAAC;AAEF,wBAAgB,YAAY,CAAC,SAAS,EAAE,MAAM,GAAG,IAAI,GAAG,MAAM,CAY7D;AAED,iEAAiE;AACjE,wBAAgB,cAAc,CAAC,IAAI,EAAE,OAAO,EAAE,GAAG,SAAK,GAAG,MAAM,CAU9D"}

package/dist/react/components/queues/queue-format.js

@@ -0,0 +1,51 @@
+export const QUEUE_STATE_ORDER = [
+    'waiting',
+    'active',
+    'delayed',
+    'failed',
+    'completed',
+    'paused',
+];
+/** Per-state accent colors, consistent across list badges and tabs. */
+export const STATE_ACCENT = {
+    waiting: 'text-zinc-300',
+    active: 'text-sky-400',
+    delayed: 'text-amber-400',
+    failed: 'text-red-400',
+    completed: 'text-emerald-400',
+    paused: 'text-violet-400',
+};
+export function relativeTime(timestamp) {
+    if (timestamp == null)
+        return '—';
+    const deltaMs = Date.now() - timestamp;
+    if (deltaMs < 0)
+        return 'just now';
+    const seconds = Math.floor(deltaMs / 1000);
+    if (seconds < 60)
+        return `${seconds}s ago`;
+    const minutes = Math.floor(seconds / 60);
+    if (minutes < 60)
+        return `${minutes}m ago`;
+    const hours = Math.floor(minutes / 60);
+    if (hours < 24)
+        return `${hours}h ago`;
+    const days = Math.floor(hours / 24);
+    return `${days}d ago`;
+}
+/** One-line, length-capped JSON-ish preview of a job payload. */
+export function payloadPreview(data, max = 80) {
+    if (data === undefined || data === null)
+        return '—';
+    let text;
+    try {
+        text = typeof data === 'string' ? data : JSON.stringify(data);
+    }
+    catch {
+        text = String(data);
+    }
+    if (text.length <= max)
+        return text;
+    return `${text.slice(0, max - 1)}…`;
+}
+//# sourceMappingURL=queue-format.js.map

package/dist/react/components/queues/queue-format.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"queue-format.js","sourceRoot":"","sources":["../../../../src/react/components/queues/queue-format.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,iBAAiB,GAA0B;IACtD,SAAS;IACT,QAAQ;IACR,SAAS;IACT,QAAQ;IACR,WAAW;IACX,QAAQ;CACT,CAAC;AAEF,uEAAuE;AACvE,MAAM,CAAC,MAAM,YAAY,GAA+B;IACtD,OAAO,EAAE,eAAe;IACxB,MAAM,EAAE,cAAc;IACtB,OAAO,EAAE,gBAAgB;IACzB,MAAM,EAAE,cAAc;IACtB,SAAS,EAAE,kBAAkB;IAC7B,MAAM,EAAE,iBAAiB;CAC1B,CAAC;AAEF,MAAM,UAAU,YAAY,CAAC,SAAwB;IACnD,IAAI,SAAS,IAAI,IAAI;QAAE,OAAO,GAAG,CAAC;IAClC,MAAM,OAAO,GAAG,IAAI,CAAC,GAAG,EAAE,GAAG,SAAS,CAAC;IACvC,IAAI,OAAO,GAAG,CAAC;QAAE,OAAO,UAAU,CAAC;IACnC,MAAM,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,OAAO,GAAG,IAAI,CAAC,CAAC;IAC3C,IAAI,OAAO,GAAG,EAAE;QAAE,OAAO,GAAG,OAAO,OAAO,CAAC;IAC3C,MAAM,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,OAAO,GAAG,EAAE,CAAC,CAAC;IACzC,IAAI,OAAO,GAAG,EAAE;QAAE,OAAO,GAAG,OAAO,OAAO,CAAC;IAC3C,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,OAAO,GAAG,EAAE,CAAC,CAAC;IACvC,IAAI,KAAK,GAAG,EAAE;QAAE,OAAO,GAAG,KAAK,OAAO,CAAC;IACvC,MAAM,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,GAAG,EAAE,CAAC,CAAC;IACpC,OAAO,GAAG,IAAI,OAAO,CAAC;AACxB,CAAC;AAED,iEAAiE;AACjE,MAAM,UAAU,cAAc,CAAC,IAAa,EAAE,GAAG,GAAG,EAAE;IACpD,IAAI,IAAI,KAAK,SAAS,IAAI,IAAI,KAAK,IAAI;QAAE,OAAO,GAAG,CAAC;IACpD,IAAI,IAAY,CAAC;IACjB,IAAI,CAAC;QACH,IAAI,GAAG,OAAO,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC;IAChE,CAAC;IAAC,MAAM,CAAC;QACP,IAAI,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;IACtB,CAAC;IACD,IAAI,IAAI,CAAC,MAAM,IAAI,GAAG;QAAE,OAAO,IAAI,CAAC;IACpC,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,EAAE,GAAG,GAAG,CAAC,CAAC,GAAG,CAAC;AACtC,CAAC"}

package/dist/react/components/queues-panel.d.ts

@@ -0,0 +1,6 @@
+import type { QueueMetricsReport } from '../../client/index.js';
+export declare function QueuesPanel({ report, sparkline, }: {
+    report: QueueMetricsReport;
+    sparkline?: (queue: string) => React.ReactNode;
+}): JSX.Element;
+//# sourceMappingURL=queues-panel.d.ts.map

package/dist/react/components/queues-panel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"queues-panel.d.ts","sourceRoot":"","sources":["../../../src/react/components/queues-panel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAiB,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAM/E,wBAAgB,WAAW,CAAC,EAC1B,MAAM,EACN,SAAS,GACV,EAAE;IACD,MAAM,EAAE,kBAAkB,CAAC;IAC3B,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,KAAK,CAAC,SAAS,CAAC;CAChD,GAAG,GAAG,CAAC,OAAO,CAwCd"}

package/dist/react/components/queues-panel.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+function p95(stats) {
+    return stats ? `${Math.round(stats.p95)}ms` : '—';
+}
+export function QueuesPanel({ report, sparkline, }) {
+    return (_jsxs("table", { className: "w-full text-left text-xs", children: [_jsx("thead", { className: "text-zinc-500", children: _jsxs("tr", { children: [_jsx("th", { className: "py-2 font-normal", children: "Queue" }), _jsx("th", { className: "font-normal", children: "Total" }), _jsx("th", { className: "font-normal", children: "Failed" }), _jsx("th", { className: "font-normal", children: "Fail %" }), _jsx("th", { className: "font-normal", children: "Per min" }), _jsx("th", { className: "font-normal", children: "Runtime p95" }), _jsx("th", { className: "font-normal", children: "Wait p95" }), sparkline && _jsx("th", { className: "font-normal", children: "Trend" })] }) }), _jsxs("tbody", { children: [report.queues.map((q) => (_jsxs("tr", { className: "border-t border-zinc-900", children: [_jsx("td", { className: "py-1.5 text-emerald-400", children: q.queue }), _jsx("td", { className: "text-zinc-300", children: q.total }), _jsx("td", { className: "text-zinc-300", children: q.failed }), _jsxs("td", { className: q.failureRate > 0 ? 'text-red-400' : 'text-zinc-500', children: [(q.failureRate * 100).toFixed(1), "%"] }), _jsx("td", { className: "text-zinc-400", children: q.throughputPerMinute.toFixed(1) }), _jsx("td", { className: "text-zinc-400", children: p95(q.runtimeMs) }), _jsx("td", { className: "text-zinc-400", children: p95(q.waitMs) }), sparkline && _jsx("td", { className: "text-zinc-400", children: sparkline(q.queue) })] }, q.queue))), report.queues.length === 0 && (_jsx("tr", { children: _jsx("td", { className: "py-2 text-zinc-600", colSpan: sparkline ? 8 : 7, children: "No queue activity in window." }) }))] })] }));
+}
+//# sourceMappingURL=queues-panel.js.map

package/dist/react/components/queues-panel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"queues-panel.js","sourceRoot":"","sources":["../../../src/react/components/queues-panel.tsx"],"names":[],"mappings":";AAEA,SAAS,GAAG,CAAC,KAA2B;IACtC,OAAO,KAAK,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC;AACpD,CAAC;AAED,MAAM,UAAU,WAAW,CAAC,EAC1B,MAAM,EACN,SAAS,GAIV;IACC,OAAO,CACL,iBAAO,SAAS,EAAC,0BAA0B,aACzC,gBAAO,SAAS,EAAC,eAAe,YAC9B,yBACE,aAAI,SAAS,EAAC,kBAAkB,sBAAW,EAC3C,aAAI,SAAS,EAAC,aAAa,sBAAW,EACtC,aAAI,SAAS,EAAC,aAAa,uBAAY,EACvC,aAAI,SAAS,EAAC,aAAa,uBAAY,EACvC,aAAI,SAAS,EAAC,aAAa,wBAAa,EACxC,aAAI,SAAS,EAAC,aAAa,4BAAiB,EAC5C,aAAI,SAAS,EAAC,aAAa,yBAAc,EACxC,SAAS,IAAI,aAAI,SAAS,EAAC,aAAa,sBAAW,IACjD,GACC,EACR,4BACG,MAAM,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CACxB,cAAkB,SAAS,EAAC,0BAA0B,aACpD,aAAI,SAAS,EAAC,yBAAyB,YAAE,CAAC,CAAC,KAAK,GAAM,EACtD,aAAI,SAAS,EAAC,eAAe,YAAE,CAAC,CAAC,KAAK,GAAM,EAC5C,aAAI,SAAS,EAAC,eAAe,YAAE,CAAC,CAAC,MAAM,GAAM,EAC7C,cAAI,SAAS,EAAE,CAAC,CAAC,WAAW,GAAG,CAAC,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,eAAe,aAChE,CAAC,CAAC,CAAC,WAAW,GAAG,GAAG,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAC9B,EACL,aAAI,SAAS,EAAC,eAAe,YAAE,CAAC,CAAC,mBAAmB,CAAC,OAAO,CAAC,CAAC,CAAC,GAAM,EACrE,aAAI,SAAS,EAAC,eAAe,YAAE,GAAG,CAAC,CAAC,CAAC,SAAS,CAAC,GAAM,EACrD,aAAI,SAAS,EAAC,eAAe,YAAE,GAAG,CAAC,CAAC,CAAC,MAAM,CAAC,GAAM,EACjD,SAAS,IAAI,aAAI,SAAS,EAAC,eAAe,YAAE,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,GAAM,KAV9D,CAAC,CAAC,KAAK,CAWX,CACN,CAAC,EACD,MAAM,CAAC,MAAM,CAAC,MAAM,KAAK,CAAC,IAAI,CAC7B,uBACE,aAAI,SAAS,EAAC,oBAAoB,EAAC,OAAO,EAAE,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,6CAExD,GACF,CACN,IACK,IACF,CACT,CAAC;AACJ,CAAC"}

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

@@ -0,0 +1,14 @@
+import type { Entry } from '../../client/index.js';
+/**
+ * Compact waterfall of a request's batch: the request plus every child entry
+ * (queries, cache, jobs, …) captured during it, ordered by `sequence`. Each row
+ * shows a type dot, a short label, a horizontal duration bar scaled to the
+ * slowest entry in the batch, and the `durationMs`. This surfaces "where did the
+ * time go in this request" without leaving for a trace viewer.
+ */
+export declare function RequestTimeline({ batch, requestId, onSelect, }: {
+    batch: Entry[];
+    requestId: string;
+    onSelect?: ((id: string) => void) | undefined;
+}): JSX.Element;
+//# sourceMappingURL=request-timeline.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"request-timeline.d.ts","sourceRoot":"","sources":["../../../src/react/components/request-timeline.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAC;AAOnD;;;;;;GAMG;AACH,wBAAgB,eAAe,CAAC,EAC9B,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,CA0Bd"}

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

@@ -0,0 +1,30 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { entryLabel } from './entries-table.js';
+import { dotForType } from './entry-types.js';
+/** Max child rows to render before collapsing into a "+N more" note. */
+const MAX_ROWS = 50;
+/**
+ * Compact waterfall of a request's batch: the request plus every child entry
+ * (queries, cache, jobs, …) captured during it, ordered by `sequence`. Each row
+ * shows a type dot, a short label, a horizontal duration bar scaled to the
+ * slowest entry in the batch, and the `durationMs`. This surfaces "where did the
+ * time go in this request" without leaving for a trace viewer.
+ */
+export function RequestTimeline({ batch, requestId, onSelect, }) {
+    const ordered = [...batch].sort((a, b) => a.sequence - b.sequence);
+    const maxDuration = ordered.reduce((max, entry) => (entry.durationMs != null && entry.durationMs > max ? entry.durationMs : max), 0);
+    const visible = ordered.slice(0, MAX_ROWS);
+    const hidden = ordered.length - visible.length;
+    return (_jsxs("div", { children: [_jsx("ol", { className: "space-y-1", children: visible.map((entry) => (_jsx("li", { children: _jsx(TimelineRow, { entry: entry, maxDuration: maxDuration, isRequest: entry.id === requestId, onSelect: onSelect }) }, entry.id))) }), hidden > 0 ? _jsxs("p", { className: "mt-1 px-2 text-[10px] text-zinc-600", children: ["+", hidden, " more"] }) : null] }));
+}
+function TimelineRow({ entry, maxDuration, isRequest, onSelect, }) {
+    // Width is the entry's share of the slowest entry in the batch. Null and
+    // zero-duration entries collapse to a minimal sliver so the row still reads.
+    const fraction = maxDuration > 0 && entry.durationMs != null ? entry.durationMs / maxDuration : 0;
+    const widthPercent = Math.max(0, Math.min(100, fraction * 100));
+    return (_jsxs("button", { type: "button", onClick: (event) => {
+            event.stopPropagation();
+            onSelect?.(entry.id);
+        }, className: `flex w-full items-center gap-2 rounded px-2 py-1 text-left text-xs ${isRequest ? 'bg-zinc-800 text-emerald-300' : 'text-zinc-400 hover:bg-zinc-900'}`, children: [_jsx("span", { className: `h-2 w-2 shrink-0 rounded-full ${dotForType(entry.type)}`, "aria-hidden": true }), _jsx("span", { className: "w-40 shrink-0 truncate", title: entryLabel(entry), children: entryLabel(entry) }), _jsx("span", { className: "h-2 flex-1 overflow-hidden rounded bg-zinc-900", children: _jsx("span", { className: "block h-full rounded bg-emerald-500/60", style: { width: `${widthPercent}%` }, "aria-hidden": true }) }), _jsx("span", { className: "w-12 shrink-0 text-right tabular-nums text-zinc-500", children: entry.durationMs != null ? `${entry.durationMs}ms` : '—' })] }));
+}
+//# sourceMappingURL=request-timeline.js.map

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

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

package/dist/react/components/retention-indicator.d.ts

@@ -0,0 +1,10 @@
+/** Format a millisecond duration to a short human string like `500ms`/`30s`/`5m`/`1h`/`2d`. */
+export declare function formatRetention(afterMs: number): string;
+/** Build a short note like "request sampled @ 25%" for the first type sampled below 1, or null. */
+export declare function samplingNote(sampling: Record<string, number>): string | null;
+/**
+ * Subtle header indicator surfacing the configured retention window (or "none"
+ * when unbounded) plus a tooltip hint when any entry type is down-sampled.
+ */
+export declare function RetentionIndicator(): JSX.Element | null;
+//# sourceMappingURL=retention-indicator.d.ts.map

package/dist/react/components/retention-indicator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"retention-indicator.d.ts","sourceRoot":"","sources":["../../../src/react/components/retention-indicator.tsx"],"names":[],"mappings":"AAOA,+FAA+F;AAC/F,wBAAgB,eAAe,CAAC,OAAO,EAAE,MAAM,GAAG,MAAM,CAMvD;AAED,mGAAmG;AACnG,wBAAgB,YAAY,CAAC,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,MAAM,GAAG,IAAI,CAK5E;AAED;;;GAGG;AACH,wBAAgB,kBAAkB,IAAI,GAAG,CAAC,OAAO,GAAG,IAAI,CAsBvD"}

package/dist/react/components/retention-indicator.js

@@ -0,0 +1,38 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useMeta } from '../use-telescope-queries.js';
+const SECOND = 1000;
+const MINUTE = 60 * SECOND;
+const HOUR = 60 * MINUTE;
+const DAY = 24 * HOUR;
+/** Format a millisecond duration to a short human string like `500ms`/`30s`/`5m`/`1h`/`2d`. */
+export function formatRetention(afterMs) {
+    if (afterMs >= DAY)
+        return `${Math.round(afterMs / DAY)}d`;
+    if (afterMs >= HOUR)
+        return `${Math.round(afterMs / HOUR)}h`;
+    if (afterMs >= MINUTE)
+        return `${Math.round(afterMs / MINUTE)}m`;
+    if (afterMs >= SECOND)
+        return `${Math.round(afterMs / SECOND)}s`;
+    return `${afterMs}ms`;
+}
+/** Build a short note like "request sampled @ 25%" for the first type sampled below 1, or null. */
+export function samplingNote(sampling) {
+    for (const [type, rate] of Object.entries(sampling)) {
+        if (rate < 1)
+            return `${type} sampled @ ${Math.round(rate * 100)}%`;
+    }
+    return null;
+}
+/**
+ * Subtle header indicator surfacing the configured retention window (or "none"
+ * when unbounded) plus a tooltip hint when any entry type is down-sampled.
+ */
+export function RetentionIndicator() {
+    const { data: meta } = useMeta();
+    if (!meta)
+        return null;
+    const note = samplingNote(meta.sampling ?? {});
+    return (_jsxs("span", { className: "flex items-center gap-1.5 text-[11px] text-zinc-500", title: note ?? undefined, children: [_jsx("span", { className: "uppercase tracking-wide text-zinc-600", children: "retention:" }), meta.retention ? (_jsx("span", { className: "text-zinc-400", children: formatRetention(meta.retention.afterMs) })) : (_jsx("span", { className: "text-zinc-600", children: "none" })), note ? (_jsx("span", { "aria-label": note, className: "cursor-help rounded-full border border-zinc-700 px-1 text-[9px] text-zinc-500", children: "?" })) : null] }));
+}
+//# sourceMappingURL=retention-indicator.js.map

package/dist/react/components/retention-indicator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"retention-indicator.js","sourceRoot":"","sources":["../../../src/react/components/retention-indicator.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,6BAA6B,CAAC;AAEtD,MAAM,MAAM,GAAG,IAAI,CAAC;AACpB,MAAM,MAAM,GAAG,EAAE,GAAG,MAAM,CAAC;AAC3B,MAAM,IAAI,GAAG,EAAE,GAAG,MAAM,CAAC;AACzB,MAAM,GAAG,GAAG,EAAE,GAAG,IAAI,CAAC;AAEtB,+FAA+F;AAC/F,MAAM,UAAU,eAAe,CAAC,OAAe;IAC7C,IAAI,OAAO,IAAI,GAAG;QAAE,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,OAAO,GAAG,GAAG,CAAC,GAAG,CAAC;IAC3D,IAAI,OAAO,IAAI,IAAI;QAAE,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,OAAO,GAAG,IAAI,CAAC,GAAG,CAAC;IAC7D,IAAI,OAAO,IAAI,MAAM;QAAE,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,OAAO,GAAG,MAAM,CAAC,GAAG,CAAC;IACjE,IAAI,OAAO,IAAI,MAAM;QAAE,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,OAAO,GAAG,MAAM,CAAC,GAAG,CAAC;IACjE,OAAO,GAAG,OAAO,IAAI,CAAC;AACxB,CAAC;AAED,mGAAmG;AACnG,MAAM,UAAU,YAAY,CAAC,QAAgC;IAC3D,KAAK,MAAM,CAAC,IAAI,EAAE,IAAI,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,QAAQ,CAAC,EAAE,CAAC;QACpD,IAAI,IAAI,GAAG,CAAC;YAAE,OAAO,GAAG,IAAI,cAAc,IAAI,CAAC,KAAK,CAAC,IAAI,GAAG,GAAG,CAAC,GAAG,CAAC;IACtE,CAAC;IACD,OAAO,IAAI,CAAC;AACd,CAAC;AAED;;;GAGG;AACH,MAAM,UAAU,kBAAkB;IAChC,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,GAAG,OAAO,EAAE,CAAC;IACjC,IAAI,CAAC,IAAI;QAAE,OAAO,IAAI,CAAC;IACvB,MAAM,IAAI,GAAG,YAAY,CAAC,IAAI,CAAC,QAAQ,IAAI,EAAE,CAAC,CAAC;IAC/C,OAAO,CACL,gBAAM,SAAS,EAAC,qDAAqD,EAAC,KAAK,EAAE,IAAI,IAAI,SAAS,aAC5F,eAAM,SAAS,EAAC,uCAAuC,2BAAkB,EACxE,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,CAChB,eAAM,SAAS,EAAC,eAAe,YAAE,eAAe,CAAC,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,GAAQ,CACjF,CAAC,CAAC,CAAC,CACF,eAAM,SAAS,EAAC,eAAe,qBAAY,CAC5C,EACA,IAAI,CAAC,CAAC,CAAC,CACN,6BACc,IAAI,EAChB,SAAS,EAAC,+EAA+E,kBAGpF,CACR,CAAC,CAAC,CAAC,IAAI,IACH,CACR,CAAC;AACJ,CAAC"}

package/dist/react/components/sparkline.d.ts

@@ -0,0 +1,7 @@
+export declare function sparklinePoints(values: number[], width: number, height: number): string;
+export declare function Sparkline({ values, width, height, }: {
+    values: number[];
+    width?: number;
+    height?: number;
+}): JSX.Element;
+//# sourceMappingURL=sparkline.d.ts.map

package/dist/react/components/sparkline.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sparkline.d.ts","sourceRoot":"","sources":["../../../src/react/components/sparkline.tsx"],"names":[],"mappings":"AAAA,wBAAgB,eAAe,CAAC,MAAM,EAAE,MAAM,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,GAAG,MAAM,CAWvF;AAED,wBAAgB,SAAS,CAAC,EACxB,MAAM,EACN,KAAW,EACX,MAAW,GACZ,EAAE;IAAE,MAAM,EAAE,MAAM,EAAE,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IAAC,MAAM,CAAC,EAAE,MAAM,CAAA;CAAE,GAAG,GAAG,CAAC,OAAO,CAkBrE"}

package/dist/react/components/sparkline.js

@@ -0,0 +1,20 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export function sparklinePoints(values, width, height) {
+    if (values.length === 0)
+        return '';
+    const max = Math.max(...values, 1);
+    const stepX = values.length > 1 ? width / (values.length - 1) : 0;
+    return values
+        .map((value, index) => {
+        const x = index * stepX;
+        const y = height - (value / max) * height;
+        return `${x.toFixed(1)},${y.toFixed(1)}`;
+    })
+        .join(' ');
+}
+export function Sparkline({ values, width = 160, height = 36, }) {
+    const points = sparklinePoints(values, width, height);
+    const area = points ? `0,${height} ${points} ${width},${height}` : '';
+    return (_jsxs("svg", { width: width, height: height, viewBox: `0 0 ${width} ${height}`, preserveAspectRatio: "none", role: "img", "aria-label": "throughput", children: [area && _jsx("polygon", { points: area, className: "fill-emerald-500/10" }), points && (_jsx("polyline", { points: points, className: "fill-none stroke-emerald-400", strokeWidth: 1.5 }))] }));
+}
+//# sourceMappingURL=sparkline.js.map

package/dist/react/components/sparkline.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sparkline.js","sourceRoot":"","sources":["../../../src/react/components/sparkline.tsx"],"names":[],"mappings":";AAAA,MAAM,UAAU,eAAe,CAAC,MAAgB,EAAE,KAAa,EAAE,MAAc;IAC7E,IAAI,MAAM,CAAC,MAAM,KAAK,CAAC;QAAE,OAAO,EAAE,CAAC;IACnC,MAAM,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,MAAM,EAAE,CAAC,CAAC,CAAC;IACnC,MAAM,KAAK,GAAG,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,KAAK,GAAG,CAAC,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IAClE,OAAO,MAAM;SACV,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE;QACpB,MAAM,CAAC,GAAG,KAAK,GAAG,KAAK,CAAC;QACxB,MAAM,CAAC,GAAG,MAAM,GAAG,CAAC,KAAK,GAAG,GAAG,CAAC,GAAG,MAAM,CAAC;QAC1C,OAAO,GAAG,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC;IAC3C,CAAC,CAAC;SACD,IAAI,CAAC,GAAG,CAAC,CAAC;AACf,CAAC;AAED,MAAM,UAAU,SAAS,CAAC,EACxB,MAAM,EACN,KAAK,GAAG,GAAG,EACX,MAAM,GAAG,EAAE,GAC2C;IACtD,MAAM,MAAM,GAAG,eAAe,CAAC,MAAM,EAAE,KAAK,EAAE,MAAM,CAAC,CAAC;IACtD,MAAM,IAAI,GAAG,MAAM,CAAC,CAAC,CAAC,KAAK,MAAM,IAAI,MAAM,IAAI,KAAK,IAAI,MAAM,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;IACtE,OAAO,CACL,eACE,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,KAAK,IAAI,MAAM,EAAE,EACjC,mBAAmB,EAAC,MAAM,EAC1B,IAAI,EAAC,KAAK,gBACC,YAAY,aAEtB,IAAI,IAAI,kBAAS,MAAM,EAAE,IAAI,EAAE,SAAS,EAAC,qBAAqB,GAAG,EACjE,MAAM,IAAI,CACT,mBAAU,MAAM,EAAE,MAAM,EAAE,SAAS,EAAC,8BAA8B,EAAC,WAAW,EAAE,GAAG,GAAI,CACxF,IACG,CACP,CAAC;AACJ,CAAC"}

package/dist/react/components/stacked-bars.d.ts

@@ -0,0 +1,21 @@
+import type { TimeseriesBucket } from '../../client/index.js';
+/** Tailwind `fill-*` classes per known entry type (extras fall back). */
+export declare const TYPE_COLOR: Record<string, string>;
+export declare function colorForType(type: string): string;
+/** Ordered union of types present across buckets (known order first, then extras). */
+export declare function deriveTypes(buckets: TimeseriesBucket[]): string[];
+export interface BarSegment {
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+    type: string;
+}
+/** Compute stacked rects (bottom-up) for each bucket × type. Pure + testable. */
+export declare function stackedBarLayout(buckets: TimeseriesBucket[], types: string[], width: number, height: number): BarSegment[];
+export declare function StackedBars({ buckets, width, height, }: {
+    buckets: TimeseriesBucket[];
+    width?: number;
+    height?: number;
+}): JSX.Element;
+//# sourceMappingURL=stacked-bars.d.ts.map

package/dist/react/components/stacked-bars.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"stacked-bars.d.ts","sourceRoot":"","sources":["../../../src/react/components/stacked-bars.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAE9D,yEAAyE;AACzE,eAAO,MAAM,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAO7C,CAAC;AAGF,wBAAgB,YAAY,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAEjD;AAED,sFAAsF;AACtF,wBAAgB,WAAW,CAAC,OAAO,EAAE,gBAAgB,EAAE,GAAG,MAAM,EAAE,CAQjE;AAED,MAAM,WAAW,UAAU;IACzB,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;CACd;AAED,iFAAiF;AACjF,wBAAgB,gBAAgB,CAC9B,OAAO,EAAE,gBAAgB,EAAE,EAC3B,KAAK,EAAE,MAAM,EAAE,EACf,KAAK,EAAE,MAAM,EACb,MAAM,EAAE,MAAM,GACb,UAAU,EAAE,CAgBd;AAED,wBAAgB,WAAW,CAAC,EAC1B,OAAO,EACP,KAAW,EACX,MAAW,GACZ,EAAE;IAAE,OAAO,EAAE,gBAAgB,EAAE,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IAAC,MAAM,CAAC,EAAE,MAAM,CAAA;CAAE,GAAG,GAAG,CAAC,OAAO,CAwBhF"}

package/dist/react/components/stacked-bars.js

@@ -0,0 +1,51 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/** Tailwind `fill-*` classes per known entry type (extras fall back). */
+export const TYPE_COLOR = {
+    request: 'fill-emerald-400',
+    query: 'fill-sky-400',
+    job: 'fill-violet-400',
+    exception: 'fill-red-400',
+    http_client: 'fill-amber-400',
+    mail: 'fill-pink-400',
+};
+const FALLBACK_COLOR = 'fill-zinc-500';
+export function colorForType(type) {
+    return TYPE_COLOR[type] ?? FALLBACK_COLOR;
+}
+/** Ordered union of types present across buckets (known order first, then extras). */
+export function deriveTypes(buckets) {
+    const seen = new Set();
+    for (const bucket of buckets) {
+        for (const type of Object.keys(bucket.byType))
+            seen.add(type);
+    }
+    const known = Object.keys(TYPE_COLOR).filter((type) => seen.has(type));
+    const extras = [...seen].filter((type) => !(type in TYPE_COLOR)).sort();
+    return [...known, ...extras];
+}
+/** Compute stacked rects (bottom-up) for each bucket × type. Pure + testable. */
+export function stackedBarLayout(buckets, types, width, height) {
+    if (buckets.length === 0)
+        return [];
+    const maxTotal = Math.max(1, ...buckets.map((bucket) => bucket.total));
+    const barWidth = width / buckets.length;
+    const segments = [];
+    buckets.forEach((bucket, index) => {
+        let yCursor = height;
+        for (const type of types) {
+            const value = bucket.byType[type] ?? 0;
+            if (value === 0)
+                continue;
+            const segHeight = (value / maxTotal) * height;
+            yCursor -= segHeight;
+            segments.push({ x: index * barWidth, y: yCursor, width: barWidth, height: segHeight, type });
+        }
+    });
+    return segments;
+}
+export function StackedBars({ buckets, width = 640, height = 48, }) {
+    const types = deriveTypes(buckets);
+    const segments = stackedBarLayout(buckets, types, width, height);
+    return (_jsx("svg", { width: width, height: height, viewBox: `0 0 ${width} ${height}`, preserveAspectRatio: "none", role: "img", "aria-label": "throughput by type", children: segments.map((segment, index) => (_jsx("rect", { x: segment.x, y: segment.y, width: Math.max(0, segment.width - 0.5), height: segment.height, className: colorForType(segment.type) }, `${segment.type}-${segment.x}-${index}`))) }));
+}
+//# sourceMappingURL=stacked-bars.js.map

package/dist/react/components/stacked-bars.js.map

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

package/dist/react/components/tag-autocomplete.d.ts

@@ -0,0 +1,12 @@
+interface TagAutocompleteProps {
+    /** Applies the chosen tag as the active entries filter (same effect as the old input). */
+    onSelect: (tag: string) => void;
+}
+/**
+ * Tag filter rendered as an accessible combobox: typing queries `GET /tags?prefix=`
+ * and surfaces matching tags with their entry counts. Selecting one applies it as the
+ * active `tag` filter and closes the list. Empty input shows no dropdown.
+ */
+export declare function TagAutocomplete({ onSelect }: TagAutocompleteProps): JSX.Element;
+export {};
+//# sourceMappingURL=tag-autocomplete.d.ts.map

package/dist/react/components/tag-autocomplete.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tag-autocomplete.d.ts","sourceRoot":"","sources":["../../../src/react/components/tag-autocomplete.tsx"],"names":[],"mappings":"AAOA,UAAU,oBAAoB;IAC5B,0FAA0F;IAC1F,QAAQ,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;CACjC;AAYD;;;;GAIG;AACH,wBAAgB,eAAe,CAAC,EAAE,QAAQ,EAAE,EAAE,oBAAoB,GAAG,GAAG,CAAC,OAAO,CAiH/E"}

package/dist/react/components/tag-autocomplete.js

@@ -0,0 +1,90 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useId, useRef, useState } from 'react';
+import { useTags } from '../use-telescope-queries.js';
+/** Top-N suggestions shown in the dropdown, sorted by count desc. */
+const MAX_SUGGESTIONS = 10;
+/** Sorts by count desc, caps to the top N, and (defensively) filters by the typed prefix
+ *  in case a stale/over-broad cache entry is served while a narrower query loads. */
+function rankSuggestions(tags, prefix) {
+    const needle = prefix.trim().toLowerCase();
+    return tags
+        .filter((entry) => needle === '' || entry.tag.toLowerCase().includes(needle))
+        .sort((left, right) => right.count - left.count)
+        .slice(0, MAX_SUGGESTIONS);
+}
+/**
+ * Tag filter rendered as an accessible combobox: typing queries `GET /tags?prefix=`
+ * and surfaces matching tags with their entry counts. Selecting one applies it as the
+ * active `tag` filter and closes the list. Empty input shows no dropdown.
+ */
+export function TagAutocomplete({ onSelect }) {
+    const [input, setInput] = useState('');
+    const [open, setOpen] = useState(false);
+    const [highlight, setHighlight] = useState(0);
+    const containerRef = useRef(null);
+    const listboxId = useId();
+    const trimmed = input.trim();
+    const { data } = useTags(trimmed);
+    const suggestions = trimmed === '' ? [] : rankSuggestions(data ?? [], trimmed);
+    const showList = open && suggestions.length > 0;
+    // Clamp the highlight whenever the suggestion set shrinks.
+    useEffect(() => {
+        setHighlight((current) => (current >= suggestions.length ? 0 : current));
+    }, [suggestions.length]);
+    // Close when focus/click leaves the combobox.
+    useEffect(() => {
+        function onPointerDown(event) {
+            const target = event.target;
+            if (target instanceof Node && !containerRef.current?.contains(target))
+                setOpen(false);
+        }
+        document.addEventListener('mousedown', onPointerDown);
+        return () => document.removeEventListener('mousedown', onPointerDown);
+    }, []);
+    function choose(tag) {
+        onSelect(tag);
+        setInput(tag);
+        setOpen(false);
+    }
+    function onKeyDown(event) {
+        if (event.key === 'Escape') {
+            setOpen(false);
+            return;
+        }
+        if (!showList) {
+            if (event.key === 'Enter' && trimmed !== '')
+                choose(trimmed);
+            return;
+        }
+        if (event.key === 'ArrowDown') {
+            event.preventDefault();
+            setHighlight((current) => (current + 1) % suggestions.length);
+        }
+        else if (event.key === 'ArrowUp') {
+            event.preventDefault();
+            setHighlight((current) => (current - 1 + suggestions.length) % suggestions.length);
+        }
+        else if (event.key === 'Enter') {
+            event.preventDefault();
+            const picked = suggestions[highlight];
+            if (picked)
+                choose(picked.tag);
+            else if (trimmed !== '')
+                choose(trimmed);
+        }
+    }
+    const activeId = showList ? `${listboxId}-option-${highlight}` : undefined;
+    return (_jsxs("div", { ref: containerRef, className: "relative", children: [_jsx("input", { type: "text", value: input, onChange: (event) => {
+                    setInput(event.target.value);
+                    setOpen(true);
+                }, onFocus: () => setOpen(true), onKeyDown: onKeyDown, placeholder: "Filter by tag\u2026", "aria-label": "Filter by tag", role: "combobox", "aria-expanded": showList, "aria-controls": listboxId, "aria-autocomplete": "list", ...(activeId ? { 'aria-activedescendant': activeId } : {}), className: "rounded border border-zinc-800 bg-zinc-950 px-2 py-1 text-xs text-zinc-200 placeholder:text-zinc-600 focus:border-emerald-500 focus:outline-none" }), showList ? (_jsx("div", { id: listboxId, 
+                // biome-ignore lint/a11y/useSemanticElements: a <select> can't render styled tag+count option rows; ARIA combobox listbox pattern
+                role: "listbox", "aria-label": "Tag suggestions", tabIndex: -1, className: "absolute left-0 top-full z-10 mt-1 max-h-64 w-48 overflow-auto rounded border border-zinc-800 bg-zinc-950 py-1 shadow-lg", children: suggestions.map((suggestion, index) => (_jsxs("div", { id: `${listboxId}-option-${index}`, 
+                    // biome-ignore lint/a11y/useSemanticElements: <option> can't host the styled tag+count layout; ARIA combobox option pattern
+                    role: "option", tabIndex: -1, "aria-selected": index === highlight, onMouseDown: (event) => {
+                        // mousedown (not click) so the input's blur doesn't close the list first
+                        event.preventDefault();
+                        choose(suggestion.tag);
+                    }, onMouseEnter: () => setHighlight(index), className: `flex cursor-pointer items-center justify-between gap-3 px-2 py-1 text-xs ${index === highlight ? 'bg-zinc-800 text-zinc-100' : 'text-zinc-300'}`, children: [_jsx("span", { className: "truncate", children: suggestion.tag }), _jsx("span", { className: "shrink-0 text-zinc-500", children: suggestion.count })] }, suggestion.tag))) })) : null] }));
+}
+//# sourceMappingURL=tag-autocomplete.js.map

package/dist/react/components/tag-autocomplete.js.map

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

package/dist/react/components/trace-link.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Build a concrete trace URL from a host-configured template by substituting
+ * the `{traceId}` / `{spanId}` placeholders. Returns null when no template is set.
+ */
+export declare function buildTraceHref(template: string | null, traceId: string, spanId: string): string | null;
+//# sourceMappingURL=trace-link.d.ts.map

package/dist/react/components/trace-link.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"trace-link.d.ts","sourceRoot":"","sources":["../../../src/react/components/trace-link.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,wBAAgB,cAAc,CAC5B,QAAQ,EAAE,MAAM,GAAG,IAAI,EACvB,OAAO,EAAE,MAAM,EACf,MAAM,EAAE,MAAM,GACb,MAAM,GAAG,IAAI,CAGf"}

package/dist/react/components/trace-link.js

@@ -0,0 +1,10 @@
+/**
+ * Build a concrete trace URL from a host-configured template by substituting
+ * the `{traceId}` / `{spanId}` placeholders. Returns null when no template is set.
+ */
+export function buildTraceHref(template, traceId, spanId) {
+    if (!template)
+        return null;
+    return template.replaceAll('{traceId}', traceId).replaceAll('{spanId}', spanId);
+}
+//# sourceMappingURL=trace-link.js.map

package/dist/react/components/trace-link.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"trace-link.js","sourceRoot":"","sources":["../../../src/react/components/trace-link.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,MAAM,UAAU,cAAc,CAC5B,QAAuB,EACvB,OAAe,EACf,MAAc;IAEd,IAAI,CAAC,QAAQ;QAAE,OAAO,IAAI,CAAC;IAC3B,OAAO,QAAQ,CAAC,UAAU,CAAC,WAAW,EAAE,OAAO,CAAC,CAAC,UAAU,CAAC,UAAU,EAAE,MAAM,CAAC,CAAC;AAClF,CAAC"}

package/dist/react/components/type-tabs.d.ts

@@ -0,0 +1,5 @@
+export declare function TypeTabs({ active, onChange, }: {
+    active: string;
+    onChange: (type: string) => void;
+}): JSX.Element;
+//# sourceMappingURL=type-tabs.d.ts.map

package/dist/react/components/type-tabs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"type-tabs.d.ts","sourceRoot":"","sources":["../../../src/react/components/type-tabs.tsx"],"names":[],"mappings":"AAEA,wBAAgB,QAAQ,CAAC,EACvB,MAAM,EACN,QAAQ,GACT,EAAE;IAAE,MAAM,EAAE,MAAM,CAAC;IAAC,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;CAAE,GAAG,GAAG,CAAC,OAAO,CAmBpE"}

package/dist/react/components/type-tabs.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+const TYPES = ['all', 'request', 'query', 'job', 'exception', 'http_client', 'mail'];
+export function TypeTabs({ active, onChange, }) {
+    return (_jsx("div", { className: "flex gap-1 border-b border-zinc-800", children: TYPES.map((type) => (_jsx("button", { type: "button", onClick: () => onChange(type), className: `px-3 py-2 text-xs uppercase tracking-wide ${active === type
+                ? 'border-b-2 border-emerald-400 text-emerald-300'
+                : 'text-zinc-500 hover:text-zinc-300'}`, children: type }, type))) }));
+}
+//# sourceMappingURL=type-tabs.js.map

package/dist/react/components/type-tabs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"type-tabs.js","sourceRoot":"","sources":["../../../src/react/components/type-tabs.tsx"],"names":[],"mappings":";AAAA,MAAM,KAAK,GAAG,CAAC,KAAK,EAAE,SAAS,EAAE,OAAO,EAAE,KAAK,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,CAAU,CAAC;AAE9F,MAAM,UAAU,QAAQ,CAAC,EACvB,MAAM,EACN,QAAQ,GAC6C;IACrD,OAAO,CACL,cAAK,SAAS,EAAC,qCAAqC,YACjD,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CACnB,iBAEE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC,EAC7B,SAAS,EAAE,6CACT,MAAM,KAAK,IAAI;gBACb,CAAC,CAAC,gDAAgD;gBAClD,CAAC,CAAC,mCACN,EAAE,YAED,IAAI,IATA,IAAI,CAUF,CACV,CAAC,GACE,CACP,CAAC;AACJ,CAAC"}

package/dist/react/components/window-select.d.ts

@@ -0,0 +1,5 @@
+export declare function WindowSelect({ value, onChange, }: {
+    value: string;
+    onChange: (w: string) => void;
+}): JSX.Element;
+//# sourceMappingURL=window-select.d.ts.map

package/dist/react/components/window-select.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"window-select.d.ts","sourceRoot":"","sources":["../../../src/react/components/window-select.tsx"],"names":[],"mappings":"AAEA,wBAAgB,YAAY,CAAC,EAC3B,KAAK,EACL,QAAQ,GACT,EAAE;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,QAAQ,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI,CAAA;CAAE,GAAG,GAAG,CAAC,OAAO,CAchE"}

package/dist/react/components/window-select.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+const WINDOWS = ['15m', '1h', '6h', '24h'];
+export function WindowSelect({ value, onChange, }) {
+    return (_jsx("select", { value: value, onChange: (event) => onChange(event.target.value), className: "rounded border border-zinc-800 bg-zinc-900 px-2 py-1 text-xs text-zinc-300", children: WINDOWS.map((w) => (_jsx("option", { value: w, children: w }, w))) }));
+}
+//# sourceMappingURL=window-select.js.map

package/dist/react/components/window-select.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"window-select.js","sourceRoot":"","sources":["../../../src/react/components/window-select.tsx"],"names":[],"mappings":";AAAA,MAAM,OAAO,GAAG,CAAC,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,CAAU,CAAC;AAEpD,MAAM,UAAU,YAAY,CAAC,EAC3B,KAAK,EACL,QAAQ,GACyC;IACjD,OAAO,CACL,iBACE,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,EACjD,SAAS,EAAC,4EAA4E,YAErF,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAClB,iBAAgB,KAAK,EAAE,CAAC,YACrB,CAAC,IADS,CAAC,CAEL,CACV,CAAC,GACK,CACV,CAAC;AACJ,CAAC"}

package/dist/react/index.d.ts

@@ -0,0 +1,23 @@
+export * from './telescope-context.js';
+export * from './use-telescope-queries.js';
+export * from './components/entry-types.js';
+export * from './components/type-tabs.js';
+export * from './components/entries-table.js';
+export * from './components/batch-timeline.js';
+export * from './components/entry-detail.js';
+export * from './components/export-json.js';
+export * from './components/export-json-toolbar.js';
+export * from './components/retention-indicator.js';
+export * from './components/cache-badge.js';
+export * from './components/entry-insights.js';
+export * from './components/window-select.js';
+export * from './components/tag-autocomplete.js';
+export * from './components/pulse-panel.js';
+export * from './components/queues-panel.js';
+export * from './components/sparkline.js';
+export * from './components/stacked-bars.js';
+export * from './components/queue-sparkline.js';
+export * from './components/queues/index.js';
+export * from './components/charts/index.js';
+export * from '../client/index.js';
+//# sourceMappingURL=index.d.ts.map