RubyGems - catpm - Versions diffs - 0.1.0 - Mend

catpm 0.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (69) hide show

checksums.yaml +7 -0
data/MIT-LICENSE +20 -0
data/README.md +222 -0
data/Rakefile +6 -0
data/app/assets/stylesheets/catpm/application.css +15 -0
data/app/controllers/catpm/application_controller.rb +6 -0
data/app/controllers/catpm/endpoints_controller.rb +63 -0
data/app/controllers/catpm/errors_controller.rb +63 -0
data/app/controllers/catpm/events_controller.rb +89 -0
data/app/controllers/catpm/samples_controller.rb +13 -0
data/app/controllers/catpm/status_controller.rb +79 -0
data/app/controllers/catpm/system_controller.rb +17 -0
data/app/helpers/catpm/application_helper.rb +264 -0
data/app/jobs/catpm/application_job.rb +6 -0
data/app/mailers/catpm/application_mailer.rb +8 -0
data/app/models/catpm/application_record.rb +7 -0
data/app/models/catpm/bucket.rb +45 -0
data/app/models/catpm/error_record.rb +37 -0
data/app/models/catpm/event_bucket.rb +12 -0
data/app/models/catpm/event_sample.rb +22 -0
data/app/models/catpm/sample.rb +26 -0
data/app/views/catpm/endpoints/_sample_table.html.erb +36 -0
data/app/views/catpm/endpoints/show.html.erb +124 -0
data/app/views/catpm/errors/index.html.erb +66 -0
data/app/views/catpm/errors/show.html.erb +107 -0
data/app/views/catpm/events/index.html.erb +73 -0
data/app/views/catpm/events/show.html.erb +86 -0
data/app/views/catpm/samples/show.html.erb +113 -0
data/app/views/catpm/shared/_page_nav.html.erb +6 -0
data/app/views/catpm/shared/_segments_waterfall.html.erb +147 -0
data/app/views/catpm/status/index.html.erb +124 -0
data/app/views/catpm/system/index.html.erb +454 -0
data/app/views/layouts/catpm/application.html.erb +381 -0
data/config/routes.rb +19 -0
data/db/migrate/20250601000001_create_catpm_tables.rb +104 -0
data/lib/catpm/adapter/base.rb +85 -0
data/lib/catpm/adapter/postgresql.rb +186 -0
data/lib/catpm/adapter/sqlite.rb +159 -0
data/lib/catpm/adapter.rb +28 -0
data/lib/catpm/auto_instrument.rb +145 -0
data/lib/catpm/buffer.rb +59 -0
data/lib/catpm/circuit_breaker.rb +60 -0
data/lib/catpm/collector.rb +320 -0
data/lib/catpm/configuration.rb +103 -0
data/lib/catpm/custom_event.rb +37 -0
data/lib/catpm/engine.rb +39 -0
data/lib/catpm/errors.rb +6 -0
data/lib/catpm/event.rb +75 -0
data/lib/catpm/fingerprint.rb +52 -0
data/lib/catpm/flusher.rb +462 -0
data/lib/catpm/lifecycle.rb +76 -0
data/lib/catpm/middleware.rb +75 -0
data/lib/catpm/middleware_probe.rb +28 -0
data/lib/catpm/patches/httpclient.rb +44 -0
data/lib/catpm/patches/net_http.rb +39 -0
data/lib/catpm/request_segments.rb +101 -0
data/lib/catpm/segment_subscribers.rb +242 -0
data/lib/catpm/span_helpers.rb +51 -0
data/lib/catpm/stack_sampler.rb +226 -0
data/lib/catpm/subscribers.rb +47 -0
data/lib/catpm/tdigest.rb +174 -0
data/lib/catpm/trace.rb +165 -0
data/lib/catpm/version.rb +5 -0
data/lib/catpm.rb +66 -0
data/lib/generators/catpm/install_generator.rb +36 -0
data/lib/generators/catpm/templates/initializer.rb.tt +77 -0
data/lib/tasks/catpm_seed.rake +79 -0
data/lib/tasks/catpm_tasks.rake +6 -0
metadata +123 -0

data/app/views/layouts/catpm/application.html.erb ADDED Viewed

@@ -0,0 +1,381 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <title>catpm<%= " — #{yield :title}" if content_for?(:title) %></title>
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <%= yield :head_extra if content_for?(:head_extra) %>
+  <style>
+    /* ─── Design Tokens — Light Theme ─── */
+    :root {
+      --bg-0: #ffffff;
+      --bg-1: #f6f8fa;
+      --bg-2: #eaeef2;
+      --border: #d0d7de;
+      --text-0: #1f2328;
+      --text-1: #656d76;
+      --text-2: #8b949e;
+      --accent: #0969da;
+      --red: #cf222e;
+      --green: #1a7f37;
+      --yellow: #9a6700;
+      --purple: #8250df;
+      --orange: #bc4c00;
+      --font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
+      --font-mono: "SF Mono", "Fira Code", Consolas, "Liberation Mono", Menlo, monospace;
+      --radius: 6px;
+    }
+    /* ─── Reset & Base ─── */
+    *, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }
+    body { font-family: var(--font-sans); background: var(--bg-0); color: var(--text-0); padding: 24px 28px; line-height: 1.6; font-size: 14px; max-width: 1200px; margin: 0 auto; }
+    a { color: var(--accent); text-decoration: none; }
+    a:hover { text-decoration: underline; }
+    h1 { font-size: 20px; font-weight: 600; margin-bottom: 2px; }
+    h1 a { color: var(--text-0); }
+    h1 a:hover { color: var(--accent); text-decoration: none; }
+    h2 { font-size: 15px; font-weight: 600; color: var(--text-0); margin: 28px 0 8px; }
+    h3 { font-size: 13px; font-weight: 600; color: var(--text-1); margin: 16px 0 8px; }
+    /* ─── Header ─── */
+    .header { display: flex; align-items: baseline; gap: 16px; margin-bottom: 4px; }
+    .header-sub { color: var(--text-1); font-size: 13px; margin-bottom: 16px; }
+    /* ─── Page Nav (dashboard only) ─── */
+    .page-nav { display: flex; gap: 2px; margin-bottom: 20px; border-bottom: 1px solid var(--border); }
+    .page-nav a { display: inline-block; padding: 8px 14px; font-size: 13px; font-weight: 500; color: var(--text-1); border-bottom: 2px solid transparent; margin-bottom: -1px; }
+    .page-nav a:hover { color: var(--text-0); text-decoration: none; }
+    .page-nav a.active { color: var(--text-0); border-bottom-color: var(--accent); }
+    .nav-count { display: inline-block; background: var(--bg-2); color: var(--text-1); font-size: 11px; font-weight: 600; padding: 0 5px; border-radius: 8px; margin-left: 4px; line-height: 16px; }
+    .nav-count.alert { background: #ffebe9; color: var(--red); }
+    /* ─── Flash Messages ─── */
+    .flash { padding: 10px 14px; border-radius: var(--radius); font-size: 13px; margin-bottom: 16px; }
+    .flash-notice { background: #dafbe1; color: var(--green); border: 1px solid #aceebb; }
+    .flash-alert { background: #ffebe9; color: var(--red); border: 1px solid #ffcecb; }
+    /* ─── Breadcrumbs ─── */
+    .breadcrumbs { font-size: 13px; color: var(--text-2); margin-bottom: 16px; }
+    .breadcrumbs a { color: var(--text-1); }
+    .breadcrumbs a:hover { color: var(--accent); }
+    .breadcrumbs .sep { margin: 0 6px; }
+    /* ─── Tabs (underline) ─── */
+    .tabs { display: flex; gap: 0; border-bottom: 1px solid var(--border); margin-bottom: 20px; }
+    .tab { display: inline-block; padding: 8px 16px; color: var(--text-1); font-size: 14px; font-weight: 500; border-bottom: 2px solid transparent; margin-bottom: -1px; }
+    .tab:hover { color: var(--text-0); text-decoration: none; }
+    .tab.active { color: var(--text-0); border-bottom-color: var(--accent); }
+    /* ─── Time Range ─── */
+    .time-range { display: flex; gap: 2px; margin-bottom: 20px; align-items: center; }
+    .time-range a { padding: 4px 10px; font-size: 12px; color: var(--text-1); border-radius: 4px; }
+    .time-range a:hover { background: var(--bg-2); color: var(--text-0); text-decoration: none; }
+    .time-range a.active { background: var(--bg-2); color: var(--text-0); font-weight: 500; }
+    /* ─── Grid & Cards ─── */
+    .grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 10px; margin-bottom: 20px; }
+    .grid-hero { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 12px; margin-bottom: 24px; }
+    .card { background: var(--bg-0); border: 1px solid var(--border); border-radius: var(--radius); padding: 14px 16px; }
+    .card .label { color: var(--text-1); font-size: 11px; text-transform: uppercase; letter-spacing: 0.5px; font-weight: 500; }
+    .card .value { color: var(--text-0); font-size: 26px; font-weight: 600; margin-top: 2px; line-height: 1.2; }
+    .card .detail { color: var(--text-2); font-size: 12px; margin-top: 4px; }
+    .card .sparkline { margin-top: 8px; }
+    /* ─── Error Cards (dashboard) ─── */
+    .error-card { display: block; background: #fffbfa; border: 1px solid #ffcecb; border-left: 3px solid var(--red); border-radius: var(--radius); padding: 12px 16px; margin-bottom: 6px; color: inherit; }
+    .error-card:hover { background: #ffebe9; text-decoration: none; }
+    .error-card .error-card-title { font-size: 14px; font-weight: 600; color: var(--text-0); }
+    .error-card .error-card-message { font-size: 13px; color: var(--text-1); margin-top: 2px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
+    .error-card .error-card-meta { font-size: 12px; color: var(--text-2); margin-top: 8px; display: flex; gap: 12px; align-items: center; }
+    /* ─── Tables ─── */
+    table { width: 100%; border-collapse: collapse; margin-bottom: 12px; }
+    thead th { color: var(--text-1); text-align: left; padding: 6px 12px; font-size: 11px; text-transform: uppercase; letter-spacing: 0.5px; font-weight: 500; border-bottom: 1px solid var(--border); }
+    tbody td { padding: 8px 12px; font-size: 14px; border-bottom: 1px solid var(--bg-2); }
+    tbody tr:last-child td { border-bottom: none; }
+    tr.linked { cursor: pointer; }
+    tr.linked:hover td { background: var(--bg-1); }
+    tr.linked { position: relative; }
+    tr.linked a.row-link { color: inherit; text-decoration: none; }
+    tr.linked a.row-link::after { content: ""; position: absolute; inset: 0; }
+    tr.expandable { cursor: pointer; }
+    tr.expandable:hover td { background: var(--bg-1); }
+    tr.expandable .chevron { display: inline-block; width: 12px; color: var(--text-2); font-size: 10px; transition: transform 0.15s; }
+    tr.expandable.open .chevron { transform: rotate(90deg); }
+    /* ─── Sort Links ─── */
+    th .sort-link { color: var(--text-1); text-decoration: none; text-transform: uppercase; letter-spacing: 0.5px; font-size: 11px; font-weight: 500; }
+    th .sort-link:hover { color: var(--text-0); text-decoration: none; }
+    th .sort-link.active { color: var(--accent); }
+    /* ─── Filters ─── */
+    .filters { display: flex; gap: 6px; align-items: center; flex-wrap: wrap; margin-bottom: 12px; }
+    .filter-pill { display: inline-block; padding: 2px 10px; border-radius: 4px; font-size: 12px; color: var(--text-1); background: transparent; border: 1px solid var(--border); }
+    .filter-pill:hover { background: var(--bg-2); color: var(--text-0); text-decoration: none; }
+    .filter-pill.active { background: var(--bg-2); color: var(--text-0); border-color: var(--text-1); }
+    .search-input { background: var(--bg-0); border: 1px solid var(--border); border-radius: 4px; padding: 5px 10px; color: var(--text-0); font-size: 13px; outline: none; min-width: 180px; }
+    .search-input:focus { border-color: var(--accent); }
+    .search-input::placeholder { color: var(--text-2); }
+    /* ─── Badges — pastel type colors ─── */
+    .badge { display: inline-block; padding: 1px 6px; border-radius: 3px; font-size: 11px; font-weight: 500; background: var(--bg-2); color: var(--text-1); }
+    .badge-http    { background: #ddf4ff; color: #0969da; }
+    .badge-job     { background: #fff8c5; color: #9a6700; }
+    .badge-custom  { background: #eaeef2; color: #656d76; }
+    .badge-sql     { background: #dafbe1; color: #1a7f37; }
+    .badge-view    { background: #fbefff; color: #8250df; }
+    .badge-cache   { background: #fff1e5; color: #bc4c00; }
+    .badge-mailer  { background: #fbefff; color: #8250df; }
+    .badge-storage { background: #fff1e5; color: #bc4c00; }
+    .badge-ok      { background: #dafbe1; color: var(--green); }
+    .badge-warn    { background: #fff8c5; color: var(--yellow); }
+    .badge-err     { background: #ffebe9; color: var(--red); }
+    .badge-error   { background: #ffebe9; color: var(--red); }
+    .badge-slow    { background: #fff8c5; color: var(--yellow); }
+    .badge-random  { background: var(--bg-2); color: var(--text-1); }
+    .badge-event   { background: #e8f0fe; color: #1967d2; }
+    /* ─── Status Dot ─── */
+    .status-dot { font-size: 13px; color: var(--text-1); display: inline-flex; align-items: center; gap: 6px; }
+    .status-dot .dot { display: inline-block; width: 7px; height: 7px; border-radius: 50%; flex-shrink: 0; }
+    /* ─── Typography ─── */
+    .mono { font-family: var(--font-mono); font-size: 13px; }
+    .text-muted { color: var(--text-2); }
+    .section-desc { color: var(--text-2); font-size: 13px; margin: -4px 0 12px; font-weight: 400; }
+    .time-rel { cursor: default; }
+    /* ─── Request Info Bar ─── */
+    .request-bar { border: 1px solid var(--border); border-radius: var(--radius); padding: 12px 16px; margin-bottom: 16px; display: flex; align-items: center; gap: 10px; flex-wrap: wrap; font-size: 14px; }
+    .request-bar .mono { font-size: 14px; }
+    .request-bar .sep { color: var(--text-2); }
+    /* ─── Context Section ─── */
+    .context-grid { display: grid; grid-template-columns: auto 1fr; gap: 4px 16px; font-size: 13px; }
+    .context-grid .ctx-key { color: var(--text-1); font-weight: 500; white-space: nowrap; }
+    .context-grid .ctx-val { color: var(--text-0); font-family: var(--font-mono); font-size: 12px; word-break: break-all; overflow-wrap: anywhere; }
+    .sample-layout { display: flex; gap: 20px; align-items: flex-start; }
+    .sample-main { flex: 1; min-width: 0; }
+    .sample-sidebar { flex: 0 0 320px; }
+    @media (max-width: 900px) { .sample-layout { flex-direction: column; } .sample-sidebar { flex: auto; width: 100%; } }
+    /* ─── Config Table ─── */
+    .config-table { background: var(--bg-1); border: 1px solid var(--border); border-radius: var(--radius); overflow: hidden; }
+    .config-table table { margin: 0; }
+    .config-table td { font-size: 13px; }
+    .config-table td:first-child { font-weight: 500; color: var(--text-0); }
+    .config-table tbody tr:nth-child(even) td { background: var(--bg-0); }
+    /* ─── Logo ─── */
+    .logo-cat { display: inline-block; font-family: var(--font-mono); font-size: 10px; line-height: 1.2; color: var(--text-2); white-space: pre; vertical-align: middle; margin-right: 8px; transition: color 0.15s; }
+    h1 a:hover .logo-cat { color: var(--accent); }
+    /* ─── Empty State ─── */
+    .empty-state { text-align: center; padding: 32px 24px; color: var(--text-2); }
+    .empty-state .empty-title { font-size: 14px; color: var(--text-1); margin-bottom: 4px; }
+    .empty-state .empty-hint { font-size: 13px; }
+    /* ─── Pagination ─── */
+    .pagination { display: flex; align-items: center; gap: 12px; margin: 16px 0; }
+    .pagination-info { font-size: 13px; color: var(--text-2); }
+    /* ─── Code / Backtrace ─── */
+    .source { color: var(--green); font-size: 12px; font-family: var(--font-mono); }
+    .sql-text { color: var(--accent); font-size: 12px; font-family: var(--font-mono); white-space: pre-wrap; word-break: break-all; }
+    .sql-wrap { display: flex; align-items: flex-start; gap: 2px; }
+    .sql-wrap .sql-text { display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; white-space: normal; }
+    .sql-wrap.open .sql-text { display: block; -webkit-line-clamp: unset; overflow: visible; white-space: pre-wrap; }
+    .sql-toggle { flex-shrink: 0; color: var(--text-2); font-size: 11px; cursor: pointer; padding: 0 4px; border-radius: 3px; user-select: none; line-height: 1.6; }
+    .sql-toggle:hover { color: var(--text-0); background: var(--bg-2); }
+    .backtrace-app { color: var(--text-0); font-weight: 500; }
+    .backtrace-lib { color: var(--text-2); }
+    .kv { display: inline-block; background: var(--bg-1); border: 1px solid var(--border); border-radius: 3px; padding: 2px 8px; margin: 2px; font-size: 13px; }
+    .kv .k { color: var(--text-1); }
+    .kv .v { color: var(--text-0); }
+    /* ─── Buttons ─── */
+    .btn { display: inline-block; padding: 5px 12px; border-radius: var(--radius); font-size: 13px; font-weight: 500; border: 1px solid var(--border); cursor: pointer; background: var(--bg-0); color: var(--text-1); }
+    .btn:hover { background: var(--bg-1); color: var(--text-0); text-decoration: none; }
+    .btn-primary { background: var(--bg-2); color: var(--text-0); border-color: var(--border); }
+    .btn-primary:hover { background: var(--border); }
+    .btn-danger { background: var(--bg-0); color: var(--text-2); border-color: var(--border); }
+    .btn-danger:hover { background: #ffebe9; color: var(--red); border-color: #ffcecb; }
+    .copy-btn { background: var(--bg-1); border: 1px solid var(--border); color: var(--text-2); padding: 3px 8px; border-radius: 3px; font-size: 11px; cursor: pointer; }
+    .copy-btn:hover { color: var(--text-0); background: var(--bg-2); }
+    /* ─── Collapsible ─── */
+    details.collapsible { border: 1px solid var(--border); border-radius: var(--radius); margin-bottom: 12px; }
+    details.collapsible summary { padding: 10px 14px 10px 28px; cursor: pointer; color: var(--text-1); font-size: 13px; list-style: none; user-select: none; position: relative; }
+    details.collapsible summary::-webkit-details-marker { display: none; }
+    details.collapsible summary::marker { display: none; content: ""; }
+    details.collapsible summary::before { content: "\25B8"; color: var(--text-2); position: absolute; left: 12px; top: 10px; }
+    details.collapsible[open] summary::before { content: "\25BE"; }
+    details.collapsible .details-body { padding: 0 14px 14px; }
+    details.collapsible-compact { border: none; margin: 0; }
+    details.collapsible-compact summary { padding: 4px 4px 4px 16px; font-size: 13px; font-family: var(--font-mono); cursor: pointer; color: var(--text-1); list-style: none; user-select: none; position: relative; }
+    details.collapsible-compact summary::-webkit-details-marker { display: none; }
+    details.collapsible-compact summary::marker { display: none; content: ""; }
+    details.collapsible-compact summary::before { content: "\25B8"; color: var(--text-2); position: absolute; left: 2px; top: 5px; font-size: 10px; }
+    details.collapsible-compact[open] summary::before { content: "\25BE"; }
+    details.collapsible-compact .details-body { padding: 4px 4px 4px 16px; }
+    /* ─── Waterfall ─── */
+    .bar-container { position: relative; height: 18px; background: var(--bg-2); border-radius: 3px; overflow: hidden; margin: 3px 0; }
+    .bar-fill { height: 100%; border-radius: 3px; display: flex; align-items: center; padding-left: 6px; font-size: 10px; color: var(--text-0); min-width: fit-content; }
+    .tree-indent { display: inline-block; color: var(--border); font-family: monospace; white-space: pre; user-select: none; }
+    .seg-toggle { display: inline-block; width: 16px; cursor: pointer; color: var(--text-2); font-size: 12px; user-select: none; text-align: center; vertical-align: middle; }
+    .seg-toggle:hover { color: var(--text-0); }
+    .seg-leaf { display: inline-block; width: 16px; }
+    /* ─── Bar Chart ─── */
+    .bar-chart-wrap { position: relative; }
+    .bar-chart-max { position: absolute; top: 2px; left: 4px; font-size: 11px; color: var(--text-2); font-family: var(--font-sans); pointer-events: none; line-height: 1; }
+    /* ─── Sparkline Interaction ─── */
+    .sparkline-tip { position: absolute; background: #ffffff; color: var(--text-0); font-size: 11px; font-family: var(--font-sans); padding: 4px 8px; border-radius: 4px; border: 1px solid var(--border); box-shadow: 0 2px 8px rgba(0,0,0,0.12); pointer-events: none; white-space: nowrap; z-index: 10; display: none; line-height: 1.3; }
+    /* ─── Error Hero ─── */
+    .error-hero { border: 1px solid var(--border); border-radius: var(--radius); padding: 20px; margin-bottom: 24px; }
+    .error-hero-class { font-size: 18px; font-weight: 700; color: var(--text-0); margin-bottom: 6px; font-family: var(--font-mono); }
+    .error-hero-message { font-size: 14px; color: var(--text-0); word-break: break-word; margin-bottom: 12px; line-height: 1.5; background: var(--bg-1); border-radius: 4px; padding: 8px 12px; }
+    .error-hero-meta { display: flex; gap: 16px; align-items: center; font-size: 13px; color: var(--text-1); }
+    .error-hero-meta .badge { font-size: 12px; padding: 2px 8px; }
+    .error-hero-meta .occurrence-count { font-weight: 600; font-size: 14px; color: var(--text-0); }
+    /* ─── Pipeline Diagram ─── */
+    .pipeline { display: flex; align-items: stretch; gap: 0; margin: 20px 0; flex-wrap: wrap; }
+    .pipeline-node { background: var(--bg-1); border: 1px solid var(--border); border-radius: var(--radius); padding: 16px 20px; text-align: center; min-width: 160px; flex: 1; }
+    .pipeline-node .node-label { font-size: 11px; color: var(--text-1); text-transform: uppercase; letter-spacing: 0.5px; }
+    .pipeline-node .node-value { font-size: 22px; font-weight: 600; color: var(--text-0); margin-top: 4px; }
+    .pipeline-node .node-detail { font-size: 12px; color: var(--text-2); margin-top: 4px; line-height: 1.4; }
+    .pipeline-node .node-icon { margin-bottom: 6px; line-height: 1; opacity: 0.5; }
+    .pipeline-arrow { color: var(--text-2); font-size: 22px; padding: 0 6px; display: flex; align-items: center; }
+    @keyframes pulse-dot { 0%, 100% { opacity: 1; } 50% { opacity: 0.3; } }
+    .pulse { display: inline-block; width: 8px; height: 8px; border-radius: 50%; animation: pulse-dot 2s ease-in-out infinite; }
+    @keyframes flow-arrow { 0% { opacity: 0.3; } 50% { opacity: 1; } 100% { opacity: 0.3; } }
+    .pipeline-arrow svg { animation: flow-arrow 1.5s ease-in-out infinite; }
+    .footer { margin-top: 40px; padding-top: 16px; border-top: 1px solid var(--border); color: var(--text-2); font-size: 12px; text-align: center; }
+    /* ─── Table Scroll ─── */
+    .table-scroll { overflow-x: auto; -webkit-overflow-scrolling: touch; }
+    /* ─── Responsive ─── */
+    @media (max-width: 768px) {
+      body { padding: 16px 12px; }
+      .grid-hero { grid-template-columns: 1fr; }
+      .grid { grid-template-columns: repeat(auto-fit, minmax(120px, 1fr)); }
+      .card .value { font-size: 20px; }
+      .filters { gap: 4px; }
+      .header { flex-wrap: wrap; }
+      .table-scroll { margin: 0 -12px; padding: 0 12px; }
+      .pipeline { flex-direction: column; align-items: stretch; }
+      .pipeline-node { min-width: auto; }
+      .pipeline-arrow { justify-content: center; padding: 4px 0; }
+      .pipeline-arrow svg { transform: rotate(90deg); }
+    }
+  </style>
+</head>
+<body>
+  <div class="header">
+    <h1><a href="<%= catpm.status_index_path %>"><span class="logo-cat"> &#x2571;&#x005C;_&#x2571;&#x005C;
+( &#xB7;.&#xB7; )
+  &#x2283;&#x2234;&#x2282;</span>catpm</a></h1>
+  </div>
+  <div class="header-sub"><%= yield :subtitle if content_for?(:subtitle) %></div>
+  <% if flash[:notice] %>
+    <div class="flash flash-notice"><%= flash[:notice] %></div>
+  <% end %>
+  <% if flash[:alert] %>
+    <div class="flash flash-alert"><%= flash[:alert] %></div>
+  <% end %>
+  <%= yield %>
+  <div class="footer">catpm v<%= Catpm::VERSION %></div>
+  <script>
+    function toggleSegment(btn) {
+      var segId = btn.getAttribute('data-seg');
+      var isCollapsed = btn.textContent.trim() === '\u25B8';
+      btn.textContent = isCollapsed ? '\u25BE' : '\u25B8';
+      var table = btn.closest('table');
+      var rows = table.querySelectorAll('tbody tr');
+      var segDepth = null, found = false;
+      var skipBelow = -1;
+      for (var i = 0; i < rows.length; i++) {
+        var row = rows[i];
+        if (row.getAttribute('data-seg') === segId) { found = true; segDepth = parseInt(row.getAttribute('data-depth')); continue; }
+        if (!found) continue;
+        var d = parseInt(row.getAttribute('data-depth'));
+        if (d <= segDepth) break;
+        if (isCollapsed) {
+          // Expanding: show direct children, skip nested collapsed subtrees
+          if (skipBelow >= 0 && d > skipBelow) continue;
+          skipBelow = -1;
+          row.removeAttribute('data-collapsed');
+          var t = row.querySelector('.seg-toggle');
+          if (t && t.textContent.trim() === '\u25B8') skipBelow = d;
+        } else {
+          // Collapsing: hide all descendants, preserve their toggles
+          row.setAttribute('data-collapsed', '');
+        }
+      }
+    }
+    function toggleOccurrence(row) {
+      var idx = row.getAttribute('data-occurrence');
+      var detail = document.getElementById('detail-' + idx);
+      if (!detail) return;
+      var open = detail.style.display !== 'none';
+      detail.style.display = open ? 'none' : 'table-row';
+      row.classList.toggle('open', !open);
+    }
+    function copyText(el) {
+      var text = el.parentElement.querySelector('pre').textContent;
+      navigator.clipboard.writeText(text).then(function() { el.textContent = 'Copied!'; setTimeout(function() { el.textContent = 'Copy'; }, 1500); });
+    }
+    function filterByText(inputId, tableId) {
+      var q = document.getElementById(inputId).value.toLowerCase();
+      document.getElementById(tableId).querySelectorAll('tbody tr').forEach(function(row) {
+        row.style.display = row.textContent.toLowerCase().indexOf(q) !== -1 ? '' : 'none';
+      });
+    }
+    /* Sparkline hover */
+    var sparkTip = null;
+    var sparkTarget = null;
+    document.addEventListener('mouseover', function(e) {
+      if (!e.target.classList.contains('sparkline-dot')) return;
+      var dot = e.target;
+      sparkTarget = dot;
+      if (!sparkTip) { sparkTip = document.createElement('div'); sparkTip.className = 'sparkline-tip'; document.body.appendChild(sparkTip); }
+      var val = dot.dataset.value || '';
+      var time = dot.dataset.time || '';
+      sparkTip.innerHTML = '<strong>' + val + '</strong>' + (time ? '<br>' + time : '');
+      sparkTip.style.display = 'block';
+    });
+    document.addEventListener('mousemove', function(e) {
+      if (!sparkTip || sparkTip.style.display === 'none') return;
+      sparkTip.style.left = (e.pageX) + 'px';
+      sparkTip.style.top = (e.pageY + 16) + 'px';
+    });
+    document.addEventListener('mouseout', function(e) {
+      if (!e.target.classList.contains('sparkline-dot')) return;
+      sparkTarget = null;
+      if (sparkTip) sparkTip.style.display = 'none';
+    });
+    document.addEventListener('keydown', function(e) {
+      if (e.target.tagName === 'INPUT' || e.target.tagName === 'TEXTAREA') return;
+      if (e.key === '/') {
+        e.preventDefault();
+        var search = document.querySelector('.search-input');
+        if (search) search.focus();
+      }
+    });
+  </script>
+</body>
+</html>

data/config/routes.rb ADDED Viewed

@@ -0,0 +1,19 @@
+# frozen_string_literal: true
+Catpm::Engine.routes.draw do
+  root 'status#index'
+  resources :status, only: [:index]
+  resources :system, only: [:index]
+  get 'endpoint', to: 'endpoints#show', as: :endpoint
+  resources :samples, only: [:show]
+  resources :events, only: [:index, :show], param: :name
+  resources :errors, only: [:index, :show, :destroy] do
+    collection do
+      post :resolve_all
+    end
+    member do
+      patch :resolve
+      patch :unresolve
+    end
+  end
+end

data/db/migrate/20250601000001_create_catpm_tables.rb ADDED Viewed

@@ -0,0 +1,104 @@
+# frozen_string_literal: true
+class CreateCatpmTables < ActiveRecord::Migration[8.0]
+  def up
+    create_table :catpm_buckets do |t|
+      t.string :kind, null: false
+      t.string :target, null: false
+      t.string :operation, null: false, default: ''
+      t.datetime :bucket_start, null: false
+      t.integer :count, null: false, default: 0
+      t.integer :success_count, null: false, default: 0
+      t.integer :failure_count, null: false, default: 0
+      t.float :duration_sum, null: false, default: 0.0
+      t.float :duration_max, null: false, default: 0.0
+      t.float :duration_min, null: false, default: 0.0
+      t.json :metadata_sum
+      t.binary :p95_digest
+    end
+    add_index :catpm_buckets, [:kind, :target, :operation, :bucket_start],
+              unique: true, name: 'idx_catpm_buckets_unique'
+    add_index :catpm_buckets, :bucket_start, name: 'idx_catpm_buckets_time'
+    add_index :catpm_buckets, [:kind, :bucket_start], name: 'idx_catpm_buckets_kind_time'
+    create_table :catpm_samples do |t|
+      t.references :bucket, null: false, foreign_key: { to_table: :catpm_buckets }
+      t.string :kind, null: false
+      t.string :sample_type, null: false
+      t.datetime :recorded_at, null: false
+      t.float :duration, null: false
+      t.json :context
+    end
+    add_index :catpm_samples, :recorded_at, name: 'idx_catpm_samples_time'
+    add_index :catpm_samples, [:kind, :recorded_at], name: 'idx_catpm_samples_kind_time'
+    create_table :catpm_errors do |t|
+      t.string :fingerprint, null: false, limit: 64
+      t.string :kind, null: false
+      t.string :error_class, null: false
+      t.text :message
+      t.integer :occurrences_count, null: false, default: 0
+      t.datetime :first_occurred_at, null: false
+      t.datetime :last_occurred_at, null: false
+      t.json :contexts
+      t.datetime :resolved_at
+    end
+    add_index :catpm_errors, :fingerprint, unique: true, name: 'idx_catpm_errors_fingerprint'
+    add_index :catpm_errors, [:kind, :last_occurred_at], name: 'idx_catpm_errors_kind_time'
+    create_table :catpm_event_buckets do |t|
+      t.string :name, null: false
+      t.datetime :bucket_start, null: false
+      t.integer :count, null: false, default: 0
+    end
+    add_index :catpm_event_buckets, [:name, :bucket_start],
+              unique: true, name: 'idx_catpm_event_buckets_unique'
+    add_index :catpm_event_buckets, :bucket_start, name: 'idx_catpm_event_buckets_time'
+    create_table :catpm_event_samples do |t|
+      t.string :name, null: false
+      t.json :payload
+      t.datetime :recorded_at, null: false
+    end
+    add_index :catpm_event_samples, [:name, :recorded_at], name: 'idx_catpm_event_samples_name_time'
+    add_index :catpm_event_samples, :recorded_at, name: 'idx_catpm_event_samples_time'
+    if postgresql?
+      execute <<~SQL
+        CREATE OR REPLACE FUNCTION catpm_merge_jsonb_sums(a jsonb, b jsonb)
+        RETURNS jsonb AS $$
+          SELECT COALESCE(a, '{}'::jsonb) || (
+            SELECT jsonb_object_agg(key, COALESCE((a ->> key)::numeric, 0) + value::numeric)
+            FROM jsonb_each_text(COALESCE(b, '{}'::jsonb))
+          );
+        $$ LANGUAGE sql IMMUTABLE;
+      SQL
+    end
+  end
+  def down
+    if postgresql?
+      execute 'DROP FUNCTION IF EXISTS catpm_merge_jsonb_sums(jsonb, jsonb);'
+    end
+    drop_table :catpm_event_samples, if_exists: true
+    drop_table :catpm_event_buckets, if_exists: true
+    drop_table :catpm_errors, if_exists: true
+    drop_table :catpm_samples, if_exists: true
+    drop_table :catpm_buckets, if_exists: true
+  end
+  private
+  def postgresql?
+    ActiveRecord::Base.connection.adapter_name =~ /PostgreSQL/i
+  end
+end

data/lib/catpm/adapter/base.rb ADDED Viewed

@@ -0,0 +1,85 @@
+# frozen_string_literal: true
+module Catpm
+  module Adapter
+    module Base
+      def persist_buckets(aggregated_buckets)
+        raise NotImplementedError
+      end
+      def persist_errors(error_records)
+        raise NotImplementedError
+      end
+      def persist_event_buckets(event_buckets)
+        raise NotImplementedError
+      end
+      def persist_event_samples(event_samples)
+        raise NotImplementedError
+      end
+      def persist_samples(samples, bucket_map)
+        ActiveRecord::Base.connection_pool.with_connection do
+          samples.each_slice(Catpm.config.persistence_batch_size) do |batch|
+            records = batch.filter_map do |sample_data|
+              bucket = bucket_map[sample_data[:bucket_key]]
+              next unless bucket
+              {
+                bucket_id: bucket.id,
+                kind: sample_data[:kind],
+                sample_type: sample_data[:sample_type],
+                recorded_at: sample_data[:recorded_at],
+                duration: sample_data[:duration],
+                context: sample_data[:context]
+              }
+            end
+            Catpm::Sample.insert_all(records) if records.any?
+          end
+        end
+      end
+      def modulo_bucket_sql(interval)
+        raise NotImplementedError
+      end
+      def merge_metadata_sum(existing, incoming)
+        existing = parse_json(existing)
+        incoming = parse_json(incoming)
+        incoming.each do |key, value|
+          existing[key] = (existing[key] || 0).to_f + value.to_f
+        end
+        existing
+      end
+      def merge_digest(existing_blob, new_blob)
+        existing = existing_blob ? TDigest.deserialize(existing_blob) : TDigest.new
+        incoming = new_blob ? TDigest.deserialize(new_blob) : TDigest.new
+        existing.merge(incoming)
+        existing.empty? ? nil : existing.serialize
+      end
+      def merge_contexts(existing_contexts, new_contexts)
+        combined = (existing_contexts + new_contexts)
+        combined.last(Catpm.config.max_error_contexts)
+      end
+      private
+      def parse_json(value)
+        case value
+        when Hash then value.transform_keys(&:to_s)
+        when String then JSON.parse(value)
+        when NilClass then {}
+        else {}
+        end
+      rescue JSON::ParserError
+        {}
+      end
+    end
+  end
+end