# rocket > A distinctive shadcn registry of data & observability components — query builders, JSON inspectors, diff viewers, log streams, metric charts, trace waterfalls and more. Install them into your app with the shadcn CLI. Components are installed with the shadcn CLI. Each item is fetched from `https://rocket.gozturk.dev/r/.json` and copied into the consumer's `components/ui/` directory. ## Components - [Log Stream](https://rocket.gozturk.dev/log-stream): A live-tail log stream with level filters and counts, message search, auto-scroll with a 'new lines' indicator, and expandable rows for structured detail. - Install: `npx shadcn@latest add https://rocket.gozturk.dev/r/log-stream.json` - [Trace Waterfall](https://rocket.gozturk.dev/trace-waterfall): A distributed-trace waterfall: an indented span tree beside time-positioned duration bars, with a time ruler, service colors, error highlighting, collapsible subtrees and hover detail. - Install: `npx shadcn@latest add https://rocket.gozturk.dev/r/trace-waterfall.json` - [Query Builder](https://rocket.gozturk.dev/query-builder): A visual, nested AND/OR query builder with a typed field schema and a read-only SQL/JSON live preview with copy. - Install: `npx shadcn@latest add https://rocket.gozturk.dev/r/query-builder.json` - [Timeline](https://rocket.gozturk.dev/timeline): A nested, collapsible event timeline with one continuous connector line. - Install: `npx shadcn@latest add https://rocket.gozturk.dev/r/timeline.json` - [JSON Inspector](https://rocket.gozturk.dev/json-inspector): A collapsible, searchable, code-editor-style JSON tree viewer with type coloring, line numbers, match highlighting and per-node path/value copy. - Install: `npx shadcn@latest add https://rocket.gozturk.dev/r/json-inspector.json` - [Activity Feed](https://rocket.gozturk.dev/activity-feed): An avatar-led activity feed with type badges, attachments, date grouping and a live indicator. - Install: `npx shadcn@latest add https://rocket.gozturk.dev/r/activity-feed.json` - [Comment Thread](https://rocket.gozturk.dev/comment-thread): A threaded comment discussion with depth-capped nesting, avatar rows, reactions, replies and collapsible subtrees. - Install: `npx shadcn@latest add https://rocket.gozturk.dev/r/comment-thread.json` - [Stat Tile](https://rocket.gozturk.dev/stat-tile): A KPI stat tile with an animated count-up value, trend delta with semantic coloring (invertable), and a recharts sparkline with gradient fill. - Install: `npx shadcn@latest add https://rocket.gozturk.dev/r/stat-tile.json` - [Diff Viewer](https://rocket.gozturk.dev/diff-viewer): A code-editor-style structural diff viewer for two JSON values, with unified/split toggle, an only-changes filter, type coloring and add/remove/change counts. - Install: `npx shadcn@latest add https://rocket.gozturk.dev/r/diff-viewer.json` - [Metric Chart](https://rocket.gozturk.dev/metric-chart): An observability time-series chart with threshold lines, event annotations, breach shading, and a crosshair tooltip with a click-to-toggle legend. - Install: `npx shadcn@latest add https://rocket.gozturk.dev/r/metric-chart.json` - [Latency Histogram](https://rocket.gozturk.dev/latency-histogram): A latency distribution histogram with p50/p95/p99 markers, percentile-zone bar coloring, hover bucket counts and a summary stat row; accepts raw samples or pre-bucketed bins. - Install: `npx shadcn@latest add https://rocket.gozturk.dev/r/latency-histogram.json` - [Status Grid](https://rocket.gozturk.dev/status-grid): A statuspage-style service health grid: category-grouped rows with current status, uptime, a per-service metric and a 90-day uptime strip, plus an overall status banner and legend. - Install: `npx shadcn@latest add https://rocket.gozturk.dev/r/status-grid.json` - [Cohort Heatmap](https://rocket.gozturk.dev/cohort-heatmap): A cohort retention heatmap: cohort rows by period columns with intensity-colored cells, in-cell percentages, a column-average row, a color legend and hover detail. Accepts retained counts (+size) or raw percentages. - Install: `npx shadcn@latest add https://rocket.gozturk.dev/r/cohort-heatmap.json` - [Audit Trail](https://rocket.gozturk.dev/audit-trail): A field-level audit trail / changelog: who created/updated/deleted what, when, with old→new field diffs, action badges, date grouping, relative time, actor avatars and actor/action filters. - Install: `npx shadcn@latest add https://rocket.gozturk.dev/r/audit-trail.json` - [Alert Feed](https://rocket.gozturk.dev/alert-feed): An interactive alert/incident feed: severity-grouped rows with acknowledge/resolve actions, a firing-count summary banner, severity/status filters, relative duration and a collapsible resolved section. - Install: `npx shadcn@latest add https://rocket.gozturk.dev/r/alert-feed.json` - [Data Freshness](https://rocket.gozturk.dev/data-freshness): A data-freshness / pipeline-status board: SLA-derived fresh/stale (with failed/running override), a status summary banner, a per-source SLA bar, next-run schedule, source-type icons and row counts. - Install: `npx shadcn@latest add https://rocket.gozturk.dev/r/data-freshness.json` - [Data Grid](https://rocket.gozturk.dev/data-grid): A query-result data grid: type-aware cells, sortable columns, global search + faceted column filters, column visibility, row selection and pagination. - Install: `npx shadcn@latest add https://rocket.gozturk.dev/r/data-grid.json` - [Schema Diagram](https://rocket.gozturk.dev/schema-diagram): An ER / schema diagram: table cards with typed columns and PK/FK/unique/index badges, drawn FK→PK relationship lines with cardinality markers, relationship hover-highlight and collapsible tables. - Install: `npx shadcn@latest add https://rocket.gozturk.dev/r/schema-diagram.json` - [SQL Console](https://rocket.gozturk.dev/sql-console): A SQL console/runner: a syntax-highlighted editor, Run (⌘↵) with running/success/error status, duration + row-count, a result table, an error panel and query history. Bring your own onRun executor. - Install: `npx shadcn@latest add https://rocket.gozturk.dev/r/sql-console.json` - [Data Lineage](https://rocket.gozturk.dev/data-lineage): A layered data-lineage / DAG viewer: auto-laid-out source→transform→output nodes with dependency edges, direction-selectable transitive lineage tracing, node type/status indicators and an upstream/downstream impact summary. - Install: `npx shadcn@latest add https://rocket.gozturk.dev/r/data-lineage.json` - [Resource Monitor](https://rocket.gozturk.dev/resource-monitor): A live resource monitor: per-resource 270° radial gauges with threshold zones, a history sparkline with peak/avg, a health summary banner and a pause/play live toggle. Self-updating (random walk) with a live prop. - Install: `npx shadcn@latest add https://rocket.gozturk.dev/r/resource-monitor.json` - [Request Inspector](https://rocket.gozturk.dev/request-inspector): A DevTools-style HTTP request inspector: a method/url/status summary with Headers, Payload, Timing-waterfall and Response (JSON-formatted) tabs, plus copy buttons. - Install: `npx shadcn@latest add https://rocket.gozturk.dev/r/request-inspector.json` - [Data Quality](https://rocket.gozturk.dev/data-quality): A data-quality / test report: validation checks (not_null, unique, freshness, range…) with pass/warn/fail status, a summary banner with pass-rate, status filters and expandable failure detail. - Install: `npx shadcn@latest add https://rocket.gozturk.dev/r/data-quality.json` - [Treemap](https://rocket.gozturk.dev/treemap): A squarified treemap: value-proportional nested rectangles colored by category, with a legend and hover detail (value, % of total). Pure computed layout. - Install: `npx shadcn@latest add https://rocket.gozturk.dev/r/treemap.json` - [Calendar Heatmap](https://rocket.gozturk.dev/calendar-heatmap): A GitHub-contributions-style calendar heatmap: per-day values laid out as weeks × weekdays with intensity colors, month/weekday labels, a legend and hover detail. Pure UTC layout. - Install: `npx shadcn@latest add https://rocket.gozturk.dev/r/calendar-heatmap.json` - [Funnel Chart](https://rocket.gozturk.dev/funnel-chart): A conversion funnel: centered tapering step bars with counts, % of first, step-over-step drop-off connectors, an overall conversion badge and hover detail. Pure computed layout. - Install: `npx shadcn@latest add https://rocket.gozturk.dev/r/funnel-chart.json` - [Data Dictionary](https://rocket.gozturk.dev/data-dictionary): A searchable data dictionary / catalog browser: column metadata (type, table, tags, PII, samples) with match-highlighted search, table filter chips, a PII-only toggle and expandable rows. - Install: `npx shadcn@latest add https://rocket.gozturk.dev/r/data-dictionary.json` - [Cron Builder](https://rocket.gozturk.dev/cron-builder): A visual cron/schedule builder: presets (minute/hourly/daily/weekly/monthly/custom) with field editors, a live expression with copy, a human-readable description, validation errors and the next 3 run times (UTC). - Install: `npx shadcn@latest add https://rocket.gozturk.dev/r/cron-builder.json` - [Field Mapper](https://rocket.gozturk.dev/field-mapper): An ETL field mapper: map source fields to a target schema with per-field transform selects, type-mismatch warnings, required validation, name-based auto-map and a mapping summary. - Install: `npx shadcn@latest add https://rocket.gozturk.dev/r/field-mapper.json` - [Routing Rules](https://rocket.gozturk.dev/routing-rules): An ordered, first-match-wins alert routing rules editor: per-rule severity chips, service pattern, channel, enable toggle, reorder/remove/add — plus a live dry-run tester that highlights the matching rule. - Install: `npx shadcn@latest add https://rocket.gozturk.dev/r/routing-rules.json` - [JSON Path Picker](https://rocket.gozturk.dev/json-path-picker): A JSON path picker: click any node in a collapsible JSON tree to build a live JSONPath expression with breadcrumb navigation, a value preview with type info, and copy. - Install: `npx shadcn@latest add https://rocket.gozturk.dev/r/json-path-picker.json` - [Regex Tester](https://rocket.gozturk.dev/regex-tester): A regex / log-pattern tester: pattern input with flag chips and validation errors, per-line match indicators with highlighted match spans, and a capture-group table (indexed + named) for the selected line. - Install: `npx shadcn@latest add https://rocket.gozturk.dev/r/regex-tester.json` - [SLO Calculator](https://rocket.gozturk.dev/slo-calculator): An SLO / error-budget calculator: target presets + custom input and a time window produce allowed downtime (total, per-day, per-week), a request-based error budget, and a burn tracker with status. - Install: `npx shadcn@latest add https://rocket.gozturk.dev/r/slo-calculator.json` - [Access Matrix](https://rocket.gozturk.dev/access-matrix): A roles × resources access-matrix editor: cells cycle none → read → write, row/column headers bulk-assign, with a live grant summary and per-role counts. - Install: `npx shadcn@latest add https://rocket.gozturk.dev/r/access-matrix.json` - [Backoff Planner](https://rocket.gozturk.dev/backoff-planner): A retry/backoff schedule planner: strategy (fixed/linear/exponential), base delay, multiplier, cap and retry count produce a deterministic attempt table with per-attempt delays, cap badges, cumulative wait and a worst-case total — with a full-jitter range mode. - Install: `npx shadcn@latest add https://rocket.gozturk.dev/r/backoff-planner.json` - [ID Inspector](https://rocket.gozturk.dev/id-inspector): A UUID/ULID inspector: paste an identifier to detect its type and version, decode the embedded timestamp (UUID v1/v7, ULID), and see a color-banded segment view (time / randomness / version bits) with a field breakdown. - Install: `npx shadcn@latest add https://rocket.gozturk.dev/r/id-inspector.json` - [JWT Decoder](https://rocket.gozturk.dev/jwt-decoder): A JWT decoder: paste a token to see header and payload claim tables with time claims (exp/iat/nbf) rendered as UTC dates, a color-banded segment view, known-claim annotations and a deterministic lifetime summary — decode only, no signature verification. - Install: `npx shadcn@latest add https://rocket.gozturk.dev/r/jwt-decoder.json` - [Connection String Builder](https://rocket.gozturk.dev/connection-string-builder): A live database connection-string builder: pick an engine (Postgres/MySQL/Redis/MongoDB), fill host, port, database and credentials, and get a color-highlighted URI with URL-encoded credentials, masked password with show/hide, an SSL toggle and one-click copy. - Install: `npx shadcn@latest add https://rocket.gozturk.dev/r/connection-string-builder.json` - [Rate Limit Simulator](https://rocket.gozturk.dev/rate-limit-simulator): A deterministic token-bucket rate-limit simulator: set capacity, refill rate, incoming traffic and a pattern (steady/spike/ramp) to get a second-by-second table of tokens, allowed and denied requests with totals and a does-refill-keep-up verdict. - Install: `npx shadcn@latest add https://rocket.gozturk.dev/r/rate-limit-simulator.json` - [Storage Estimator](https://rocket.gozturk.dev/storage-estimator): A live table-storage estimator: build a mini schema (column types, nullability, average sizes for variable types) and get a per-row byte breakdown (tuple header, null bitmap, columns) and a total size estimate for any row count — simplified Postgres-like model. - Install: `npx shadcn@latest add https://rocket.gozturk.dev/r/storage-estimator.json` - [Logfmt Inspector](https://rocket.gozturk.dev/logfmt-inspector): A logfmt ⇄ JSON converter: paste a logfmt log line to get a typed key/value table (string/number/boolean/duration/null), a color-banded segment view and pretty JSON output — or flip direction to serialize a JSON object back to logfmt. - Install: `npx shadcn@latest add https://rocket.gozturk.dev/r/logfmt-inspector.json` - [Webhook Signature Verifier](https://rocket.gozturk.dev/webhook-signature-verifier): A live webhook HMAC signature verifier: paste a payload, signing secret and the provider's expected signature, pick an algorithm (SHA-256/SHA-1/SHA-512) and encoding (hex/base64), and get the computed HMAC plus a constant-time valid/mismatch verdict. Auto-detects Stripe and prefixed signature formats. - Install: `npx shadcn@latest add https://rocket.gozturk.dev/r/webhook-signature-verifier.json` - [Log Scrubber](https://rocket.gozturk.dev/log-scrubber): A live PII redactor for logs and text: toggle built-in detectors (email, IPv4, credit card, JWT/token, UUID) plus a custom regex, pick a mask mode (type label, keep-last-4, or full bullets), and get scrubbed output with highlighted masks, per-rule match counts and one-click copy. - Install: `npx shadcn@latest add https://rocket.gozturk.dev/r/log-scrubber.json` - [Timestamp Converter](https://rocket.gozturk.dev/timestamp-converter): A live timestamp converter for logs: paste an epoch (seconds or millis, auto-detected) or an ISO 8601 / date string and get epoch seconds, epoch millis, ISO 8601, a human-readable UTC date, multi-zone wall-clock times (UTC, New York, Istanbul, Tokyo) with offsets, and a relative time — all copy-ready. - Install: `npx shadcn@latest add https://rocket.gozturk.dev/r/timestamp-converter.json` - [JSON Schema Inferer](https://rocket.gozturk.dev/json-schema-inferer): A live JSON Schema / TypeScript type inferer: paste a sample JSON payload and get a draft-07 JSON Schema or an equivalent TypeScript type — with integer/number distinction, string format detection (date-time/date/email/uuid), nested objects, array item merging and optional-field detection across array items. - Install: `npx shadcn@latest add https://rocket.gozturk.dev/r/json-schema-inferer.json` - [URL Inspector](https://rocket.gozturk.dev/url-inspector): A live URL inspector: paste any URL to break it into scheme, host, port (explicit or default), path segments and hash, with a percent-decoded query-parameter table — copy any value, or drop tracking params to rebuild a clean normalized URL. - Install: `npx shadcn@latest add https://rocket.gozturk.dev/r/url-inspector.json` - [CSV ⇄ JSON Converter](https://rocket.gozturk.dev/csv-json-converter): A two-way CSV ⇄ JSON converter: paste CSV to get a typed array of objects (RFC-4180 quoting, numbers/booleans/null inference, quoted cells stay strings) or flip direction to serialize a JSON array back to CSV. Delimiter chips (comma/tab/semicolon) with auto-detection, row/column counts and copy. - Install: `npx shadcn@latest add https://rocket.gozturk.dev/r/csv-json-converter.json` - [cURL Converter](https://rocket.gozturk.dev/curl-converter): A curl-to-fetch converter: paste a curl command and get a structured breakdown (method, URL, headers, body) plus equivalent JavaScript fetch() code. Handles quotes, line continuations, -X/-H/-d/-u/-G flags (basic auth, query promotion) and copy. - Install: `npx shadcn@latest add https://rocket.gozturk.dev/r/curl-converter.json` - [Env Linter](https://rocket.gozturk.dev/env-linter): A live .env file linter: paste environment variables to get a parsed key/value table (sensitive values masked with a reveal toggle) and per-line findings — invalid key names, missing '=', unclosed quotes, spaces around '=', unquoted values with spaces, duplicate keys and undefined variable references, with an error/warning summary. - Install: `npx shadcn@latest add https://rocket.gozturk.dev/r/env-linter.json` - [Log Pattern Extractor](https://rocket.gozturk.dev/log-patterns): A log pattern extractor: paste raw log lines and cluster them into templates by masking variable tokens (timestamps, IPs, UUIDs, numbers, durations, hex, ids and key=value values), then see each template with its frequency, percentage and an example — sorted by count with a min-count filter. - Install: `npx shadcn@latest add https://rocket.gozturk.dev/r/log-patterns.json` - [Alert Rule Builder](https://rocket.gozturk.dev/alert-rule-builder): A threshold-based alert rule editor: per-rule metric, aggregation, comparison operator, threshold, 'for' duration and severity, with enable toggles and a live PromQL-style expression plus a YAML/JSON preview with copy. - Install: `npx shadcn@latest add https://rocket.gozturk.dev/r/alert-rule-builder.json` - [Query Plan Visualizer](https://rocket.gozturk.dev/query-plan-visualizer): A Postgres EXPLAIN ANALYZE plan viewer: paste plan text to get a collapsible node tree with per-node cost/rows/width, actual timing, a self-cost bar, and estimate-vs-actual row misestimate flags — plus planning/execution time summary. - Install: `npx shadcn@latest add https://rocket.gozturk.dev/r/query-plan-visualizer.json` - [Index Advisor](https://rocket.gozturk.dev/index-advisor): A composite-index advisor: define query patterns (equality columns + an optional range/order column), and get leftmost-prefix-deduped CREATE INDEX recommendations with per-pattern 'new index' vs 'covered by' status and copy-ready SQL. - Install: `npx shadcn@latest add https://rocket.gozturk.dev/r/index-advisor.json` - [Cache Control Inspector](https://rocket.gozturk.dev/cache-control-inspector): An HTTP caching header analyzer: paste response headers to parse Cache-Control directives and get separate browser vs shared-cache (CDN/proxy) verdicts — cacheable Yes/No, TTL, remaining freshness after Age, and revalidation/Vary notes. - Install: `npx shadcn@latest add https://rocket.gozturk.dev/r/cache-control-inspector.json` - [GraphQL Query Inspector](https://rocket.gozturk.dev/graphql-query-inspector): A GraphQL document inspector: paste a query/mutation to get a collapsible selection-set tree with args/directives (variable references highlighted), a variables table cross-checked against a pasted Variables JSON for missing required or unused variables. - Install: `npx shadcn@latest add https://rocket.gozturk.dev/r/graphql-query-inspector.json` - [OpenAPI Explorer](https://rocket.gozturk.dev/openapi-explorer): An OpenAPI/Swagger endpoint browser: paste a spec to get tag-grouped, method-colored, searchable/filterable endpoints with expandable parameters, request body content types and response-status tables. - Install: `npx shadcn@latest add https://rocket.gozturk.dev/r/openapi-explorer.json` - [Cron Conflict Detector](https://rocket.gozturk.dev/cron-conflict-detector): A multi-schedule cron conflict detector: define named cron jobs and a look-ahead window to compute each job's upcoming runs, flag exact-minute overlaps across jobs, and see per-job run count, average interval and next run time. - Install: `npx shadcn@latest add https://rocket.gozturk.dev/r/cron-conflict-detector.json` ## Resources - [Full source for every component](https://rocket.gozturk.dev/llms-full.txt): TSX source inlined for context. - [Registry index](https://rocket.gozturk.dev/r/registry.json): machine-readable shadcn registry. - [Sitemap](https://rocket.gozturk.dev/sitemap.xml)