@dudousxd/nestjs-telescope-ui 2.0.0 → 2.0.1

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

@@ -1,32 +1,58 @@
 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);
+import { Input } from '../ui/index.js';
+import { useTagsInfinite } from '../use-telescope-queries.js';
+/** How long typing settles before it becomes a request. Long enough that a word costs one query,
+ *  short enough that the list feels attached to the keyboard. */
+const SEARCH_DEBOUNCE_MS = 200;
+/** How close to the bottom of the list a scroll gets before the next page is asked for. */
+const LOAD_MORE_MARGIN_PX = 48;
+/** Settles a value that changes on every keystroke into one that changes once typing stops. */
+function useDebounced(value, ms) {
+    const [settled, setSettled] = useState(value);
+    useEffect(() => {
+        const timer = setTimeout(() => setSettled(value), ms);
+        return () => clearTimeout(timer);
+    }, [value, ms]);
+    return settled;
 }
 /**
- * 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.
+ * Tag filter rendered as an accessible combobox: it lists the tags that exist, most-used first, with
+ * their entry counts. Selecting one applies it as the active `tag` filter; typing something the list
+ * does not offer still applies as typed, which a bounded list has to allow.
+ *
+ * Focus alone opens it — an operator should not have to guess a first character to discover what is
+ * there. Both the search and the paging happen on the SERVER: the list is bounded because tag
+ * cardinality grows with the data, so the values worth searching for are routinely the ones the
+ * bound cut, and a search over the fetched page could never find them.
  */
-export function TagAutocomplete({ onSelect }) {
+export function TagAutocomplete({ onSelect, prefix = '', placeholder = 'Filter by tag…', ariaLabel = 'Filter by tag', }) {
     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);
+    // The full tag the user is narrowing to — `user:` + `42` etc. The input shows only the stripped
+    // portion (the id), while the query works against the real, prefixed namespace so counts match.
+    const fullQuery = `${prefix}${trimmed}`;
+    const debouncedSearch = useDebounced(trimmed, SEARCH_DEBOUNCE_MS);
+    const tags = useTagsInfinite(prefix, debouncedSearch);
+    const suggestions = tags.data?.pages.flat() ?? [];
     const showList = open && suggestions.length > 0;
+    const listRef = useRef(null);
+    function onListScroll() {
+        const el = listRef.current;
+        if (!el || !tags.hasNextPage || tags.isFetchingNextPage)
+            return;
+        if (el.scrollTop + el.clientHeight >= el.scrollHeight - LOAD_MORE_MARGIN_PX) {
+            void tags.fetchNextPage();
+        }
+    }
+    /** What we show in the row / input for a tag — the prefix stripped off. */
+    function displayOf(tag) {
+        return prefix !== '' && tag.startsWith(prefix) ? tag.slice(prefix.length) : tag;
+    }
     // Clamp the highlight whenever the suggestion set shrinks.
     useEffect(() => {
         setHighlight((current) => (current >= suggestions.length ? 0 : current));
@@ -41,9 +67,11 @@ export function TagAutocomplete({ onSelect }) {
         document.addEventListener('mousedown', onPointerDown);
         return () => document.removeEventListener('mousedown', onPointerDown);
     }, []);
+    // `tag` is always the full, prefixed tag the filter applies; the input mirrors
+    // the stripped display so a User filter never shows the `user:` plumbing.
     function choose(tag) {
         onSelect(tag);
-        setInput(tag);
+        setInput(displayOf(tag));
         setOpen(false);
     }
     function onKeyDown(event) {
@@ -53,7 +81,7 @@ export function TagAutocomplete({ onSelect }) {
         }
         if (!showList) {
             if (event.key === 'Enter' && trimmed !== '')
-                choose(trimmed);
+                choose(fullQuery);
             return;
         }
         if (event.key === 'ArrowDown') {
@@ -70,21 +98,21 @@ export function TagAutocomplete({ onSelect }) {
             if (picked)
                 choose(picked.tag);
             else if (trimmed !== '')
-                choose(trimmed);
+                choose(fullQuery);
         }
     }
     const activeId = showList ? `${listboxId}-option-${highlight}` : undefined;
-    return (_jsxs("div", { ref: containerRef, className: "relative", children: [_jsx("input", { type: "text", value: input, onChange: (event) => {
+    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, 
+                }, onFocus: () => setOpen(true), onKeyDown: onKeyDown, placeholder: placeholder, "aria-label": ariaLabel, role: "combobox", "aria-expanded": showList, "aria-controls": listboxId, "aria-autocomplete": "list", ...(activeId ? { 'aria-activedescendant': activeId } : {}) }), showList ? (_jsxs("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] }));
+                role: "listbox", "aria-label": "Tag suggestions", tabIndex: -1, ref: listRef, onScroll: onListScroll, className: "absolute left-0 top-full z-10 mt-1 max-h-64 w-48 overflow-auto rounded border border-line bg-popover 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-panel-2 text-foreground' : 'text-foreground'}`, children: [_jsx("span", { className: "truncate", children: displayOf(suggestion.tag) }), _jsx("span", { className: "shrink-0 text-muted-foreground", children: suggestion.count })] }, suggestion.tag))), tags.isFetchingNextPage ? (_jsx("p", { className: "px-2 py-1 text-[10px] text-muted-foreground", children: "loading more\u2026" })) : null] })) : null] }));
 }
 //# sourceMappingURL=tag-autocomplete.js.map

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

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

package/dist/react/components/to-csv.d.ts

@@ -0,0 +1,25 @@
+/**
+ * Pure, dependency-free CSV serialization for telescope entries, used by the
+ * Exports screen. Flattens the top-level entry fields (the columns a triage
+ * spreadsheet actually wants) plus a stringified `content` blob — nested content
+ * shapes vary by type, so we serialize the whole thing into one escaped cell
+ * rather than exploding into a ragged column set. Kept framework-free so it can
+ * be unit-tested in isolation, mirroring `export-json.ts`.
+ */
+import type { Entry } from '../../client/index.js';
+/** The fixed CSV column order. `content` is the JSON-stringified entry content. */
+export declare const CSV_COLUMNS: readonly ["id", "type", "createdAt", "durationMs", "tags", "familyHash", "traceId", "content"];
+/**
+ * Escape a single CSV field per RFC 4180: if it contains a quote, comma, or
+ * newline (CR or LF), wrap it in double quotes and double any embedded quotes.
+ * Plain fields pass through untouched so the common case stays readable.
+ */
+export declare function escapeCsvField(value: string): string;
+/**
+ * Render entries as a CSV document (header row + one row per entry), CRLF-
+ * terminated per RFC 4180. Every cell is escaped via {@link escapeCsvField}.
+ */
+export declare function entriesToCsv(entries: Entry[]): string;
+/** Trigger a browser download of `csv` text under `filename`, mirroring `downloadJson`. */
+export declare function downloadCsv(filename: string, csv: string): void;
+//# sourceMappingURL=to-csv.d.ts.map

package/dist/react/components/to-csv.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"to-csv.d.ts","sourceRoot":"","sources":["../../../src/react/components/to-csv.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAC;AAEnD,mFAAmF;AACnF,eAAO,MAAM,WAAW,gGASd,CAAC;AAEX;;;;GAIG;AACH,wBAAgB,cAAc,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAKpD;AA0BD;;;GAGG;AACH,wBAAgB,YAAY,CAAC,OAAO,EAAE,KAAK,EAAE,GAAG,MAAM,CAMrD;AAED,2FAA2F;AAC3F,wBAAgB,WAAW,CAAC,QAAQ,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,GAAG,IAAI,CAU/D"}

package/dist/react/components/to-csv.js

@@ -0,0 +1,78 @@
+/**
+ * Pure, dependency-free CSV serialization for telescope entries, used by the
+ * Exports screen. Flattens the top-level entry fields (the columns a triage
+ * spreadsheet actually wants) plus a stringified `content` blob — nested content
+ * shapes vary by type, so we serialize the whole thing into one escaped cell
+ * rather than exploding into a ragged column set. Kept framework-free so it can
+ * be unit-tested in isolation, mirroring `export-json.ts`.
+ */
+/** The fixed CSV column order. `content` is the JSON-stringified entry content. */
+export const CSV_COLUMNS = [
+    'id',
+    'type',
+    'createdAt',
+    'durationMs',
+    'tags',
+    'familyHash',
+    'traceId',
+    'content',
+];
+/**
+ * Escape a single CSV field per RFC 4180: if it contains a quote, comma, or
+ * newline (CR or LF), wrap it in double quotes and double any embedded quotes.
+ * Plain fields pass through untouched so the common case stays readable.
+ */
+export function escapeCsvField(value) {
+    if (/[",\r\n]/.test(value)) {
+        return `"${value.replace(/"/g, '""')}"`;
+    }
+    return value;
+}
+/** Serialize an arbitrary value for the `content` cell, never throwing. */
+function stringifyContent(content) {
+    if (content === null || content === undefined)
+        return '';
+    try {
+        return JSON.stringify(content) ?? String(content);
+    }
+    catch {
+        return String(content);
+    }
+}
+/** One CSV row of cells (pre-escape) for an entry, in {@link CSV_COLUMNS} order. */
+function rowFor(entry) {
+    return [
+        entry.id,
+        entry.type,
+        entry.createdAt,
+        entry.durationMs === null ? '' : String(entry.durationMs),
+        entry.tags.join('; '),
+        entry.familyHash ?? '',
+        entry.traceId ?? '',
+        stringifyContent(entry.content),
+    ];
+}
+/**
+ * Render entries as a CSV document (header row + one row per entry), CRLF-
+ * terminated per RFC 4180. Every cell is escaped via {@link escapeCsvField}.
+ */
+export function entriesToCsv(entries) {
+    const lines = [CSV_COLUMNS.map(escapeCsvField).join(',')];
+    for (const entry of entries) {
+        lines.push(rowFor(entry).map(escapeCsvField).join(','));
+    }
+    return lines.join('\r\n');
+}
+/** Trigger a browser download of `csv` text under `filename`, mirroring `downloadJson`. */
+export function downloadCsv(filename, csv) {
+    const blob = new Blob([csv], { type: 'text/csv' });
+    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=to-csv.js.map

package/dist/react/components/to-csv.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"to-csv.js","sourceRoot":"","sources":["../../../src/react/components/to-csv.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAIH,mFAAmF;AACnF,MAAM,CAAC,MAAM,WAAW,GAAG;IACzB,IAAI;IACJ,MAAM;IACN,WAAW;IACX,YAAY;IACZ,MAAM;IACN,YAAY;IACZ,SAAS;IACT,SAAS;CACD,CAAC;AAEX;;;;GAIG;AACH,MAAM,UAAU,cAAc,CAAC,KAAa;IAC1C,IAAI,UAAU,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC;QAC3B,OAAO,IAAI,KAAK,CAAC,OAAO,CAAC,IAAI,EAAE,IAAI,CAAC,GAAG,CAAC;IAC1C,CAAC;IACD,OAAO,KAAK,CAAC;AACf,CAAC;AAED,2EAA2E;AAC3E,SAAS,gBAAgB,CAAC,OAAgB;IACxC,IAAI,OAAO,KAAK,IAAI,IAAI,OAAO,KAAK,SAAS;QAAE,OAAO,EAAE,CAAC;IACzD,IAAI,CAAC;QACH,OAAO,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,CAAC;IACpD,CAAC;IAAC,MAAM,CAAC;QACP,OAAO,MAAM,CAAC,OAAO,CAAC,CAAC;IACzB,CAAC;AACH,CAAC;AAED,oFAAoF;AACpF,SAAS,MAAM,CAAC,KAAY;IAC1B,OAAO;QACL,KAAK,CAAC,EAAE;QACR,KAAK,CAAC,IAAI;QACV,KAAK,CAAC,SAAS;QACf,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,UAAU,CAAC;QACzD,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC;QACrB,KAAK,CAAC,UAAU,IAAI,EAAE;QACtB,KAAK,CAAC,OAAO,IAAI,EAAE;QACnB,gBAAgB,CAAC,KAAK,CAAC,OAAO,CAAC;KAChC,CAAC;AACJ,CAAC;AAED;;;GAGG;AACH,MAAM,UAAU,YAAY,CAAC,OAAgB;IAC3C,MAAM,KAAK,GAAG,CAAC,WAAW,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC;IAC1D,KAAK,MAAM,KAAK,IAAI,OAAO,EAAE,CAAC;QAC5B,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC;IAC1D,CAAC;IACD,OAAO,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;AAC5B,CAAC;AAED,2FAA2F;AAC3F,MAAM,UAAU,WAAW,CAAC,QAAgB,EAAE,GAAW;IACvD,MAAM,IAAI,GAAG,IAAI,IAAI,CAAC,CAAC,GAAG,CAAC,EAAE,EAAE,IAAI,EAAE,UAAU,EAAE,CAAC,CAAC;IACnD,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/user-tag.d.ts

@@ -11,4 +11,19 @@ export declare function findUserTag(tags: readonly string[]): string | null;
 export declare function userTagId(userTag: string): string;
 /** Hash-router href to the all-types entries list filtered by a `user:<id>` tag. */
 export declare function buildUserActivityHref(userTag: string): string;
+/** The fixed prefix the dedicated User filter narrows the tag search to. */
+export declare const USER_TAG_FILTER_PREFIX = "user:";
+/**
+ * True when `tag` is a populated `user:<id>` tag — i.e. the active tag filter is
+ * really a user pivot and should render in the User control, not the generic
+ * tag chip. A bare `user:` (no id) is NOT a user filter.
+ */
+export declare function isUserTag(tag: string): boolean;
+/**
+ * Prepends the `user:` prefix to a raw user id to form the underlying tag the
+ * entries query filters by. Idempotent: an already-prefixed value passes
+ * through unchanged, so the autocomplete (which surfaces full `user:<id>` tags)
+ * and a hand-typed bare id both resolve to the same tag.
+ */
+export declare function toUserTag(idOrTag: string): string;
 //# sourceMappingURL=user-tag.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"user-tag.d.ts","sourceRoot":"","sources":["../../../src/react/components/user-tag.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAIH,kFAAkF;AAClF,wBAAgB,WAAW,CAAC,IAAI,EAAE,SAAS,MAAM,EAAE,GAAG,MAAM,GAAG,IAAI,CAKlE;AAED,kFAAkF;AAClF,wBAAgB,SAAS,CAAC,OAAO,EAAE,MAAM,GAAG,MAAM,CAEjD;AAED,oFAAoF;AACpF,wBAAgB,qBAAqB,CAAC,OAAO,EAAE,MAAM,GAAG,MAAM,CAE7D"}
+{"version":3,"file":"user-tag.d.ts","sourceRoot":"","sources":["../../../src/react/components/user-tag.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAIH,kFAAkF;AAClF,wBAAgB,WAAW,CAAC,IAAI,EAAE,SAAS,MAAM,EAAE,GAAG,MAAM,GAAG,IAAI,CAKlE;AAED,kFAAkF;AAClF,wBAAgB,SAAS,CAAC,OAAO,EAAE,MAAM,GAAG,MAAM,CAEjD;AAED,oFAAoF;AACpF,wBAAgB,qBAAqB,CAAC,OAAO,EAAE,MAAM,GAAG,MAAM,CAE7D;AAED,4EAA4E;AAC5E,eAAO,MAAM,sBAAsB,UAAkB,CAAC;AAEtD;;;;GAIG;AACH,wBAAgB,SAAS,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAE9C;AAED;;;;;GAKG;AACH,wBAAgB,SAAS,CAAC,OAAO,EAAE,MAAM,GAAG,MAAM,CAEjD"}

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

@@ -22,4 +22,23 @@ export function userTagId(userTag) {
 export function buildUserActivityHref(userTag) {
     return `#/entries?tag=${encodeURIComponent(userTag)}`;
 }
+/** The fixed prefix the dedicated User filter narrows the tag search to. */
+export const USER_TAG_FILTER_PREFIX = USER_TAG_PREFIX;
+/**
+ * True when `tag` is a populated `user:<id>` tag — i.e. the active tag filter is
+ * really a user pivot and should render in the User control, not the generic
+ * tag chip. A bare `user:` (no id) is NOT a user filter.
+ */
+export function isUserTag(tag) {
+    return tag.startsWith(USER_TAG_PREFIX) && tag.length > USER_TAG_PREFIX.length;
+}
+/**
+ * Prepends the `user:` prefix to a raw user id to form the underlying tag the
+ * entries query filters by. Idempotent: an already-prefixed value passes
+ * through unchanged, so the autocomplete (which surfaces full `user:<id>` tags)
+ * and a hand-typed bare id both resolve to the same tag.
+ */
+export function toUserTag(idOrTag) {
+    return idOrTag.startsWith(USER_TAG_PREFIX) ? idOrTag : `${USER_TAG_PREFIX}${idOrTag}`;
+}
 //# sourceMappingURL=user-tag.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"user-tag.js","sourceRoot":"","sources":["../../../src/react/components/user-tag.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,MAAM,eAAe,GAAG,OAAO,CAAC;AAEhC,kFAAkF;AAClF,MAAM,UAAU,WAAW,CAAC,IAAuB;IACjD,KAAK,MAAM,GAAG,IAAI,IAAI,EAAE,CAAC;QACvB,IAAI,GAAG,CAAC,UAAU,CAAC,eAAe,CAAC,IAAI,GAAG,CAAC,MAAM,GAAG,eAAe,CAAC,MAAM;YAAE,OAAO,GAAG,CAAC;IACzF,CAAC;IACD,OAAO,IAAI,CAAC;AACd,CAAC;AAED,kFAAkF;AAClF,MAAM,UAAU,SAAS,CAAC,OAAe;IACvC,OAAO,OAAO,CAAC,KAAK,CAAC,eAAe,CAAC,MAAM,CAAC,CAAC;AAC/C,CAAC;AAED,oFAAoF;AACpF,MAAM,UAAU,qBAAqB,CAAC,OAAe;IACnD,OAAO,iBAAiB,kBAAkB,CAAC,OAAO,CAAC,EAAE,CAAC;AACxD,CAAC"}
+{"version":3,"file":"user-tag.js","sourceRoot":"","sources":["../../../src/react/components/user-tag.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,MAAM,eAAe,GAAG,OAAO,CAAC;AAEhC,kFAAkF;AAClF,MAAM,UAAU,WAAW,CAAC,IAAuB;IACjD,KAAK,MAAM,GAAG,IAAI,IAAI,EAAE,CAAC;QACvB,IAAI,GAAG,CAAC,UAAU,CAAC,eAAe,CAAC,IAAI,GAAG,CAAC,MAAM,GAAG,eAAe,CAAC,MAAM;YAAE,OAAO,GAAG,CAAC;IACzF,CAAC;IACD,OAAO,IAAI,CAAC;AACd,CAAC;AAED,kFAAkF;AAClF,MAAM,UAAU,SAAS,CAAC,OAAe;IACvC,OAAO,OAAO,CAAC,KAAK,CAAC,eAAe,CAAC,MAAM,CAAC,CAAC;AAC/C,CAAC;AAED,oFAAoF;AACpF,MAAM,UAAU,qBAAqB,CAAC,OAAe;IACnD,OAAO,iBAAiB,kBAAkB,CAAC,OAAO,CAAC,EAAE,CAAC;AACxD,CAAC;AAED,4EAA4E;AAC5E,MAAM,CAAC,MAAM,sBAAsB,GAAG,eAAe,CAAC;AAEtD;;;;GAIG;AACH,MAAM,UAAU,SAAS,CAAC,GAAW;IACnC,OAAO,GAAG,CAAC,UAAU,CAAC,eAAe,CAAC,IAAI,GAAG,CAAC,MAAM,GAAG,eAAe,CAAC,MAAM,CAAC;AAChF,CAAC;AAED;;;;;GAKG;AACH,MAAM,UAAU,SAAS,CAAC,OAAe;IACvC,OAAO,OAAO,CAAC,UAAU,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,eAAe,GAAG,OAAO,EAAE,CAAC;AACxF,CAAC"}

package/dist/react/components/waterfall-view.d.ts

@@ -0,0 +1,13 @@
+import type { Waterfall } from '../../client/index.js';
+export interface WaterfallViewProps {
+    waterfall: Waterfall;
+    onSelect?: ((id: string) => void) | undefined;
+}
+/**
+ * Renders a nested span waterfall as a flat, indented timeline — each row a bar
+ * positioned by its start offset and sized by its duration, indented by nesting
+ * depth (Sentry/Tempo style). The bars are derived entirely from the headless
+ * `/traces/:id/waterfall` payload.
+ */
+export declare function WaterfallView({ waterfall, onSelect }: WaterfallViewProps): JSX.Element;
+//# sourceMappingURL=waterfall-view.d.ts.map

package/dist/react/components/waterfall-view.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"waterfall-view.d.ts","sourceRoot":"","sources":["../../../src/react/components/waterfall-view.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAiB,MAAM,uBAAuB,CAAC;AA+EtE,MAAM,WAAW,kBAAkB;IACjC,SAAS,EAAE,SAAS,CAAC;IACrB,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;CAC/C;AAED;;;;;GAKG;AACH,wBAAgB,aAAa,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,kBAAkB,GAAG,GAAG,CAAC,OAAO,CAqBtF"}

package/dist/react/components/waterfall-view.js

@@ -0,0 +1,58 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/** Per-entry-type bar colour, mirroring the dashboard's entry-type palette. */
+const TYPE_COLOR = {
+    request: 'bg-sky-500',
+    query: 'bg-amber-500',
+    http_client: 'bg-violet-500',
+    job: 'bg-emerald-500',
+    cache: 'bg-teal-500',
+    exception: 'bg-rose-500',
+    event: 'bg-indigo-500',
+    log: 'bg-zinc-500',
+    mail: 'bg-pink-500',
+    redis: 'bg-red-500',
+};
+function colorFor(type) {
+    return TYPE_COLOR[type] ?? 'bg-zinc-600';
+}
+function formatMs(ms) {
+    if (ms < 1)
+        return '<1ms';
+    if (ms < 1000)
+        return `${Math.round(ms)}ms`;
+    return `${(ms / 1000).toFixed(2)}s`;
+}
+/** A flattened list of spans in depth-first order, preserving nesting via depth. */
+function flatten(spans) {
+    const out = [];
+    const walk = (list) => {
+        for (const span of list) {
+            out.push(span);
+            if (span.children.length > 0)
+                walk(span.children);
+        }
+    };
+    walk(spans);
+    return out;
+}
+function WaterfallRow({ span, totalDurationMs, onSelect }) {
+    // Guard against a zero-width trace (all instant spans) so bars stay visible.
+    const span100 = totalDurationMs > 0 ? totalDurationMs : 1;
+    const leftPct = Math.min(100, (span.offsetMs / span100) * 100);
+    const widthPct = Math.max(0.5, Math.min(100 - leftPct, (span.durationMs / span100) * 100));
+    return (_jsxs("button", { type: "button", onClick: () => onSelect?.(span.id), "data-testid": "waterfall-row", className: "flex w-full items-center gap-2 rounded px-1 py-0.5 text-left text-[11px] hover:bg-panel-2", children: [_jsxs("span", { className: "min-w-0 flex-shrink-0 truncate font-mono text-foreground", style: { width: '40%', paddingLeft: `${span.depth * 12}px` }, title: span.label, children: [_jsx("span", { className: "mr-1 text-muted-foreground", children: span.type }), span.label] }), _jsx("span", { className: "relative h-3 flex-1 rounded bg-panel", children: _jsx("span", { className: `absolute top-0 h-3 rounded ${colorFor(span.type)}`, style: { left: `${leftPct}%`, width: `${widthPct}%` }, title: `${formatMs(span.offsetMs)} +${formatMs(span.durationMs)}` }) }), _jsx("span", { className: "w-16 flex-shrink-0 text-right tabular-nums text-muted-foreground", children: formatMs(span.durationMs) })] }));
+}
+/**
+ * Renders a nested span waterfall as a flat, indented timeline — each row a bar
+ * positioned by its start offset and sized by its duration, indented by nesting
+ * depth (Sentry/Tempo style). The bars are derived entirely from the headless
+ * `/traces/:id/waterfall` payload.
+ */
+export function WaterfallView({ waterfall, onSelect }) {
+    const rows = flatten(waterfall.spans);
+    if (rows.length === 0) {
+        return _jsx("p", { className: "text-muted-foreground", children: "No spans in this trace" });
+    }
+    return (_jsxs("div", { className: "space-y-0.5", children: [_jsxs("div", { className: "mb-1 flex items-center justify-between text-[10px] uppercase tracking-wide text-muted-foreground", children: [_jsx("span", { children: "Span" }), _jsxs("span", { children: ["Total ", formatMs(waterfall.totalDurationMs)] })] }), rows.map((span) => (_jsx(WaterfallRow, { span: span, totalDurationMs: waterfall.totalDurationMs, onSelect: onSelect }, span.id)))] }));
+}
+//# sourceMappingURL=waterfall-view.js.map

package/dist/react/components/waterfall-view.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"waterfall-view.js","sourceRoot":"","sources":["../../../src/react/components/waterfall-view.tsx"],"names":[],"mappings":";AAEA,+EAA+E;AAC/E,MAAM,UAAU,GAA2B;IACzC,OAAO,EAAE,YAAY;IACrB,KAAK,EAAE,cAAc;IACrB,WAAW,EAAE,eAAe;IAC5B,GAAG,EAAE,gBAAgB;IACrB,KAAK,EAAE,aAAa;IACpB,SAAS,EAAE,aAAa;IACxB,KAAK,EAAE,eAAe;IACtB,GAAG,EAAE,aAAa;IAClB,IAAI,EAAE,aAAa;IACnB,KAAK,EAAE,YAAY;CACpB,CAAC;AAEF,SAAS,QAAQ,CAAC,IAAY;IAC5B,OAAO,UAAU,CAAC,IAAI,CAAC,IAAI,aAAa,CAAC;AAC3C,CAAC;AAED,SAAS,QAAQ,CAAC,EAAU;IAC1B,IAAI,EAAE,GAAG,CAAC;QAAE,OAAO,MAAM,CAAC;IAC1B,IAAI,EAAE,GAAG,IAAI;QAAE,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,IAAI,CAAC;IAC5C,OAAO,GAAG,CAAC,EAAE,GAAG,IAAI,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,CAAC;AACtC,CAAC;AAQD,oFAAoF;AACpF,SAAS,OAAO,CAAC,KAAsB;IACrC,MAAM,GAAG,GAAoB,EAAE,CAAC;IAChC,MAAM,IAAI,GAAG,CAAC,IAAqB,EAAQ,EAAE;QAC3C,KAAK,MAAM,IAAI,IAAI,IAAI,EAAE,CAAC;YACxB,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;YACf,IAAI,IAAI,CAAC,QAAQ,CAAC,MAAM,GAAG,CAAC;gBAAE,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;QACpD,CAAC;IACH,CAAC,CAAC;IACF,IAAI,CAAC,KAAK,CAAC,CAAC;IACZ,OAAO,GAAG,CAAC;AACb,CAAC;AAED,SAAS,YAAY,CAAC,EAAE,IAAI,EAAE,eAAe,EAAE,QAAQ,EAAY;IACjE,6EAA6E;IAC7E,MAAM,OAAO,GAAG,eAAe,GAAG,CAAC,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC,CAAC;IAC1D,MAAM,OAAO,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,QAAQ,GAAG,OAAO,CAAC,GAAG,GAAG,CAAC,CAAC;IAC/D,MAAM,QAAQ,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,IAAI,CAAC,GAAG,CAAC,GAAG,GAAG,OAAO,EAAE,CAAC,IAAI,CAAC,UAAU,GAAG,OAAO,CAAC,GAAG,GAAG,CAAC,CAAC,CAAC;IAC3F,OAAO,CACL,kBACE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,EAAE,CAAC,IAAI,CAAC,EAAE,CAAC,iBACtB,eAAe,EAC3B,SAAS,EAAC,2FAA2F,aAErG,gBACE,SAAS,EAAC,0DAA0D,EACpE,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,WAAW,EAAE,GAAG,IAAI,CAAC,KAAK,GAAG,EAAE,IAAI,EAAE,EAC5D,KAAK,EAAE,IAAI,CAAC,KAAK,aAEjB,eAAM,SAAS,EAAC,4BAA4B,YAAE,IAAI,CAAC,IAAI,GAAQ,EAC9D,IAAI,CAAC,KAAK,IACN,EACP,eAAM,SAAS,EAAC,sCAAsC,YACpD,eACE,SAAS,EAAE,8BAA8B,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,EAC9D,KAAK,EAAE,EAAE,IAAI,EAAE,GAAG,OAAO,GAAG,EAAE,KAAK,EAAE,GAAG,QAAQ,GAAG,EAAE,EACrD,KAAK,EAAE,GAAG,QAAQ,CAAC,IAAI,CAAC,QAAQ,CAAC,KAAK,QAAQ,CAAC,IAAI,CAAC,UAAU,CAAC,EAAE,GACjE,GACG,EACP,eAAM,SAAS,EAAC,kEAAkE,YAC/E,QAAQ,CAAC,IAAI,CAAC,UAAU,CAAC,GACrB,IACA,CACV,CAAC;AACJ,CAAC;AAOD;;;;;GAKG;AACH,MAAM,UAAU,aAAa,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAsB;IACvE,MAAM,IAAI,GAAG,OAAO,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC;IACtC,IAAI,IAAI,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QACtB,OAAO,YAAG,SAAS,EAAC,uBAAuB,uCAA2B,CAAC;IACzE,CAAC;IACD,OAAO,CACL,eAAK,SAAS,EAAC,aAAa,aAC1B,eAAK,SAAS,EAAC,kGAAkG,aAC/G,kCAAiB,EACjB,qCAAa,QAAQ,CAAC,SAAS,CAAC,eAAe,CAAC,IAAQ,IACpD,EACL,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAClB,KAAC,YAAY,IAEX,IAAI,EAAE,IAAI,EACV,eAAe,EAAE,SAAS,CAAC,eAAe,EAC1C,QAAQ,EAAE,QAAQ,IAHb,IAAI,CAAC,EAAE,CAIZ,CACH,CAAC,IACE,CACP,CAAC;AACJ,CAAC"}

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

@@ -1 +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"}
+{"version":3,"file":"window-select.d.ts","sourceRoot":"","sources":["../../../src/react/components/window-select.tsx"],"names":[],"mappings":"AAIA,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,CAoBhE"}

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

@@ -1,6 +1,10 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '../ui/index.js';
 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))) }));
+    return (_jsxs(Select, { value: value, onValueChange: (next) => {
+            if (typeof next === 'string')
+                onChange(next);
+        }, children: [_jsx(SelectTrigger, { "aria-label": "Time window", children: _jsx(SelectValue, {}) }), _jsx(SelectContent, { align: "end", children: WINDOWS.map((w) => (_jsx(SelectItem, { value: w, children: w }, w))) })] }));
 }
 //# sourceMappingURL=window-select.js.map

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

@@ -1 +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"}
+{"version":3,"file":"window-select.js","sourceRoot":"","sources":["../../../src/react/components/window-select.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,UAAU,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAE/F,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,MAAC,MAAM,IACL,KAAK,EAAE,KAAK,EACZ,aAAa,EAAE,CAAC,IAAI,EAAE,EAAE;YACtB,IAAI,OAAO,IAAI,KAAK,QAAQ;gBAAE,QAAQ,CAAC,IAAI,CAAC,CAAC;QAC/C,CAAC,aAED,KAAC,aAAa,kBAAY,aAAa,YACrC,KAAC,WAAW,KAAG,GACD,EAChB,KAAC,aAAa,IAAC,KAAK,EAAC,KAAK,YACvB,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAClB,KAAC,UAAU,IAAS,KAAK,EAAE,CAAC,YACzB,CAAC,IADa,CAAC,CAEL,CACd,CAAC,GACY,IACT,CACV,CAAC;AACJ,CAAC"}

package/dist/react/index.d.ts

@@ -1,15 +1,21 @@
 export * from './telescope-context.js';
 export * from './use-telescope-queries.js';
+export * from './use-telescope-stream.js';
 export * from './components/entry-types.js';
-export * from './components/type-tabs.js';
 export * from './components/entries-table.js';
 export * from './components/user-tag.js';
 export * from './components/batch-timeline.js';
+export * from './components/waterfall-view.js';
+export * from './components/flamegraph.js';
+export * from './components/flamegraph-view.js';
 export * from './components/entry-detail.js';
 export * from './components/export-json.js';
 export * from './components/export-json-toolbar.js';
+export * from './components/to-csv.js';
 export * from './components/retention-indicator.js';
 export * from './components/cache-badge.js';
+export * from './components/inertia-badge.js';
+export * from './components/inertia-body.js';
 export * from './components/entry-insights.js';
 export * from './components/window-select.js';
 export * from './components/tag-autocomplete.js';

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/react/index.ts"],"names":[],"mappings":"AAAA,cAAc,wBAAwB,CAAC;AACvC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,0BAA0B,CAAC;AACzC,cAAc,gCAAgC,CAAC;AAC/C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,qCAAqC,CAAC;AACpD,cAAc,qCAAqC,CAAC;AACpD,cAAc,6BAA6B,CAAC;AAC5C,cAAc,gCAAgC,CAAC;AAC/C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,kCAAkC,CAAC;AACjD,cAAc,6BAA6B,CAAC;AAC5C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,iCAAiC,CAAC;AAChD,cAAc,8BAA8B,CAAC;AAC7C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,oBAAoB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/react/index.ts"],"names":[],"mappings":"AAAA,cAAc,wBAAwB,CAAC;AACvC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,2BAA2B,CAAC;AAK1C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,0BAA0B,CAAC;AACzC,cAAc,gCAAgC,CAAC;AAC/C,cAAc,gCAAgC,CAAC;AAC/C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,iCAAiC,CAAC;AAChD,cAAc,8BAA8B,CAAC;AAC7C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,qCAAqC,CAAC;AACpD,cAAc,wBAAwB,CAAC;AACvC,cAAc,qCAAqC,CAAC;AACpD,cAAc,6BAA6B,CAAC;AAC5C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,gCAAgC,CAAC;AAC/C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,kCAAkC,CAAC;AACjD,cAAc,6BAA6B,CAAC;AAC5C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,iCAAiC,CAAC;AAChD,cAAc,8BAA8B,CAAC;AAC7C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,oBAAoB,CAAC"}

package/dist/react/index.js

@@ -1,15 +1,25 @@
 export * from './telescope-context.js';
 export * from './use-telescope-queries.js';
+export * from './use-telescope-stream.js';
+// Console launcher, three tiers: `openTelescopeConsole` (no React, from `./client`),
+// `useOpenTelescopeConsole` (state only, your markup), `<OpenTelescopeConsoleButton>` (drop-in).
+// `openTelescopeConsoleMutationOptions` wires the same call into TanStack Query without this
+// package depending on TanStack.
 export * from './components/entry-types.js';
-export * from './components/type-tabs.js';
 export * from './components/entries-table.js';
 export * from './components/user-tag.js';
 export * from './components/batch-timeline.js';
+export * from './components/waterfall-view.js';
+export * from './components/flamegraph.js';
+export * from './components/flamegraph-view.js';
 export * from './components/entry-detail.js';
 export * from './components/export-json.js';
 export * from './components/export-json-toolbar.js';
+export * from './components/to-csv.js';
 export * from './components/retention-indicator.js';
 export * from './components/cache-badge.js';
+export * from './components/inertia-badge.js';
+export * from './components/inertia-body.js';
 export * from './components/entry-insights.js';
 export * from './components/window-select.js';
 export * from './components/tag-autocomplete.js';

package/dist/react/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/react/index.ts"],"names":[],"mappings":"AAAA,cAAc,wBAAwB,CAAC;AACvC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,0BAA0B,CAAC;AACzC,cAAc,gCAAgC,CAAC;AAC/C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,qCAAqC,CAAC;AACpD,cAAc,qCAAqC,CAAC;AACpD,cAAc,6BAA6B,CAAC;AAC5C,cAAc,gCAAgC,CAAC;AAC/C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,kCAAkC,CAAC;AACjD,cAAc,6BAA6B,CAAC;AAC5C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,iCAAiC,CAAC;AAChD,cAAc,8BAA8B,CAAC;AAC7C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,oBAAoB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/react/index.ts"],"names":[],"mappings":"AAAA,cAAc,wBAAwB,CAAC;AACvC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,2BAA2B,CAAC;AAC1C,qFAAqF;AACrF,iGAAiG;AACjG,6FAA6F;AAC7F,iCAAiC;AACjC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,0BAA0B,CAAC;AACzC,cAAc,gCAAgC,CAAC;AAC/C,cAAc,gCAAgC,CAAC;AAC/C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,iCAAiC,CAAC;AAChD,cAAc,8BAA8B,CAAC;AAC7C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,qCAAqC,CAAC;AACpD,cAAc,wBAAwB,CAAC;AACvC,cAAc,qCAAqC,CAAC;AACpD,cAAc,6BAA6B,CAAC;AAC5C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,gCAAgC,CAAC;AAC/C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,kCAAkC,CAAC;AACjD,cAAc,6BAA6B,CAAC;AAC5C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,iCAAiC,CAAC;AAChD,cAAc,8BAA8B,CAAC;AAC7C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,oBAAoB,CAAC"}

package/dist/react/ui/badge.d.ts

@@ -0,0 +1,16 @@
+import { type VariantProps } from 'class-variance-authority';
+/**
+ * Vendored shadcn `Badge`, retuned to the Aviary tokens.
+ *
+ * Variants are semantic, not decorative: `good`/`warn`/`bad` are the status
+ * hues, `brand` is "interactive / branded", `muted` is a neutral label. Entry
+ * TYPE colours are a separate categorical palette (see `entry-types.ts`) and
+ * deliberately do not go through here.
+ */
+export declare const badgeVariants: (props?: ({
+    variant?: "muted" | "brand" | "good" | "warn" | "bad" | "outline" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export interface BadgeProps extends React.HTMLAttributes<HTMLSpanElement>, VariantProps<typeof badgeVariants> {
+}
+export declare function Badge({ className, variant, ...props }: BadgeProps): JSX.Element;
+//# sourceMappingURL=badge.d.ts.map

package/dist/react/ui/badge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"badge.d.ts","sourceRoot":"","sources":["../../../src/react/ui/badge.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,YAAY,EAAO,MAAM,0BAA0B,CAAC;AAGlE;;;;;;;GAOG;AACH,eAAO,MAAM,aAAa;;8EAezB,CAAC;AAEF,MAAM,WAAW,UACf,SAAQ,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,EAC3C,YAAY,CAAC,OAAO,aAAa,CAAC;CAAG;AAEzC,wBAAgB,KAAK,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,UAAU,GAAG,GAAG,CAAC,OAAO,CAE/E"}

package/dist/react/ui/badge.js

@@ -0,0 +1,28 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cva } from 'class-variance-authority';
+import { cn } from './cn.js';
+/**
+ * Vendored shadcn `Badge`, retuned to the Aviary tokens.
+ *
+ * Variants are semantic, not decorative: `good`/`warn`/`bad` are the status
+ * hues, `brand` is "interactive / branded", `muted` is a neutral label. Entry
+ * TYPE colours are a separate categorical palette (see `entry-types.ts`) and
+ * deliberately do not go through here.
+ */
+export const badgeVariants = cva('inline-flex items-center gap-1 rounded border px-1.5 py-0.5 text-[10px] font-medium', {
+    variants: {
+        variant: {
+            muted: 'tint-muted',
+            brand: 'tint-brand',
+            good: 'tint-good',
+            warn: 'tint-warn',
+            bad: 'tint-bad',
+            outline: 'border-line bg-transparent text-muted-foreground',
+        },
+    },
+    defaultVariants: { variant: 'muted' },
+});
+export function Badge({ className, variant, ...props }) {
+    return _jsx("span", { className: cn(badgeVariants({ variant }), className), ...props });
+}
+//# sourceMappingURL=badge.js.map

package/dist/react/ui/badge.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"badge.js","sourceRoot":"","sources":["../../../src/react/ui/badge.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAqB,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,EAAE,EAAE,MAAM,SAAS,CAAC;AAE7B;;;;;;;GAOG;AACH,MAAM,CAAC,MAAM,aAAa,GAAG,GAAG,CAC9B,qFAAqF,EACrF;IACE,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,KAAK,EAAE,YAAY;YACnB,KAAK,EAAE,YAAY;YACnB,IAAI,EAAE,WAAW;YACjB,IAAI,EAAE,WAAW;YACjB,GAAG,EAAE,UAAU;YACf,OAAO,EAAE,kDAAkD;SAC5D;KACF;IACD,eAAe,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE;CACtC,CACF,CAAC;AAMF,MAAM,UAAU,KAAK,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,KAAK,EAAc;IAChE,OAAO,eAAM,SAAS,EAAE,EAAE,CAAC,aAAa,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,SAAS,CAAC,KAAM,KAAK,GAAI,CAAC;AACnF,CAAC"}

package/dist/react/ui/button.d.ts

@@ -0,0 +1,17 @@
+import { type VariantProps } from 'class-variance-authority';
+/**
+ * Vendored shadcn `Button`, retuned to the Aviary tokens.
+ *
+ * The console's real button vocabulary is small and uniform: bordered, low-key,
+ * xs/uppercase. `outline` is the default because that is what every toolbar,
+ * header control and row action already looked like; `accent`/`good`/`warn`/
+ * `bad` are the tinted states those controls toggle into.
+ */
+export declare const buttonVariants: (props?: ({
+    variant?: "brand" | "good" | "warn" | "bad" | "outline" | "ghost" | "solid" | null | undefined;
+    size?: "xs" | "sm" | "md" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
+}
+export declare const Button: import("react").ForwardRefExoticComponent<ButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
+//# sourceMappingURL=button.d.ts.map

package/dist/react/ui/button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../src/react/ui/button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,YAAY,EAAO,MAAM,0BAA0B,CAAC;AAIlE;;;;;;;GAOG;AACH,eAAO,MAAM,cAAc;;;8EAsB1B,CAAC;AAEF,MAAM,WAAW,WACf,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EACnD,YAAY,CAAC,OAAO,cAAc,CAAC;CAAG;AAE1C,eAAO,MAAM,MAAM,2GAYjB,CAAC"}