kemal.earth 376d85d7b2 fix(studio): query performance query column truncation (#45878) ...

## I have read the
[CONTRIBUTING.md](https://github.com/supabase/supabase/blob/master/CONTRIBUTING.md)
file.

YES

## What kind of change does this PR introduce?

Previously our Query Performance Query column was scrollable inline.
This means if you have thicc scrollbars turned on via your OS, it would
look a bit clunky. This fix truncates query, full query still viewable
in the click through sheet.

| Before | After |
|--------|--------|
| <img width="1106" height="1164" alt="cleanshot_2026-05-13_at_18 56
16_2x"
src="https://github.com/user-attachments/assets/4718e8d7-d3c5-499b-a125-6192ac547bfe"
/> | <img width="456" height="286" alt="Screenshot 2026-05-13 at 13 34
30"
src="https://github.com/user-attachments/assets/7446afb5-c0d7-4272-905a-42c144334472"
/> |






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

## Summary by CodeRabbit

## Release Notes

* **Style**
* Adjusted query column width in the query performance monitoring table
for optimized layout.

* **Bug Fixes**
* Enhanced query display rendering with improved data type handling to
prevent potential display issues.

<!-- review_stack_entry_start -->

[![Review Change
Stack](https://storage.googleapis.com/coderabbit_public_assets/review-stack-in-coderabbit-ui.svg)](https://app.coderabbit.ai/change-stack/supabase/supabase/pull/45878)

<!-- review_stack_entry_end -->

<!-- end of auto-generated comment: release notes by coderabbit.ai -->

2026-05-13 13:48:50 +01:00

..

components

style: require sorted imports in studio/components (#44408)

2026-04-01 10:22:37 +02:00

constants

…

hooks

Enforce noUnusedLocals and noUnusedParameters in tsconfig.json + fix all related issues (#45264)

2026-04-27 17:42:34 +08:00

IndexAdvisor

Consolidate grid header actions in table editor into a single row (#45504)

2026-05-06 10:53:49 +08:00

WithStatements

feat(studio): mark sql provenance for safety (#45336)

2026-05-04 13:08:06 -04:00

QueryDetail.tsx

fix(studio): query performance detail panel metadata (#45690)

2026-05-07 16:55:33 +01:00

QueryIndexes.tsx

chore: Migrate the monorepo to use Tailwind v4 (#45318)

2026-04-30 10:53:24 +00:00

QueryPanel.tsx

fix(studio): coerce index advisor cost values to numbers (#44397)

2026-04-02 13:30:00 +00:00

QueryPerformance.ai.ts

style: require sorted imports in studio/components (#44408)

2026-04-01 10:22:37 +02:00

QueryPerformance.constants.ts

fix(studio): query performance query column truncation (#45878)

2026-05-13 13:48:50 +01:00

QueryPerformance.tsx

style: require sorted imports in studio/components (#44408)

2026-04-01 10:22:37 +02:00

QueryPerformance.types.ts

feat(studio): mark sql provenance for safety (#45336)

2026-05-04 13:08:06 -04:00

QueryPerformance.utils.test.ts

style: require sorted imports in studio/components (#44408)

2026-04-01 10:22:37 +02:00

QueryPerformance.utils.ts

style: require sorted imports in studio/components (#44408)

2026-04-01 10:22:37 +02:00

QueryPerformanceChart.tsx

chore: Migrate the monorepo to use Tailwind v4 (#45318)

2026-04-30 10:53:24 +00:00

QueryPerformanceFilterBar.tsx

chore: Prep work for migrating to Tailwind v4 (#45285)

2026-04-28 11:33:53 +02:00

QueryPerformanceGrid.tsx

fix(studio): query performance query column truncation (#45878)

2026-05-13 13:48:50 +01:00

QueryPerformanceMetrics.tsx

chore: Migrate the monorepo to use Tailwind v4 (#45318)

2026-04-30 10:53:24 +00:00

SqlMonacoBlock.tsx

chore: Migrate the monorepo to use Tailwind v4 (#45318)

2026-04-30 10:53:24 +00:00

useQueryPerformanceQuery.test.ts

fix(observability): guard pg_stat_statements queries against missing extension FE-2843 (#44357)

2026-03-31 17:23:39 +02:00

useQueryPerformanceQuery.ts

fix: escaping in performance queries (#44425)

2026-04-01 14:00:42 +02:00