@dudousxd/nestjs-telescope-ui 1.0.0

package/dist/react/components/export-json.d.ts

@@ -0,0 +1,14 @@
+/**
+ * Pure JSON-export helpers shared by the entry-detail and trace export toolbars.
+ * Kept framework-free (no React) so they can be unit-tested in isolation.
+ */
+/** Pretty-print any value with 2-space indent, falling back to String() if not serializable. */
+export declare function toPrettyJson(value: unknown): string;
+/**
+ * Copy a value as pretty JSON to the clipboard. Resolves to `true` on success,
+ * `false` when the Clipboard API is unavailable (or the write rejects) — never throws.
+ */
+export declare function copyJson(value: unknown): Promise<boolean>;
+/** Trigger a browser download of a value serialized as pretty JSON under `filename`. */
+export declare function downloadJson(filename: string, value: unknown): void;
+//# sourceMappingURL=export-json.d.ts.map

package/dist/react/components/export-json.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"export-json.d.ts","sourceRoot":"","sources":["../../../src/react/components/export-json.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,gGAAgG;AAChG,wBAAgB,YAAY,CAAC,KAAK,EAAE,OAAO,GAAG,MAAM,CAMnD;AAED;;;GAGG;AACH,wBAAsB,QAAQ,CAAC,KAAK,EAAE,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC,CAU/D;AAED,wFAAwF;AACxF,wBAAgB,YAAY,CAAC,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,GAAG,IAAI,CAWnE"}

package/dist/react/components/export-json.js

@@ -0,0 +1,44 @@
+/**
+ * Pure JSON-export helpers shared by the entry-detail and trace export toolbars.
+ * Kept framework-free (no React) so they can be unit-tested in isolation.
+ */
+/** Pretty-print any value with 2-space indent, falling back to String() if not serializable. */
+export function toPrettyJson(value) {
+    try {
+        return JSON.stringify(value, null, 2) ?? String(value);
+    }
+    catch {
+        return String(value);
+    }
+}
+/**
+ * Copy a value as pretty JSON to the clipboard. Resolves to `true` on success,
+ * `false` when the Clipboard API is unavailable (or the write rejects) — never throws.
+ */
+export async function copyJson(value) {
+    const text = toPrettyJson(value);
+    const clipboard = globalThis.navigator?.clipboard;
+    if (!clipboard?.writeText)
+        return false;
+    try {
+        await clipboard.writeText(text);
+        return true;
+    }
+    catch {
+        return false;
+    }
+}
+/** Trigger a browser download of a value serialized as pretty JSON under `filename`. */
+export function downloadJson(filename, value) {
+    const text = toPrettyJson(value);
+    const blob = new Blob([text], { type: 'application/json' });
+    const url = URL.createObjectURL(blob);
+    const anchor = document.createElement('a');
+    anchor.href = url;
+    anchor.download = filename;
+    document.body.appendChild(anchor);
+    anchor.click();
+    anchor.remove();
+    URL.revokeObjectURL(url);
+}
+//# sourceMappingURL=export-json.js.map

package/dist/react/components/export-json.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"export-json.js","sourceRoot":"","sources":["../../../src/react/components/export-json.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,gGAAgG;AAChG,MAAM,UAAU,YAAY,CAAC,KAAc;IACzC,IAAI,CAAC;QACH,OAAO,IAAI,CAAC,SAAS,CAAC,KAAK,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,MAAM,CAAC,KAAK,CAAC,CAAC;IACzD,CAAC;IAAC,MAAM,CAAC;QACP,OAAO,MAAM,CAAC,KAAK,CAAC,CAAC;IACvB,CAAC;AACH,CAAC;AAED;;;GAGG;AACH,MAAM,CAAC,KAAK,UAAU,QAAQ,CAAC,KAAc;IAC3C,MAAM,IAAI,GAAG,YAAY,CAAC,KAAK,CAAC,CAAC;IACjC,MAAM,SAAS,GAAG,UAAU,CAAC,SAAS,EAAE,SAAS,CAAC;IAClD,IAAI,CAAC,SAAS,EAAE,SAAS;QAAE,OAAO,KAAK,CAAC;IACxC,IAAI,CAAC;QACH,MAAM,SAAS,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC;QAChC,OAAO,IAAI,CAAC;IACd,CAAC;IAAC,MAAM,CAAC;QACP,OAAO,KAAK,CAAC;IACf,CAAC;AACH,CAAC;AAED,wFAAwF;AACxF,MAAM,UAAU,YAAY,CAAC,QAAgB,EAAE,KAAc;IAC3D,MAAM,IAAI,GAAG,YAAY,CAAC,KAAK,CAAC,CAAC;IACjC,MAAM,IAAI,GAAG,IAAI,IAAI,CAAC,CAAC,IAAI,CAAC,EAAE,EAAE,IAAI,EAAE,kBAAkB,EAAE,CAAC,CAAC;IAC5D,MAAM,GAAG,GAAG,GAAG,CAAC,eAAe,CAAC,IAAI,CAAC,CAAC;IACtC,MAAM,MAAM,GAAG,QAAQ,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;IAC3C,MAAM,CAAC,IAAI,GAAG,GAAG,CAAC;IAClB,MAAM,CAAC,QAAQ,GAAG,QAAQ,CAAC;IAC3B,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;IAClC,MAAM,CAAC,KAAK,EAAE,CAAC;IACf,MAAM,CAAC,MAAM,EAAE,CAAC;IAChB,GAAG,CAAC,eAAe,CAAC,GAAG,CAAC,CAAC;AAC3B,CAAC"}

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

@@ -0,0 +1,9 @@
+import type { PulseReport } from '../../client/index.js';
+export declare function PulsePanel({ report, onSelectEntry, onSelectFamily, onSelectRoute, onSelectOutgoing, }: {
+    report: PulseReport;
+    onSelectEntry?: (id: string) => void;
+    onSelectFamily?: (familyHash: string) => void;
+    onSelectRoute?: (route: string) => void;
+    onSelectOutgoing?: (route: string) => void;
+}): JSX.Element;
+//# sourceMappingURL=pulse-panel.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"pulse-panel.d.ts","sourceRoot":"","sources":["../../../src/react/components/pulse-panel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAWzD,wBAAgB,UAAU,CAAC,EACzB,MAAM,EACN,aAAa,EACb,cAAc,EACd,aAAa,EACb,gBAAgB,GACjB,EAAE;IACD,MAAM,EAAE,WAAW,CAAC;IACpB,aAAa,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,cAAc,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9C,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CAC5C,GAAG,GAAG,CAAC,OAAO,CAmKd"}

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

@@ -0,0 +1,20 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+function Section({ title, children }) {
+    return (_jsxs("section", { className: "mb-6", children: [_jsx("h3", { className: "mb-2 text-xs uppercase tracking-wide text-zinc-500", children: title }), children] }));
+}
+export function PulsePanel({ report, onSelectEntry, onSelectFamily, onSelectRoute, onSelectOutgoing, }) {
+    return (_jsxs("div", { className: "text-xs", children: [report.truncated && (_jsxs("p", { className: "mb-4 text-amber-500", children: ["Scan truncated at ", report.scanned, " entries \u2014 widen the window with care."] })), _jsx(Section, { title: "Entries by type", children: _jsxs("div", { className: "flex flex-wrap gap-3", children: [Object.entries(report.counts).map(([type, count]) => (_jsxs("span", { className: "rounded bg-zinc-900 px-2 py-1", children: [_jsx("span", { className: "text-emerald-400", children: type }), ' ', _jsx("span", { className: "text-zinc-300", children: count })] }, type))), Object.keys(report.counts).length === 0 && (_jsx("span", { className: "text-zinc-600", children: "No entries in window." }))] }) }), _jsx(Section, { title: "Slowest", children: _jsx("table", { className: "w-full text-left", children: _jsxs("tbody", { children: [report.slowest.map((slow) => (_jsxs("tr", { tabIndex: 0, onClick: () => onSelectEntry?.(slow.id), onKeyDown: (event) => {
+                                    if (event.key === 'Enter' || event.key === ' ')
+                                        onSelectEntry?.(slow.id);
+                                }, className: "cursor-pointer border-t border-zinc-900 hover:bg-zinc-900", children: [_jsx("td", { className: "py-1 text-emerald-400", children: slow.type }), _jsx("td", { className: "max-w-md truncate text-zinc-300", children: slow.label }), _jsxs("td", { className: "text-right text-zinc-400", children: [slow.durationMs, "ms"] })] }, slow.id))), report.slowest.length === 0 && (_jsx("tr", { children: _jsx("td", { className: "py-1 text-zinc-600", children: "\u2014" }) }))] }) }) }), _jsx(Section, { title: "Top exceptions", children: _jsx("table", { className: "w-full text-left", children: _jsxs("tbody", { children: [report.topExceptions.map((group) => (_jsxs("tr", { className: "border-t border-zinc-900", children: [_jsx("td", { className: "py-1 text-red-400", children: group.class }), _jsx("td", { className: "max-w-md truncate text-zinc-300", children: group.message }), _jsxs("td", { className: "text-right text-zinc-400", children: ["\u00D7", group.count] })] }, group.familyHash))), report.topExceptions.length === 0 && (_jsx("tr", { children: _jsx("td", { className: "py-1 text-zinc-600", children: "No exceptions \uD83C\uDF89" }) }))] }) }) }), _jsx(Section, { title: "N+1 query hotspots", children: _jsx("table", { className: "w-full text-left", children: _jsxs("tbody", { children: [report.nPlusOne.map((hotspot) => (_jsxs("tr", { tabIndex: 0, onClick: () => onSelectFamily?.(hotspot.familyHash), onKeyDown: (event) => {
+                                    if (event.key === 'Enter' || event.key === ' ')
+                                        onSelectFamily?.(hotspot.familyHash);
+                                }, className: "cursor-pointer border-t border-zinc-900 hover:bg-zinc-900", children: [_jsxs("td", { className: "whitespace-nowrap py-1 text-amber-400", children: ["\u00D7", hotspot.perRequest, _jsx("span", { className: "text-zinc-500", children: " per request" })] }), _jsx("td", { className: "max-w-md truncate text-zinc-300", children: hotspot.sql }), _jsxs("td", { className: "whitespace-nowrap text-right text-zinc-500", children: [hotspot.requests, " requests \u00B7 ", hotspot.total, " total"] })] }, hotspot.familyHash))), report.nPlusOne.length === 0 && (_jsx("tr", { children: _jsx("td", { className: "py-1 text-zinc-600", children: "None detected" }) }))] }) }) }), _jsx(Section, { title: "Slow request hotspots", children: _jsx("table", { className: "w-full text-left", children: _jsxs("tbody", { children: [report.slowRoutes.map((route) => (_jsxs("tr", { tabIndex: 0, onClick: () => onSelectRoute?.(route.route), onKeyDown: (event) => {
+                                    if (event.key === 'Enter' || event.key === ' ')
+                                        onSelectRoute?.(route.route);
+                                }, className: "cursor-pointer border-t border-zinc-900 hover:bg-zinc-900", children: [_jsx("td", { className: "max-w-md truncate py-1 font-mono text-zinc-300", children: route.route }), _jsxs("td", { className: "whitespace-nowrap text-right text-amber-400", children: [route.p99, "ms", _jsx("span", { className: "text-zinc-500", children: " p99" })] }), _jsxs("td", { className: "whitespace-nowrap text-right text-zinc-500", children: ["\u00D7", route.count] })] }, route.route))), report.slowRoutes.length === 0 && (_jsx("tr", { children: _jsx("td", { className: "py-1 text-zinc-600", children: "None detected" }) }))] }) }) }), _jsx(Section, { title: "Slow outgoing HTTP", children: _jsx("table", { className: "w-full text-left", children: _jsxs("tbody", { children: [report.slowOutgoing.map((target) => (_jsxs("tr", { tabIndex: 0, onClick: () => onSelectOutgoing?.(target.route), onKeyDown: (event) => {
+                                    if (event.key === 'Enter' || event.key === ' ')
+                                        onSelectOutgoing?.(target.route);
+                                }, className: "cursor-pointer border-t border-zinc-900 hover:bg-zinc-900", children: [_jsx("td", { className: "max-w-md truncate py-1 font-mono text-zinc-300", children: target.route }), _jsxs("td", { className: "whitespace-nowrap text-right text-amber-400", children: [target.p99, "ms", _jsx("span", { className: "text-zinc-500", children: " p99" })] }), _jsxs("td", { className: "whitespace-nowrap text-right text-zinc-500", children: ["\u00D7", target.count] })] }, target.route))), report.slowOutgoing.length === 0 && (_jsx("tr", { children: _jsx("td", { className: "py-1 text-zinc-600", children: "None detected" }) }))] }) }) })] }));
+}
+//# sourceMappingURL=pulse-panel.js.map

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

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

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

@@ -0,0 +1,5 @@
+export declare function QueueSparkline({ queue, window }: {
+    queue: string;
+    window: string;
+}): JSX.Element;
+//# sourceMappingURL=queue-sparkline.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"queue-sparkline.d.ts","sourceRoot":"","sources":["../../../src/react/components/queue-sparkline.tsx"],"names":[],"mappings":"AAGA,wBAAgB,cAAc,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAA;CAAE,GAAG,GAAG,CAAC,OAAO,CAShG"}

package/dist/react/components/queue-sparkline.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useTimeseries } from '../use-telescope-queries.js';
+import { Sparkline } from './sparkline.js';
+export function QueueSparkline({ queue, window }) {
+    const { data } = useTimeseries({ window, tag: `queue:${queue}`, buckets: 24 });
+    return (_jsx(Sparkline, { values: (data?.buckets ?? []).map((bucket) => bucket.total), width: 120, height: 20 }));
+}
+//# sourceMappingURL=queue-sparkline.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"queue-sparkline.js","sourceRoot":"","sources":["../../../src/react/components/queue-sparkline.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC;AAC5D,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAE3C,MAAM,UAAU,cAAc,CAAC,EAAE,KAAK,EAAE,MAAM,EAAqC;IACjF,MAAM,EAAE,IAAI,EAAE,GAAG,aAAa,CAAC,EAAE,MAAM,EAAE,GAAG,EAAE,SAAS,KAAK,EAAE,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,CAAC;IAC/E,OAAO,CACL,KAAC,SAAS,IACR,MAAM,EAAE,CAAC,IAAI,EAAE,OAAO,IAAI,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,EAC3D,KAAK,EAAE,GAAG,EACV,MAAM,EAAE,EAAE,GACV,CACH,CAAC;AACJ,CAAC"}

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

@@ -0,0 +1,14 @@
+import type { QueueCapabilities } from '../../../client/index.js';
+/**
+ * "Send message" form for enqueueing a new job onto the selected queue. Shown
+ * only when the driver advertises the `'enqueue'` capability AND mutations are
+ * enabled (default-deny gate on the server). The payload is parsed as JSON;
+ * invalid JSON surfaces inline without calling the API. A 403 surfaces inline
+ * as "Not authorized".
+ */
+export declare function EnqueueJobForm({ capabilities, driver, queue, }: {
+    capabilities: QueueCapabilities | undefined;
+    driver: string;
+    queue: string;
+}): JSX.Element | null;
+//# sourceMappingURL=EnqueueJobForm.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EnqueueJobForm.d.ts","sourceRoot":"","sources":["../../../../src/react/components/queues/EnqueueJobForm.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAmBlE;;;;;;GAMG;AACH,wBAAgB,cAAc,CAAC,EAC7B,YAAY,EACZ,MAAM,EACN,KAAK,GACN,EAAE;IACD,YAAY,EAAE,iBAAiB,GAAG,SAAS,CAAC;IAC5C,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;CACf,GAAG,GAAG,CAAC,OAAO,GAAG,IAAI,CAsErB"}

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

@@ -0,0 +1,61 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
+import { useQueueEnqueue } from '../../use-telescope-queries.js';
+import { supportsAction } from './JobActions.js';
+function isForbidden(error) {
+    return error instanceof Error && /\b403\b/.test(error.message);
+}
+/** Parse the JSON payload; returns either the value or a message describing why it failed. */
+function parsePayload(raw) {
+    const trimmed = raw.trim();
+    if (trimmed === '')
+        return { ok: false, message: 'Payload is required.' };
+    try {
+        return { ok: true, value: JSON.parse(trimmed) };
+    }
+    catch {
+        return { ok: false, message: 'Payload must be valid JSON.' };
+    }
+}
+/**
+ * "Send message" form for enqueueing a new job onto the selected queue. Shown
+ * only when the driver advertises the `'enqueue'` capability AND mutations are
+ * enabled (default-deny gate on the server). The payload is parsed as JSON;
+ * invalid JSON surfaces inline without calling the API. A 403 surfaces inline
+ * as "Not authorized".
+ */
+export function EnqueueJobForm({ capabilities, driver, queue, }) {
+    const mutation = useQueueEnqueue();
+    const [name, setName] = useState('');
+    const [payload, setPayload] = useState('');
+    const [jsonError, setJsonError] = useState(null);
+    const [sentId, setSentId] = useState(undefined);
+    if (!supportsAction(capabilities, driver, 'enqueue'))
+        return null;
+    const forbidden = isForbidden(mutation.error);
+    async function submit(event) {
+        event.preventDefault();
+        setSentId(undefined);
+        const parsed = parsePayload(payload);
+        if (!parsed.ok) {
+            setJsonError(parsed.message);
+            return;
+        }
+        setJsonError(null);
+        try {
+            const result = await mutation.mutateAsync({
+                driver,
+                queue,
+                ...(name.trim() !== '' ? { name: name.trim() } : {}),
+                payload: parsed.value,
+            });
+            setSentId(result.id);
+            setPayload('');
+        }
+        catch {
+            // surfaced inline via mutation.error
+        }
+    }
+    return (_jsxs("form", { onSubmit: submit, className: "space-y-2 rounded-lg border border-zinc-800 p-3", children: [_jsx("h3", { className: "text-[10px] uppercase tracking-wide text-zinc-500", children: "Send message" }), _jsx("input", { type: "text", value: name, onChange: (event) => setName(event.target.value), placeholder: "Job name (optional)", "aria-label": "Job name", className: "w-full rounded border border-zinc-800 bg-zinc-950 px-2 py-1 text-xs text-zinc-200 placeholder:text-zinc-600" }), _jsx("textarea", { value: payload, onChange: (event) => setPayload(event.target.value), placeholder: '{"to": "a@b.c"}', "aria-label": "Payload (JSON)", rows: 4, className: "w-full rounded border border-zinc-800 bg-zinc-950 px-2 py-1 font-mono text-xs text-zinc-200 placeholder:text-zinc-600" }), jsonError && _jsx("p", { className: "text-[10px] text-red-400", children: jsonError }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsx("button", { type: "submit", disabled: mutation.isPending, className: "rounded border border-emerald-500/40 px-2.5 py-1 text-[11px] text-emerald-300 transition-colors hover:bg-emerald-500/10 disabled:opacity-50", children: mutation.isPending ? 'Sending…' : 'Send message' }), forbidden && _jsx("span", { className: "text-[10px] text-red-400", children: "Not authorized" }), sentId !== undefined && !forbidden && (_jsx("span", { className: "text-[10px] text-emerald-400", children: sentId ? `Enqueued job ${sentId}` : 'Message enqueued' }))] })] }));
+}
+//# sourceMappingURL=EnqueueJobForm.js.map

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

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

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

@@ -0,0 +1,38 @@
+import type { JobActionName, QueueActionName, QueueCapabilities, QueueState } from '../../../client/index.js';
+/** Does the driver advertise this action AND are mutations enabled at all? */
+export declare function supportsAction(capabilities: QueueCapabilities | undefined, driver: string, action: QueueActionName): boolean;
+/**
+ * Which per-job actions are valid for a job in the given state.
+ * - promote only for a delayed job
+ * - retry only for failed/completed jobs
+ * - remove whenever supported
+ */
+export declare function jobActionAllowedForState(action: JobActionName, state: QueueState): boolean;
+/** Per-job action buttons, gated by capabilities + job state. */
+export declare function JobActions({ capabilities, driver, queue, id, state, onDone, }: {
+    capabilities: QueueCapabilities | undefined;
+    driver: string;
+    queue: string;
+    id: string;
+    state: QueueState;
+    onDone?: () => void;
+}): JSX.Element | null;
+/** "Retry all failed" bulk action, gated by capabilities; shown on the failed tab. */
+export declare function RetryAllFailedButton({ capabilities, driver, queue, }: {
+    capabilities: QueueCapabilities | undefined;
+    driver: string;
+    queue: string;
+}): JSX.Element | null;
+/**
+ * "Redrive DLQ" action for SQS-style drivers (moves dead-lettered messages back
+ * to the source queue via the native message-move task). Shown on the failed tab,
+ * gated by capabilities — only when the driver advertises `'redrive'` and
+ * mutations are enabled. Confirms before firing (it moves messages); a 403
+ * surfaces inline as "Not authorized".
+ */
+export declare function RedriveDlqButton({ capabilities, driver, queue, }: {
+    capabilities: QueueCapabilities | undefined;
+    driver: string;
+    queue: string;
+}): JSX.Element | null;
+//# sourceMappingURL=JobActions.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"JobActions.d.ts","sourceRoot":"","sources":["../../../../src/react/components/queues/JobActions.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EACV,aAAa,EACb,eAAe,EACf,iBAAiB,EACjB,UAAU,EACX,MAAM,0BAA0B,CAAC;AAGlC,8EAA8E;AAC9E,wBAAgB,cAAc,CAC5B,YAAY,EAAE,iBAAiB,GAAG,SAAS,EAC3C,MAAM,EAAE,MAAM,EACd,MAAM,EAAE,eAAe,GACtB,OAAO,CAGT;AAED;;;;;GAKG;AACH,wBAAgB,wBAAwB,CAAC,MAAM,EAAE,aAAa,EAAE,KAAK,EAAE,UAAU,GAAG,OAAO,CAW1F;AA6ED,iEAAiE;AACjE,wBAAgB,UAAU,CAAC,EACzB,YAAY,EACZ,MAAM,EACN,KAAK,EACL,EAAE,EACF,KAAK,EACL,MAAM,GACP,EAAE;IACD,YAAY,EAAE,iBAAiB,GAAG,SAAS,CAAC;IAC5C,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,UAAU,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;CACrB,GAAG,GAAG,CAAC,OAAO,GAAG,IAAI,CAoBrB;AAED,sFAAsF;AACtF,wBAAgB,oBAAoB,CAAC,EACnC,YAAY,EACZ,MAAM,EACN,KAAK,GACN,EAAE;IACD,YAAY,EAAE,iBAAiB,GAAG,SAAS,CAAC;IAC5C,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;CACf,GAAG,GAAG,CAAC,OAAO,GAAG,IAAI,CA0BrB;AAED;;;;;;GAMG;AACH,wBAAgB,gBAAgB,CAAC,EAC/B,YAAY,EACZ,MAAM,EACN,KAAK,GACN,EAAE;IACD,YAAY,EAAE,iBAAiB,GAAG,SAAS,CAAC;IAC5C,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;CACf,GAAG,GAAG,CAAC,OAAO,GAAG,IAAI,CAkDrB"}

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

@@ -0,0 +1,106 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
+import { useQueueAction, useQueueJobAction } from '../../use-telescope-queries.js';
+/** Does the driver advertise this action AND are mutations enabled at all? */
+export function supportsAction(capabilities, driver, action) {
+    if (!capabilities?.mutationsEnabled)
+        return false;
+    return (capabilities.actionsByDriver[driver] ?? []).includes(action);
+}
+/**
+ * Which per-job actions are valid for a job in the given state.
+ * - promote only for a delayed job
+ * - retry only for failed/completed jobs
+ * - remove whenever supported
+ */
+export function jobActionAllowedForState(action, state) {
+    switch (action) {
+        case 'promote':
+            return state === 'delayed';
+        case 'retry':
+            return state === 'failed' || state === 'completed';
+        case 'remove':
+            return true;
+        default:
+            return false;
+    }
+}
+function isForbidden(error) {
+    return error instanceof Error && /\b403\b/.test(error.message);
+}
+const ACTION_STYLE = {
+    retry: 'border-emerald-500/40 text-emerald-300 hover:bg-emerald-500/10',
+    promote: 'border-amber-500/40 text-amber-300 hover:bg-amber-500/10',
+    remove: 'border-red-500/40 text-red-300 hover:bg-red-500/10',
+};
+function JobActionButton({ driver, queue, id, action, onDone, }) {
+    const mutation = useQueueJobAction();
+    const [confirming, setConfirming] = useState(false);
+    const pending = mutation.isPending;
+    const forbidden = isForbidden(mutation.error);
+    async function fire() {
+        setConfirming(false);
+        try {
+            await mutation.mutateAsync({ driver, queue, id, action });
+            onDone?.();
+        }
+        catch {
+            // surfaced inline via mutation.error
+        }
+    }
+    if (action === 'remove' && confirming) {
+        return (_jsxs("span", { className: "inline-flex items-center gap-1", children: [_jsx("button", { type: "button", disabled: pending, onClick: fire, className: "rounded border border-red-500/50 bg-red-500/10 px-2 py-1 text-[11px] text-red-200 disabled:opacity-50", children: pending ? 'Removing…' : 'Confirm remove' }), _jsx("button", { type: "button", onClick: () => setConfirming(false), className: "rounded border border-zinc-700 px-2 py-1 text-[11px] text-zinc-400 hover:text-zinc-200", children: "Cancel" })] }));
+    }
+    return (_jsxs("span", { className: "inline-flex flex-col", children: [_jsx("button", { type: "button", disabled: pending, onClick: action === 'remove' ? () => setConfirming(true) : fire, className: `rounded border px-2 py-1 text-[11px] capitalize transition-colors disabled:opacity-50 ${ACTION_STYLE[action]}`, children: pending ? `${action}…` : action }), forbidden && _jsx("span", { className: "mt-0.5 text-[10px] text-red-400", children: "Not authorized" })] }));
+}
+/** Per-job action buttons, gated by capabilities + job state. */
+export function JobActions({ capabilities, driver, queue, id, state, onDone, }) {
+    const actions = ['retry', 'promote', 'remove'].filter((action) => supportsAction(capabilities, driver, action) && jobActionAllowedForState(action, state));
+    if (actions.length === 0)
+        return null;
+    return (_jsx("div", { className: "flex flex-wrap items-start gap-1.5", children: actions.map((action) => (_jsx(JobActionButton, { driver: driver, queue: queue, id: id, action: action, onDone: onDone }, action))) }));
+}
+/** "Retry all failed" bulk action, gated by capabilities; shown on the failed tab. */
+export function RetryAllFailedButton({ capabilities, driver, queue, }) {
+    const mutation = useQueueAction();
+    if (!supportsAction(capabilities, driver, 'retry-all'))
+        return null;
+    const forbidden = isForbidden(mutation.error);
+    async function fire() {
+        try {
+            await mutation.mutateAsync({ driver, queue, action: 'retry-all', state: 'failed' });
+        }
+        catch {
+            // surfaced inline via mutation.error
+        }
+    }
+    return (_jsxs("span", { className: "inline-flex items-center gap-2", children: [_jsx("button", { type: "button", disabled: mutation.isPending, onClick: fire, className: "rounded border border-emerald-500/40 px-2.5 py-1 text-[11px] text-emerald-300 transition-colors hover:bg-emerald-500/10 disabled:opacity-50", children: mutation.isPending ? 'Retrying all…' : 'Retry all failed' }), forbidden && _jsx("span", { className: "text-[10px] text-red-400", children: "Not authorized" })] }));
+}
+/**
+ * "Redrive DLQ" action for SQS-style drivers (moves dead-lettered messages back
+ * to the source queue via the native message-move task). Shown on the failed tab,
+ * gated by capabilities — only when the driver advertises `'redrive'` and
+ * mutations are enabled. Confirms before firing (it moves messages); a 403
+ * surfaces inline as "Not authorized".
+ */
+export function RedriveDlqButton({ capabilities, driver, queue, }) {
+    const mutation = useQueueAction();
+    const [confirming, setConfirming] = useState(false);
+    if (!supportsAction(capabilities, driver, 'redrive'))
+        return null;
+    const forbidden = isForbidden(mutation.error);
+    async function fire() {
+        setConfirming(false);
+        try {
+            await mutation.mutateAsync({ driver, queue, action: 'redrive' });
+        }
+        catch {
+            // surfaced inline via mutation.error
+        }
+    }
+    if (confirming) {
+        return (_jsxs("span", { className: "inline-flex items-center gap-1", children: [_jsx("button", { type: "button", disabled: mutation.isPending, onClick: fire, className: "rounded border border-amber-500/50 bg-amber-500/10 px-2.5 py-1 text-[11px] text-amber-200 disabled:opacity-50", children: mutation.isPending ? 'Redriving…' : 'Confirm redrive' }), _jsx("button", { type: "button", onClick: () => setConfirming(false), className: "rounded border border-zinc-700 px-2 py-1 text-[11px] text-zinc-400 hover:text-zinc-200", children: "Cancel" })] }));
+    }
+    return (_jsxs("span", { className: "inline-flex items-center gap-2", children: [_jsx("button", { type: "button", disabled: mutation.isPending, onClick: () => setConfirming(true), className: "rounded border border-amber-500/40 px-2.5 py-1 text-[11px] text-amber-300 transition-colors hover:bg-amber-500/10 disabled:opacity-50", children: "Redrive DLQ" }), forbidden && _jsx("span", { className: "text-[10px] text-red-400", children: "Not authorized" })] }));
+}
+//# sourceMappingURL=JobActions.js.map

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

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

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

@@ -0,0 +1,11 @@
+import type { QueueCapabilities, QueueState } from '../../../client/index.js';
+/** Right slide-over showing a single job's full detail + actions. */
+export declare function JobDetailDrawer({ driver, queue, jobId, state, capabilities, onClose, }: {
+    driver: string;
+    queue: string;
+    jobId: string;
+    state: QueueState;
+    capabilities: QueueCapabilities | undefined;
+    onClose: () => void;
+}): JSX.Element;
+//# sourceMappingURL=JobDetailDrawer.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"JobDetailDrawer.d.ts","sourceRoot":"","sources":["../../../../src/react/components/queues/JobDetailDrawer.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAAkB,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAqH9F,qEAAqE;AACrE,wBAAgB,eAAe,CAAC,EAC9B,MAAM,EACN,KAAK,EACL,KAAK,EACL,KAAK,EACL,YAAY,EACZ,OAAO,GACR,EAAE;IACD,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,UAAU,CAAC;IAClB,YAAY,EAAE,iBAAiB,GAAG,SAAS,CAAC;IAC5C,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB,GAAG,GAAG,CAAC,OAAO,CAmDd"}

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

@@ -0,0 +1,45 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect } from 'react';
+import { useQueueJob } from '../../use-telescope-queries.js';
+import { JobActions } from './JobActions.js';
+import { relativeTime } from './queue-format.js';
+function prettyJson(value) {
+    if (value === undefined)
+        return '—';
+    try {
+        return JSON.stringify(value, null, 2);
+    }
+    catch {
+        return String(value);
+    }
+}
+function JsonBlock({ label, value }) {
+    return (_jsxs("section", { children: [_jsx("h4", { className: "mb-1 text-[10px] uppercase tracking-wide text-zinc-500", children: label }), _jsx("pre", { className: "overflow-auto rounded bg-zinc-950 p-2.5 text-[11px] leading-relaxed text-zinc-300 ring-1 ring-zinc-800", children: prettyJson(value) })] }));
+}
+function MetaRow({ label, value }) {
+    return (_jsxs("div", { className: "flex items-baseline justify-between gap-3 border-t border-zinc-900 py-1 first:border-0", children: [_jsx("span", { className: "text-[10px] uppercase tracking-wide text-zinc-500", children: label }), _jsx("span", { className: "tabular-nums text-zinc-300", children: value })] }));
+}
+function timestampLabel(value) {
+    if (value == null)
+        return '—';
+    return `${new Date(value).toLocaleString()} (${relativeTime(value)})`;
+}
+function DetailBody({ detail, capabilities, driver, queue, state, onClose, }) {
+    return (_jsxs("div", { className: "space-y-4", children: [_jsxs("header", { className: "space-y-1", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx("span", { className: "text-sm font-medium text-emerald-400", children: detail.name || 'job' }), _jsx("span", { className: "rounded bg-zinc-800 px-1.5 py-0.5 text-[10px] capitalize text-zinc-300", children: detail.state })] }), _jsx("div", { className: "font-mono text-[11px] text-zinc-500", children: detail.id })] }), _jsx(JobActions, { capabilities: capabilities, driver: driver, queue: queue, id: detail.id, state: state, onDone: onClose }), _jsxs("div", { className: "rounded-lg border border-zinc-800 bg-zinc-900/40 px-3 py-2 text-xs", children: [_jsx(MetaRow, { label: "Attempts", value: detail.maxAttempts != null
+                            ? `${detail.attemptsMade}/${detail.maxAttempts}`
+                            : `${detail.attemptsMade}` }), _jsx(MetaRow, { label: "Progress", value: detail.progress != null ? `${detail.progress}` : '—' }), _jsx(MetaRow, { label: "Created", value: timestampLabel(detail.timestamp) }), _jsx(MetaRow, { label: "Processed", value: timestampLabel(detail.processedOn) }), _jsx(MetaRow, { label: "Finished", value: timestampLabel(detail.finishedOn) })] }), detail.failedReason && (_jsxs("section", { children: [_jsx("h4", { className: "mb-1 text-[10px] uppercase tracking-wide text-red-400", children: "Failed reason" }), _jsx("p", { className: "rounded bg-red-500/5 px-2.5 py-2 text-[11px] text-red-300 ring-1 ring-red-500/20", children: detail.failedReason })] })), _jsx(JsonBlock, { label: "Payload (data)", value: detail.data }), _jsx(JsonBlock, { label: "Options (opts)", value: detail.opts }), detail.returnValue !== undefined && detail.returnValue !== null && (_jsx(JsonBlock, { label: "Return value", value: detail.returnValue })), detail.stacktrace && detail.stacktrace.length > 0 && (_jsxs("section", { children: [_jsx("h4", { className: "mb-1 text-[10px] uppercase tracking-wide text-zinc-500", children: "Stacktrace" }), _jsx("pre", { className: "overflow-auto rounded bg-zinc-950 p-2.5 text-[11px] leading-relaxed text-red-300/80 ring-1 ring-zinc-800", children: detail.stacktrace.join('\n') })] }))] }));
+}
+/** Right slide-over showing a single job's full detail + actions. */
+export function JobDetailDrawer({ driver, queue, jobId, state, capabilities, onClose, }) {
+    const { data, isLoading, isError } = useQueueJob(driver, queue, jobId);
+    useEffect(() => {
+        function onKey(event) {
+            if (event.key === 'Escape')
+                onClose();
+        }
+        window.addEventListener('keydown', onKey);
+        return () => window.removeEventListener('keydown', onKey);
+    }, [onClose]);
+    return (_jsxs("div", { className: "fixed inset-0 z-40 flex justify-end", children: [_jsx("button", { type: "button", "aria-label": "Close job detail", onClick: onClose, className: "absolute inset-0 bg-black/50" }), _jsxs("aside", { className: "relative z-10 flex h-full w-full max-w-md flex-col border-l border-zinc-800 bg-zinc-950 shadow-2xl", children: [_jsxs("div", { className: "flex items-center justify-between border-b border-zinc-800 px-4 py-2.5", children: [_jsx("span", { className: "text-xs uppercase tracking-wide text-zinc-500", children: "Job detail" }), _jsx("button", { type: "button", onClick: onClose, className: "rounded px-2 py-0.5 text-zinc-500 hover:bg-zinc-900 hover:text-zinc-200", children: "\u2715" })] }), _jsx("div", { className: "flex-1 overflow-auto p-4", children: isLoading ? (_jsx("p", { className: "text-xs text-zinc-600", children: "Loading job\u2026" })) : isError ? (_jsx("p", { className: "text-xs text-red-400", children: "Failed to load job." })) : !data ? (_jsx("p", { className: "text-xs text-zinc-600", children: "Job not found (it may have been removed)." })) : (_jsx(DetailBody, { detail: data, capabilities: capabilities, driver: driver, queue: queue, state: state, onClose: onClose })) })] })] }));
+}
+//# sourceMappingURL=JobDetailDrawer.js.map

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

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

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

@@ -0,0 +1,13 @@
+import type { QueueState } from '../../../client/index.js';
+/**
+ * Job table for the selected queue + state. The active (last-requested) cursor
+ * drives the live polling query; "Load more" advances the cursor and the new
+ * page is merged into the accumulated list. Switching queue/state resets.
+ */
+export declare function JobTable({ driver, queue, state, onOpen, }: {
+    driver: string;
+    queue: string;
+    state: QueueState;
+    onOpen: (id: string) => void;
+}): JSX.Element;
+//# sourceMappingURL=JobTable.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"JobTable.d.ts","sourceRoot":"","sources":["../../../../src/react/components/queues/JobTable.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAY,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAgDrE;;;;GAIG;AACH,wBAAgB,QAAQ,CAAC,EACvB,MAAM,EACN,KAAK,EACL,KAAK,EACL,MAAM,GACP,EAAE;IACD,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,UAAU,CAAC;IAClB,MAAM,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;CAC9B,GAAG,GAAG,CAAC,OAAO,CA6Ed"}

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

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

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

@@ -0,0 +1,8 @@
+export declare function QueueList({ selected, onSelect, }: {
+    selected?: {
+        driver: string;
+        queue: string;
+    };
+    onSelect: (driver: string, queue: string) => void;
+}): JSX.Element;
+//# sourceMappingURL=QueueList.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"QueueList.d.ts","sourceRoot":"","sources":["../../../../src/react/components/queues/QueueList.tsx"],"names":[],"mappings":"AAkEA,wBAAgB,SAAS,CAAC,EACxB,QAAQ,EACR,QAAQ,GACT,EAAE;IACD,QAAQ,CAAC,EAAE;QAAE,MAAM,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC;IAC7C,QAAQ,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACnD,GAAG,GAAG,CAAC,OAAO,CA8Bd"}

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

@@ -0,0 +1,27 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useLiveQueues } from '../../use-telescope-queries.js';
+import { QUEUE_STATE_ORDER, STATE_ACCENT } from './queue-format.js';
+function CountBadge({ state, value, }) {
+    const emphasize = state === 'failed' && value > 0;
+    return (_jsxs("span", { className: `flex items-baseline gap-1 rounded px-1.5 py-0.5 ${emphasize ? 'bg-red-500/10' : 'bg-zinc-800/60'}`, title: `${value} ${state}`, children: [_jsx("span", { className: "text-[9px] uppercase tracking-wide text-zinc-500", children: state.slice(0, 4) }), _jsx("span", { className: `tabular-nums ${value > 0 ? STATE_ACCENT[state] : 'text-zinc-600'}`, children: value })] }));
+}
+function QueueRow({ summary, active, onSelect, }) {
+    return (_jsxs("button", { type: "button", onClick: () => onSelect(summary.driver, summary.queue), className: `w-full rounded-lg border px-3 py-2.5 text-left transition-colors ${active
+            ? 'border-emerald-500/40 bg-emerald-500/5'
+            : 'border-zinc-800 bg-zinc-900/40 hover:border-zinc-700 hover:bg-zinc-900'}`, children: [_jsxs("div", { className: "flex items-center justify-between gap-2", children: [_jsx("span", { className: "min-w-0 truncate font-medium text-zinc-100", children: summary.queue }), summary.isPaused && (_jsx("span", { className: "shrink-0 rounded bg-violet-500/15 px-1.5 py-0.5 text-[9px] uppercase tracking-wide text-violet-300", children: "paused" }))] }), _jsx("div", { className: "mt-0.5 text-[10px] uppercase tracking-wide text-zinc-600", children: summary.driver }), _jsx("div", { className: "mt-2 flex flex-wrap gap-1 text-[10px]", children: QUEUE_STATE_ORDER.map((state) => (_jsx(CountBadge, { state: state, value: summary.counts[state] }, state))) })] }));
+}
+export function QueueList({ selected, onSelect, }) {
+    const { data, isLoading, isError } = useLiveQueues();
+    if (isLoading) {
+        return _jsx("p", { className: "px-1 py-2 text-xs text-zinc-600", children: "Loading queues\u2026" });
+    }
+    if (isError) {
+        return _jsx("p", { className: "px-1 py-2 text-xs text-red-400", children: "Failed to load queues." });
+    }
+    const queues = data?.queues ?? [];
+    if (queues.length === 0) {
+        return (_jsx("div", { className: "rounded-lg border border-dashed border-zinc-800 px-3 py-6 text-center text-xs text-zinc-600", children: "No live queues detected." }));
+    }
+    return (_jsx("div", { className: "space-y-2", children: queues.map((summary) => (_jsx(QueueRow, { summary: summary, active: selected?.driver === summary.driver && selected?.queue === summary.queue, onSelect: onSelect }, `${summary.driver}:${summary.queue}`))) }));
+}
+//# sourceMappingURL=QueueList.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"QueueList.js","sourceRoot":"","sources":["../../../../src/react/components/queues/QueueList.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,aAAa,EAAE,MAAM,gCAAgC,CAAC;AAC/D,OAAO,EAAE,iBAAiB,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAEpE,SAAS,UAAU,CAAC,EAClB,KAAK,EACL,KAAK,GAIN;IACC,MAAM,SAAS,GAAG,KAAK,KAAK,QAAQ,IAAI,KAAK,GAAG,CAAC,CAAC;IAClD,OAAO,CACL,gBACE,SAAS,EAAE,mDACT,SAAS,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,gBAChC,EAAE,EACF,KAAK,EAAE,GAAG,KAAK,IAAI,KAAK,EAAE,aAE1B,eAAM,SAAS,EAAC,kDAAkD,YAAE,KAAK,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,GAAQ,EAC7F,eAAM,SAAS,EAAE,gBAAgB,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,eAAe,EAAE,YACjF,KAAK,GACD,IACF,CACR,CAAC;AACJ,CAAC;AAED,SAAS,QAAQ,CAAC,EAChB,OAAO,EACP,MAAM,EACN,QAAQ,GAKT;IACC,OAAO,CACL,kBACE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,OAAO,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,CAAC,EACtD,SAAS,EAAE,oEACT,MAAM;YACJ,CAAC,CAAC,wCAAwC;YAC1C,CAAC,CAAC,wEACN,EAAE,aAEF,eAAK,SAAS,EAAC,yCAAyC,aACtD,eAAM,SAAS,EAAC,4CAA4C,YAAE,OAAO,CAAC,KAAK,GAAQ,EAClF,OAAO,CAAC,QAAQ,IAAI,CACnB,eAAM,SAAS,EAAC,oGAAoG,uBAE7G,CACR,IACG,EACN,cAAK,SAAS,EAAC,0DAA0D,YACtE,OAAO,CAAC,MAAM,GACX,EACN,cAAK,SAAS,EAAC,uCAAuC,YACnD,iBAAiB,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAChC,KAAC,UAAU,IAAa,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,CAAC,MAAM,CAAC,KAAK,CAAC,IAAjD,KAAK,CAAgD,CACvE,CAAC,GACE,IACC,CACV,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,SAAS,CAAC,EACxB,QAAQ,EACR,QAAQ,GAIT;IACC,MAAM,EAAE,IAAI,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,aAAa,EAAE,CAAC;IAErD,IAAI,SAAS,EAAE,CAAC;QACd,OAAO,YAAG,SAAS,EAAC,iCAAiC,qCAAoB,CAAC;IAC5E,CAAC;IACD,IAAI,OAAO,EAAE,CAAC;QACZ,OAAO,YAAG,SAAS,EAAC,gCAAgC,uCAA2B,CAAC;IAClF,CAAC;IACD,MAAM,MAAM,GAAG,IAAI,EAAE,MAAM,IAAI,EAAE,CAAC;IAClC,IAAI,MAAM,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QACxB,OAAO,CACL,cAAK,SAAS,EAAC,6FAA6F,yCAEtG,CACP,CAAC;IACJ,CAAC;IAED,OAAO,CACL,cAAK,SAAS,EAAC,WAAW,YACvB,MAAM,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,CACvB,KAAC,QAAQ,IAEP,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,QAAQ,EAAE,MAAM,KAAK,OAAO,CAAC,MAAM,IAAI,QAAQ,EAAE,KAAK,KAAK,OAAO,CAAC,KAAK,EAChF,QAAQ,EAAE,QAAQ,IAHb,GAAG,OAAO,CAAC,MAAM,IAAI,OAAO,CAAC,KAAK,EAAE,CAIzC,CACH,CAAC,GACE,CACP,CAAC;AACJ,CAAC"}

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

@@ -0,0 +1,7 @@
+import type { QueueCounts, QueueState } from '../../../client/index.js';
+export declare function QueueStateTabs({ counts, state, onState, }: {
+    counts: QueueCounts | undefined;
+    state: QueueState;
+    onState: (state: QueueState) => void;
+}): JSX.Element;
+//# sourceMappingURL=QueueStateTabs.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"QueueStateTabs.d.ts","sourceRoot":"","sources":["../../../../src/react/components/queues/QueueStateTabs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAGxE,wBAAgB,cAAc,CAAC,EAC7B,MAAM,EACN,KAAK,EACL,OAAO,GACR,EAAE;IACD,MAAM,EAAE,WAAW,GAAG,SAAS,CAAC;IAChC,KAAK,EAAE,UAAU,CAAC;IAClB,OAAO,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAC;CACtC,GAAG,GAAG,CAAC,OAAO,CA8Bd"}

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

@@ -0,0 +1,12 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { QUEUE_STATE_ORDER, STATE_ACCENT } from './queue-format.js';
+export function QueueStateTabs({ counts, state, onState, }) {
+    return (_jsx("div", { className: "flex flex-wrap gap-1 border-b border-zinc-800 pb-2", children: QUEUE_STATE_ORDER.map((candidate) => {
+            const active = candidate === state;
+            const value = counts?.[candidate] ?? 0;
+            return (_jsxs("button", { type: "button", onClick: () => onState(candidate), className: `flex items-baseline gap-1.5 rounded-md px-2.5 py-1 text-xs transition-colors ${active
+                    ? 'bg-zinc-800 text-zinc-100'
+                    : 'text-zinc-500 hover:bg-zinc-900 hover:text-zinc-300'}`, children: [_jsx("span", { className: "capitalize", children: candidate }), _jsx("span", { className: `tabular-nums text-[11px] ${active ? STATE_ACCENT[candidate] : 'text-zinc-600'}`, children: value })] }, candidate));
+        }) }));
+}
+//# sourceMappingURL=QueueStateTabs.js.map