feat: initial supamonitor changes (#42313)

Add a Query Performance page implementation powered by
[supamonitor](https://github.com/supabase/supamonitor).
[Context](https://linear.app/supabase/project/build-extension-for-supabase-query-insights-df4fb145352c/overview)

This looks largely the same as the pg_stat_monitor implementation:

<img width="2556" height="960" alt="Screenshot 2026-02-12 at 7 35 47 PM"
src="https://github.com/user-attachments/assets/bf37466e-f7af-41f2-b4f2-cf8eb6a8c76f"
/>

Only available on projects on custom AMI - existing users are unaffected

<!-- This is an auto-generated comment: release notes by coderabbit.ai
-->
## Summary by CodeRabbit

* **New Features**
* Supamonitor-based query performance view: charts, aggregated metrics,
date-range controls, and export/download.
  * Added "Application" column for per-application tracking.
* Interactive Supamonitor grid: sorting, filtering, keyboard navigation,
selection, retry/error handling.
* Automatic per-project Supamonitor detection with toggleable UI
integration.

* **Bug Fixes**
* Chart latency calculation prefers histogram data for more accurate
p95.

* **Documentation**
  * Minor blog formatting fix.
<!-- end of auto-generated comment: release notes by coderabbit.ai -->

---------

Co-authored-by: kemal <hello@kemal.earth>
Co-authored-by: Ali Waseem <waseema393@gmail.com>
This commit is contained in:
Bobbie Soedirgo
2026-02-17 15:11:46 +08:00
committed by GitHub
parent 46053398de
commit 105df5291d
19 changed files with 800 additions and 505 deletions

View File

@@ -28,22 +28,11 @@ export const formatDuration = (milliseconds: number) => {
return parts.length > 0 ? parts.join(' ') : '0s'
}
export const transformLogsToJSON = (log: string) => {
try {
let jsonString = log.replace('[pg_stat_monitor] ', '')
jsonString = jsonString.replace(/""/g, '","')
const jsonObject = JSON.parse(jsonString)
return jsonObject
} catch (error) {
return null
}
}
export type QueryPerformanceErrorContext = {
projectRef?: string
databaseIdentifier?: string
queryPreset?: string
queryType?: 'hitRate' | 'metrics' | 'mainQuery' | 'monitor' | 'slowQueriesCount'
queryType?: 'hitRate' | 'metrics' | 'mainQuery' | 'slowQueriesCount' | 'supamonitor'
sql?: string
errorMessage?: string
postgresVersion?: string