From 561f4fffb461f681c18920b0dd5fb534b0dc71c9 Mon Sep 17 00:00:00 2001
From: Eyal Ehrlich <eyal.ehrlich@supabase.io>
Date: Thu, 29 Jan 2026 11:29:20 +0100
Subject: [PATCH 1/6] Add 'Eyal Ehrlich!' to the list of contributors (#42280)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

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

YES/NO

## What kind of change does this PR introduce?

Bug fix, feature, docs update, ...

## What is the current behavior?

Please link any relevant issues here.

## What is the new behavior?

Feel free to include screenshots if it includes visual changes.

## Additional context

Add any other context or screenshots.


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

## Summary by CodeRabbit

* **Chores**
  * Updated contributors list.

<sub>✏️ Tip: You can customize this high-level summary in your review
settings.</sub>

<!-- end of auto-generated comment: release notes by coderabbit.ai -->
---
 apps/docs/public/humans.txt | 1 +
 1 file changed, 1 insertion(+)

diff --git a/apps/docs/public/humans.txt b/apps/docs/public/humans.txt
index 8a16b89d8aa10..4897a221bbcd8 100644
--- a/apps/docs/public/humans.txt
+++ b/apps/docs/public/humans.txt
@@ -66,6 +66,7 @@ Eliot Whalan
 Emmett Folger
 Eric Kharitonashvili
 Etienne Stalmans
+Eyal Ehrlich
 Fabrizio Cataldo
 Fabrizio Fenoglio
 Fady A

From 5d85e33bc4e9db25a33420e234c44cbb37eeea4e Mon Sep 17 00:00:00 2001
From: "supabase-supabase-autofixer[bot]"
 <248690971+supabase-supabase-autofixer[bot]@users.noreply.github.com>
Date: Thu, 29 Jan 2026 13:11:12 +0200
Subject: [PATCH 2/6] feat: update @supabase/*-js libraries to v2.93.2 (#42228)

This PR updates @supabase/*-js libraries to version 2.93.2.

**Source**: supabase-js-stable-release

**Changes**:
- Updated @supabase/supabase-js to 2.93.2
- Updated @supabase/auth-js to 2.93.2
- Updated @supabase/realtime-js to 2.93.2
- Updated @supabase/postgest-js to 2.93.2
- Refreshed pnpm-lock.yaml

This PR was created automatically.

Co-authored-by: supabase-releaser[bot] <223506987+supabase-releaser[bot]@users.noreply.github.com>
---
 pnpm-lock.yaml      | 110 ++++++++++++++++++++++----------------------
 pnpm-workspace.yaml |   8 ++--
 2 files changed, 59 insertions(+), 59 deletions(-)

diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index eae1ffc40d976..9a1e6d88148b0 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -10,17 +10,17 @@ catalogs:
       specifier: ^10.26.0
       version: 10.27.0
     '@supabase/auth-js':
-      specifier: 2.93.1
-      version: 2.93.1
+      specifier: 2.93.2
+      version: 2.93.2
     '@supabase/postgrest-js':
-      specifier: 2.93.1
-      version: 2.93.1
+      specifier: 2.93.2
+      version: 2.93.2
     '@supabase/realtime-js':
-      specifier: 2.93.1
-      version: 2.93.1
+      specifier: 2.93.2
+      version: 2.93.2
     '@supabase/supabase-js':
-      specifier: 2.93.1
-      version: 2.93.1
+      specifier: 2.93.2
+      version: 2.93.2
     '@types/node':
       specifier: ^22.0.0
       version: 22.13.14
@@ -440,10 +440,10 @@ importers:
         version: 1.0.3(@types/react-dom@18.3.0)(@types/react@18.3.3)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
       '@sentry/nextjs':
         specifier: 'catalog:'
-        version: 10.27.0(@opentelemetry/context-async-hooks@2.2.0(@opentelemetry/api@1.9.0))(@opentelemetry/core@2.2.0(@opentelemetry/api@1.9.0))(@opentelemetry/sdk-trace-base@2.2.0(@opentelemetry/api@1.9.0))(encoding@0.1.13)(next@15.5.10(@opentelemetry/api@1.9.0)(@playwright/test@1.56.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(sass@1.77.4))(react@18.3.1)(supports-color@8.1.1)(webpack@5.94.0)
+        version: 10.27.0(@opentelemetry/context-async-hooks@2.2.0(@opentelemetry/api@1.9.0))(@opentelemetry/core@2.2.0(@opentelemetry/api@1.9.0))(@opentelemetry/sdk-trace-base@2.2.0(@opentelemetry/api@1.9.0))(encoding@0.1.13)(next@15.5.10(@babel/core@7.28.4(supports-color@8.1.1))(@opentelemetry/api@1.9.0)(@playwright/test@1.56.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(sass@1.77.4))(react@18.3.1)(supports-color@8.1.1)(webpack@5.94.0)
       '@supabase/supabase-js':
         specifier: 'catalog:'
-        version: 2.93.1
+        version: 2.93.2
       '@tailwindcss/container-queries':
         specifier: ^0.1.1
         version: 0.1.1(tailwindcss@3.4.1(ts-node@10.9.2(@types/node@22.13.14)(typescript@5.9.2)))
@@ -870,7 +870,7 @@ importers:
         version: 7.5.0
       '@supabase/auth-js':
         specifier: 'catalog:'
-        version: 2.93.1
+        version: 2.93.2
       '@supabase/mcp-server-supabase':
         specifier: ^0.6.2
         version: 0.6.2(@modelcontextprotocol/sdk@1.25.3(hono@4.11.4)(supports-color@8.1.1)(zod@3.25.76))(zod@3.25.76)
@@ -882,7 +882,7 @@ importers:
         version: link:../../packages/pg-meta
       '@supabase/realtime-js':
         specifier: 'catalog:'
-        version: 2.93.1
+        version: 2.93.2
       '@supabase/shared-types':
         specifier: 0.1.83
         version: 0.1.83
@@ -891,7 +891,7 @@ importers:
         version: 0.1.6(encoding@0.1.13)(supports-color@8.1.1)
       '@supabase/supabase-js':
         specifier: 'catalog:'
-        version: 2.93.1
+        version: 2.93.2
       '@tanstack/react-query':
         specifier: ^5.0.0
         version: 5.83.0(react@18.3.1)
@@ -1402,7 +1402,7 @@ importers:
         version: 7.4.0(@react-router/dev@7.9.6(@types/node@22.13.14)(@vitejs/plugin-rsc@0.5.9(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(vite@7.1.11(@types/node@22.13.14)(jiti@2.5.1)(sass@1.77.4)(terser@5.39.0)(tsx@4.20.3)(yaml@2.8.1)))(babel-plugin-macros@3.1.0)(jiti@2.5.1)(react-router@7.12.0(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(sass@1.77.4)(supports-color@8.1.1)(terser@5.39.0)(tsx@4.20.3)(typescript@5.9.2)(vite@7.1.11(@types/node@22.13.14)(jiti@2.5.1)(sass@1.77.4)(terser@5.39.0)(tsx@4.20.3)(yaml@2.8.1))(yaml@2.8.1))(typescript@5.9.2)
       '@supabase/postgrest-js':
         specifier: 'catalog:'
-        version: 2.93.1
+        version: 2.93.2
       '@supabase/supa-mdx-lint':
         specifier: 0.2.6-alpha
         version: 0.2.6-alpha
@@ -1523,10 +1523,10 @@ importers:
         version: 1.6.0
       '@supabase/ssr':
         specifier: ^0.7.0
-        version: 0.7.0(@supabase/supabase-js@2.93.1)
+        version: 0.7.0(@supabase/supabase-js@2.93.2)
       '@supabase/supabase-js':
         specifier: 'catalog:'
-        version: 2.93.1
+        version: 2.93.2
       '@tanstack/react-router':
         specifier: ^1.114.27
         version: 1.114.27(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
@@ -1637,10 +1637,10 @@ importers:
         version: 1.0.5(@types/react-dom@18.3.0)(@types/react@18.3.3)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
       '@sentry/nextjs':
         specifier: 'catalog:'
-        version: 10.27.0(@opentelemetry/context-async-hooks@2.2.0(@opentelemetry/api@1.9.0))(@opentelemetry/core@2.2.0(@opentelemetry/api@1.9.0))(@opentelemetry/sdk-trace-base@2.2.0(@opentelemetry/api@1.9.0))(encoding@0.1.13)(next@15.5.10(@opentelemetry/api@1.9.0)(@playwright/test@1.56.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(sass@1.77.4))(react@18.3.1)(supports-color@8.1.1)(webpack@5.94.0)
+        version: 10.27.0(@opentelemetry/context-async-hooks@2.2.0(@opentelemetry/api@1.9.0))(@opentelemetry/core@2.2.0(@opentelemetry/api@1.9.0))(@opentelemetry/sdk-trace-base@2.2.0(@opentelemetry/api@1.9.0))(encoding@0.1.13)(next@15.5.10(@babel/core@7.28.4(supports-color@8.1.1))(@opentelemetry/api@1.9.0)(@playwright/test@1.56.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(sass@1.77.4))(react@18.3.1)(supports-color@8.1.1)(webpack@5.94.0)
       '@supabase/supabase-js':
         specifier: 'catalog:'
-        version: 2.93.1
+        version: 2.93.2
       '@vercel/og':
         specifier: ^0.6.2
         version: 0.6.2
@@ -1727,13 +1727,13 @@ importers:
         version: 4.4.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(supports-color@8.1.1)
       next-seo:
         specifier: ^6.5.0
-        version: 6.5.0(next@15.5.10(@opentelemetry/api@1.9.0)(@playwright/test@1.56.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(sass@1.77.4))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+        version: 6.5.0(next@15.5.10(@babel/core@7.28.4(supports-color@8.1.1))(@opentelemetry/api@1.9.0)(@playwright/test@1.56.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(sass@1.77.4))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
       next-themes:
         specifier: ^0.3.0
         version: 0.3.0(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
       nuqs:
         specifier: ^2.8.1
-        version: 2.8.1(@tanstack/react-router@1.114.27(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(next@15.5.10(@opentelemetry/api@1.9.0)(@playwright/test@1.56.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(sass@1.77.4))(react-router@7.12.0(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(react@18.3.1)
+        version: 2.8.1(@tanstack/react-router@1.114.27(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(next@15.5.10(@babel/core@7.28.4(supports-color@8.1.1))(@opentelemetry/api@1.9.0)(@playwright/test@1.56.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(sass@1.77.4))(react-router@7.12.0(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(react@18.3.1)
       openai:
         specifier: ^4.75.1
         version: 4.104.0(encoding@0.1.13)(ws@8.18.3)(zod@3.25.76)
@@ -1872,10 +1872,10 @@ importers:
     dependencies:
       '@supabase/ssr':
         specifier: ^0.7.0
-        version: 0.7.0(@supabase/supabase-js@2.93.1)
+        version: 0.7.0(@supabase/supabase-js@2.93.2)
       '@supabase/supabase-js':
         specifier: 'catalog:'
-        version: 2.93.1
+        version: 2.93.2
       class-variance-authority:
         specifier: ^0.7.1
         version: 0.7.1
@@ -1915,7 +1915,7 @@ importers:
         version: 1.56.1
       '@supabase/supabase-js':
         specifier: 'catalog:'
-        version: 2.93.1
+        version: 2.93.2
       cross-fetch:
         specifier: ^4.1.0
         version: 4.1.0(encoding@0.1.13)
@@ -1943,7 +1943,7 @@ importers:
         version: 0.18.5
       '@supabase/supabase-js':
         specifier: 'catalog:'
-        version: 2.93.1
+        version: 2.93.2
       ai:
         specifier: 5.0.52
         version: 5.0.52(zod@3.25.76)
@@ -2037,10 +2037,10 @@ importers:
     dependencies:
       '@supabase/auth-js':
         specifier: 'catalog:'
-        version: 2.93.1
+        version: 2.93.2
       '@supabase/supabase-js':
         specifier: 'catalog:'
-        version: 2.93.1
+        version: 2.93.2
       '@types/dat.gui':
         specifier: ^0.7.12
         version: 0.7.12
@@ -2521,7 +2521,7 @@ importers:
         version: 0.1.6(encoding@0.1.13)(supports-color@8.1.1)
       '@supabase/supabase-js':
         specifier: 'catalog:'
-        version: 2.93.1
+        version: 2.93.2
       '@vitest/coverage-v8':
         specifier: ^3.2.0
         version: 3.2.4(supports-color@8.1.1)(vitest@3.2.4)
@@ -8914,12 +8914,12 @@ packages:
     resolution: {integrity: sha512-Cq3KKe+G1o7PSBMbmrgpT2JgBeyH2THHr3RdIX2MqF7AnBuspIMgtZ3ktcCgP7kZsTMvnmWymr7zZCT1zeWbMw==}
     engines: {node: '>=12.16'}
 
-  '@supabase/auth-js@2.93.1':
-    resolution: {integrity: sha512-pC0Ek4xk4z6q7A/3+UuZ/eYgfFUUQTg3DhapzrAgJnFGDJDFDyGCj6v9nIz8+3jfLqSZ3QKGe6AoEodYjShghg==}
+  '@supabase/auth-js@2.93.2':
+    resolution: {integrity: sha512-uifI5vkhvHCQjn+LUPL5QlsuDMP4oVBD5SiliREgYuTJvCkbPLOcAPGrw88q7VUX9S0J0QuJn+37hrcTITisuw==}
     engines: {node: '>=20.0.0'}
 
-  '@supabase/functions-js@2.93.1':
-    resolution: {integrity: sha512-Ott2IcIXHGupaC0nX9WNEiJAX4OdlGRu9upkkURaQHbaLdz9JuCcHxlwTERgtgjMpikbIWHfMM1M9QTQFYABiA==}
+  '@supabase/functions-js@2.93.2':
+    resolution: {integrity: sha512-reSp7yj4KmvAFfmN+N7vYsHXOIZQh9cmRBh+VrZlm7qgIIUdYmzKuD85TvFnWApqcdI2pPnuZGKWE/2B4GXT1A==}
     engines: {node: '>=20.0.0'}
 
   '@supabase/mcp-server-supabase@0.6.2':
@@ -8939,12 +8939,12 @@ packages:
     resolution: {integrity: sha512-vz5gc6RKNfDVnIfRUmH2ssTMYFI0U3MYOVyQ9R4YkzOS2dKSanjC4rTEDGjlMFwGTCUPW3N3pbY7HJIW81wMyg==}
     engines: {node: '>=16', npm: '>=8'}
 
-  '@supabase/postgrest-js@2.93.1':
-    resolution: {integrity: sha512-uRKKQJBDnfi6XFNFPNMh9+u3HT2PCgp065PcMPmG7e0xGuqvLtN89QxO2/SZcGbw2y1+mNBz0yUs5KmyNqF2fA==}
+  '@supabase/postgrest-js@2.93.2':
+    resolution: {integrity: sha512-W2AWDsYwRT217II5yD3jWaX3fJjB7DwyNi2KNi4sphdUI3DKY4fP2XYVDGfeb1clEFL18gw+GBhyQb3BcpNWkw==}
     engines: {node: '>=20.0.0'}
 
-  '@supabase/realtime-js@2.93.1':
-    resolution: {integrity: sha512-2WaP/KVHPlQDjWM6qe4wOZz6zSRGaXw1lfXf4thbfvk3C3zPPKqXRyspyYnk3IhphyxSsJ2hQ/cXNOz48008tg==}
+  '@supabase/realtime-js@2.93.2':
+    resolution: {integrity: sha512-YpAmJn7DLbMeYfQilcf3f0DKoY8O8TRbTF2oRpWFzHXTlEA+YWms8fBqM13Mf7RE72ouSNKDYyf5K2pWRSHvFw==}
     engines: {node: '>=20.0.0'}
 
   '@supabase/shared-types@0.1.83':
@@ -8958,8 +8958,8 @@ packages:
     peerDependencies:
       '@supabase/supabase-js': ^2.43.4
 
-  '@supabase/storage-js@2.93.1':
-    resolution: {integrity: sha512-3KVwd4S1i1BVPL6KIywe5rnruNQXSkLyvrdiJmwnqwbCcDujQumARdGWBPesqCjOPKEU2M9ORWKAsn+2iLzquA==}
+  '@supabase/storage-js@2.93.2':
+    resolution: {integrity: sha512-abRSVClfIQn+SqpdqL7S7b3VeyS8270/o0gqmGFtiidb7Lu0COsIV6Mor/mK9xE99KYWzyd37vwYYwv/jaANhw==}
     engines: {node: '>=20.0.0'}
 
   '@supabase/supa-mdx-lint-darwin@0.2.6-alpha':
@@ -9052,8 +9052,8 @@ packages:
     resolution: {integrity: sha512-TNbBLSofM6jQg3JwzO4lttd59dScTTzW4p504/OWcgRWghQLRNfxXRJJtdui83gBMLWpgeUZqvgtfYIwS1Flzw==}
     hasBin: true
 
-  '@supabase/supabase-js@2.93.1':
-    resolution: {integrity: sha512-FJTgS5s0xEgRQ3u7gMuzGObwf3jA4O5Ki/DgCDXx94w1pihLM4/WG3XFa4BaCJYfuzLxLcv6zPPA5tDvBUjAUg==}
+  '@supabase/supabase-js@2.93.2':
+    resolution: {integrity: sha512-G3bZZi6rPwXcPtyHLXQTeHKa5ADZ2UW/+hv8YhwZFwngz4TlPnR4+TeO37EwU5+d/reD02qXozOZgz+QHv1Jtg==}
     engines: {node: '>=20.0.0'}
 
   '@swc/helpers@0.5.15':
@@ -27407,7 +27407,7 @@ snapshots:
 
   '@sentry/core@10.27.0': {}
 
-  '@sentry/nextjs@10.27.0(@opentelemetry/context-async-hooks@2.2.0(@opentelemetry/api@1.9.0))(@opentelemetry/core@2.2.0(@opentelemetry/api@1.9.0))(@opentelemetry/sdk-trace-base@2.2.0(@opentelemetry/api@1.9.0))(encoding@0.1.13)(next@15.5.10(@opentelemetry/api@1.9.0)(@playwright/test@1.56.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(sass@1.77.4))(react@18.3.1)(supports-color@8.1.1)(webpack@5.94.0)':
+  '@sentry/nextjs@10.27.0(@opentelemetry/context-async-hooks@2.2.0(@opentelemetry/api@1.9.0))(@opentelemetry/core@2.2.0(@opentelemetry/api@1.9.0))(@opentelemetry/sdk-trace-base@2.2.0(@opentelemetry/api@1.9.0))(encoding@0.1.13)(next@15.5.10(@babel/core@7.28.4(supports-color@8.1.1))(@opentelemetry/api@1.9.0)(@playwright/test@1.56.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(sass@1.77.4))(react@18.3.1)(supports-color@8.1.1)(webpack@5.94.0)':
     dependencies:
       '@opentelemetry/api': 1.9.0
       '@opentelemetry/semantic-conventions': 1.38.0
@@ -27992,11 +27992,11 @@ snapshots:
 
   '@stripe/stripe-js@7.5.0': {}
 
-  '@supabase/auth-js@2.93.1':
+  '@supabase/auth-js@2.93.2':
     dependencies:
       tslib: 2.8.1
 
-  '@supabase/functions-js@2.93.1':
+  '@supabase/functions-js@2.93.2':
     dependencies:
       tslib: 2.8.1
 
@@ -28031,11 +28031,11 @@ snapshots:
       - pg-native
       - supports-color
 
-  '@supabase/postgrest-js@2.93.1':
+  '@supabase/postgrest-js@2.93.2':
     dependencies:
       tslib: 2.8.1
 
-  '@supabase/realtime-js@2.93.1':
+  '@supabase/realtime-js@2.93.2':
     dependencies:
       '@types/phoenix': 1.6.6
       '@types/ws': 8.18.1
@@ -28056,12 +28056,12 @@ snapshots:
       - encoding
       - supports-color
 
-  '@supabase/ssr@0.7.0(@supabase/supabase-js@2.93.1)':
+  '@supabase/ssr@0.7.0(@supabase/supabase-js@2.93.2)':
     dependencies:
-      '@supabase/supabase-js': 2.93.1
+      '@supabase/supabase-js': 2.93.2
       cookie: 1.0.2
 
-  '@supabase/storage-js@2.93.1':
+  '@supabase/storage-js@2.93.2':
     dependencies:
       iceberg-js: 0.8.1
       tslib: 2.8.1
@@ -28130,13 +28130,13 @@ snapshots:
       '@supabase/supa-mdx-lint-win32-x64': 0.3.1
       node-pty: 1.0.0
 
-  '@supabase/supabase-js@2.93.1':
+  '@supabase/supabase-js@2.93.2':
     dependencies:
-      '@supabase/auth-js': 2.93.1
-      '@supabase/functions-js': 2.93.1
-      '@supabase/postgrest-js': 2.93.1
-      '@supabase/realtime-js': 2.93.1
-      '@supabase/storage-js': 2.93.1
+      '@supabase/auth-js': 2.93.2
+      '@supabase/functions-js': 2.93.2
+      '@supabase/postgrest-js': 2.93.2
+      '@supabase/realtime-js': 2.93.2
+      '@supabase/storage-js': 2.93.2
     transitivePeerDependencies:
       - bufferutil
       - utf-8-validate
@@ -36388,7 +36388,7 @@ snapshots:
       next: 16.0.11(@babel/core@7.28.4(supports-color@8.1.1))(@opentelemetry/api@1.9.0)(@playwright/test@1.56.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(sass@1.77.4)
       react: 18.3.1
 
-  next-seo@6.5.0(next@15.5.10(@opentelemetry/api@1.9.0)(@playwright/test@1.56.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(sass@1.77.4))(react-dom@18.3.1(react@18.3.1))(react@18.3.1):
+  next-seo@6.5.0(next@15.5.10(@babel/core@7.28.4(supports-color@8.1.1))(@opentelemetry/api@1.9.0)(@playwright/test@1.56.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(sass@1.77.4))(react-dom@18.3.1(react@18.3.1))(react@18.3.1):
     dependencies:
       next: 15.5.10(@babel/core@7.28.4(supports-color@8.1.1))(@opentelemetry/api@1.9.0)(@playwright/test@1.56.1)(babel-plugin-macros@3.1.0)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(sass@1.77.4)
       react: 18.3.1
@@ -36780,7 +36780,7 @@ snapshots:
       next: 16.0.11(@babel/core@7.28.4(supports-color@8.1.1))(@opentelemetry/api@1.9.0)(@playwright/test@1.56.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(sass@1.77.4)
       react-router: 7.12.0(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
 
-  nuqs@2.8.1(@tanstack/react-router@1.114.27(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(next@15.5.10(@opentelemetry/api@1.9.0)(@playwright/test@1.56.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(sass@1.77.4))(react-router@7.12.0(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(react@18.3.1):
+  nuqs@2.8.1(@tanstack/react-router@1.114.27(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(next@15.5.10(@babel/core@7.28.4(supports-color@8.1.1))(@opentelemetry/api@1.9.0)(@playwright/test@1.56.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(sass@1.77.4))(react-router@7.12.0(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(react@18.3.1):
     dependencies:
       '@standard-schema/spec': 1.0.0
       react: 18.3.1
diff --git a/pnpm-workspace.yaml b/pnpm-workspace.yaml
index 2ff5cdb36a1a7..058cc24dc7f5f 100644
--- a/pnpm-workspace.yaml
+++ b/pnpm-workspace.yaml
@@ -6,10 +6,10 @@ packages:
 
 catalog:
   '@sentry/nextjs': ^10.26.0
-  '@supabase/auth-js': 2.93.1
-  '@supabase/postgrest-js': 2.93.1
-  '@supabase/realtime-js': 2.93.1
-  '@supabase/supabase-js': 2.93.1
+  '@supabase/auth-js': 2.93.2
+  '@supabase/postgrest-js': 2.93.2
+  '@supabase/realtime-js': 2.93.2
+  '@supabase/supabase-js': 2.93.2
   '@types/node': ^22.0.0
   '@types/react': ^18.3.0
   '@types/react-dom': ^18.3.0

From 0c1bc80b89d5ae68a8a6489d4164d48060aed9d1 Mon Sep 17 00:00:00 2001
From: Joshen Lim <joshenlimek@gmail.com>
Date: Thu, 29 Jan 2026 22:35:59 +0800
Subject: [PATCH 3/6] Fix queue operations stale state + refactor to reuse
 existing methods (#42283)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

## Context

Related to this PR
[here](https://github.com/supabase/supabase/pull/42265)

If you were to update a cell twice, then save, the value that get's
saved is the first edited value.

There's a number of changes in this PR but the main thing is just
`useOperationQueueActions` to declare `operations` outside of
`handleSave` since `snap` wouldn't trigger the re-render of that
function in the dependency array.

## Other changes

- Refactored `useOperationQueueShortcuts.ts`
  - Reuse an existing `useHotKey` method to handle the event listeners
- Remove unnecessary prop drilling, call the necessary hooks within it
instead
- Simplify its calling by only calling this hook within
`SaveQueueActionBar` (removed calling from `OperationQueueSidePanel`
- Add tooltip for OperatioItem "Remove operation"
- (Unrelated) Fix Table Editor sort "Apply sort" CTA not working for
large tables when applying sort on an indexed column (e.g primary key)


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

## Summary by CodeRabbit

## Release Notes

* **New Features**
* Operation queue view now toggles open and closed with a single action
* Simplified keyboard shortcuts: press **S** to save operations, **.**
to toggle the queue view

* **Bug Fixes**
* Sort operations on large tables with non-primary-key sorting now show
a confirmation warning and require explicit user approval before
applying

* **Improvements**
* Operation queue panel automatically closes after successfully saving
operations
* Enhanced UI with improved delete action feedback and refined visual
separators

<sub>✏️ Tip: You can customize this high-level summary in your review
settings.</sub>

<!-- end of auto-generated comment: release notes by coderabbit.ai -->
---
 .../footer/operations/SaveQueueActionBar.tsx  | 30 +++----
 .../header/sort/SortPopoverPrimitive.tsx      | 14 ++--
 .../grid/hooks/useOperationQueueActions.ts    | 14 ++--
 .../grid/hooks/useOperationQueueShortcuts.ts  | 82 +++++++------------
 .../OperationQueueSidePanel/OperationItem.tsx | 15 ++--
 .../OperationQueueSidePanel.tsx               | 14 +---
 apps/studio/hooks/ui/useHotKey.ts             | 44 +++++++---
 apps/studio/lib/helpers.ts                    |  5 ++
 apps/studio/state/table-editor.tsx            | 22 ++---
 9 files changed, 118 insertions(+), 122 deletions(-)

diff --git a/apps/studio/components/grid/components/footer/operations/SaveQueueActionBar.tsx b/apps/studio/components/grid/components/footer/operations/SaveQueueActionBar.tsx
index 65be243d12739..f246726847596 100644
--- a/apps/studio/components/grid/components/footer/operations/SaveQueueActionBar.tsx
+++ b/apps/studio/components/grid/components/footer/operations/SaveQueueActionBar.tsx
@@ -1,21 +1,23 @@
-import { Eye } from 'lucide-react'
+import { useOperationQueueActions } from 'components/grid/hooks/useOperationQueueActions'
+import { useOperationQueueShortcuts } from 'components/grid/hooks/useOperationQueueShortcuts'
+import { useIsQueueOperationsEnabled } from 'components/interfaces/App/FeaturePreview/FeaturePreviewContext'
 import { AnimatePresence, motion } from 'framer-motion'
+import { Eye } from 'lucide-react'
 import { createPortal } from 'react-dom'
+import { useTableEditorStateSnapshot } from 'state/table-editor'
 import { Button } from 'ui'
 
-import {
-  useOperationQueueShortcuts,
-  getModKey,
-} from 'components/grid/hooks/useOperationQueueShortcuts'
-import { useIsQueueOperationsEnabled } from 'components/interfaces/App/FeaturePreview/FeaturePreviewContext'
-import { useTableEditorStateSnapshot } from 'state/table-editor'
-import { useOperationQueueActions } from 'components/grid/hooks/useOperationQueueActions'
+import { getModKeyLabel } from '@/lib/helpers'
+
+const modKey = getModKeyLabel()
 
 export const SaveQueueActionBar = () => {
   const snap = useTableEditorStateSnapshot()
   const isQueueOperationsEnabled = useIsQueueOperationsEnabled()
   const { handleSave } = useOperationQueueActions()
 
+  useOperationQueueShortcuts()
+
   const operationCount = snap.operationQueue.operations.length
   const isSaving = snap.operationQueue.status === 'saving'
   const isOperationQueuePanelOpen = snap.sidePanel?.type === 'operation-queue'
@@ -23,16 +25,6 @@ export const SaveQueueActionBar = () => {
   const isVisible =
     isQueueOperationsEnabled && snap.hasPendingOperations && !isOperationQueuePanelOpen
 
-  useOperationQueueShortcuts({
-    enabled: isQueueOperationsEnabled && snap.hasPendingOperations,
-    onSave: handleSave,
-    onTogglePanel: () => snap.onViewOperationQueue(),
-    isSaving,
-    hasOperations: operationCount > 0,
-  })
-
-  const modKey = getModKey()
-
   const content = (
     <AnimatePresence>
       {isVisible && (
@@ -49,7 +41,7 @@ export const SaveQueueActionBar = () => {
             </span>
             <div className="flex items-center gap-3">
               <button
-                onClick={() => snap.onViewOperationQueue()}
+                onClick={() => snap.toggleViewOperationQueue()}
                 className="text-foreground-light hover:text-foreground transition-colors flex items-center"
                 aria-label="View Details"
               >
diff --git a/apps/studio/components/grid/components/header/sort/SortPopoverPrimitive.tsx b/apps/studio/components/grid/components/header/sort/SortPopoverPrimitive.tsx
index 8a48e3cf10d9f..bbb8df4e78b6f 100644
--- a/apps/studio/components/grid/components/header/sort/SortPopoverPrimitive.tsx
+++ b/apps/studio/components/grid/components/header/sort/SortPopoverPrimitive.tsx
@@ -1,15 +1,14 @@
 import { THRESHOLD_COUNT } from '@supabase/pg-meta/src/query/table-row-query'
 import { keepPreviousData } from '@tanstack/react-query'
-import { isEqual } from 'lodash'
-import { ChevronDown, List } from 'lucide-react'
-import { useCallback, useEffect, useMemo, useRef, useState } from 'react'
-
 import { useParams } from 'common'
 import { useTableFilter } from 'components/grid/hooks/useTableFilter'
 import type { Sort } from 'components/grid/types'
 import { InlineLink } from 'components/ui/InlineLink'
 import { useTableRowsCountQuery } from 'data/table-rows/table-rows-count-query'
 import { useSelectedProjectQuery } from 'hooks/misc/useSelectedProject'
+import { isEqual } from 'lodash'
+import { ChevronDown, List } from 'lucide-react'
+import { useCallback, useEffect, useMemo, useRef, useState } from 'react'
 import {
   type RoleImpersonationState,
   useRoleImpersonationStateSnapshot,
@@ -23,6 +22,7 @@ import {
   Popover_Shadcn_,
 } from 'ui'
 import ConfirmationModal from 'ui-patterns/Dialogs/ConfirmationModal'
+
 import { DropdownControl } from '../../common/DropdownControl'
 import SortRow from './SortRow'
 
@@ -278,8 +278,10 @@ export const SortPopoverPrimitive = ({
                       const hasSortNotPK = localSorts.some(
                         (x) => !snap.table.columns.find((y) => x.column === y.name)?.isPrimaryKey
                       )
-                      if (hasSortNotPK) setShowWarning(true)
-                    } else onSelectApplySorts()
+                      if (hasSortNotPK) return setShowWarning(true)
+                    }
+
+                    onSelectApplySorts()
                   }}
                 >
                   Apply sorting
diff --git a/apps/studio/components/grid/hooks/useOperationQueueActions.ts b/apps/studio/components/grid/hooks/useOperationQueueActions.ts
index a55f45bd52ea8..c7ba7c17a8e54 100644
--- a/apps/studio/components/grid/hooks/useOperationQueueActions.ts
+++ b/apps/studio/components/grid/hooks/useOperationQueueActions.ts
@@ -1,10 +1,9 @@
 import { useQueryClient } from '@tanstack/react-query'
-import { useCallback } from 'react'
-import { toast } from 'sonner'
-
 import { tableRowKeys } from 'data/table-rows/keys'
 import { useOperationQueueSaveMutation } from 'data/table-rows/operation-queue-save-mutation'
 import { useSelectedProjectQuery } from 'hooks/misc/useSelectedProject'
+import { useCallback } from 'react'
+import { toast } from 'sonner'
 import { useGetImpersonatedRoleState } from 'state/role-impersonation-state'
 import { useTableEditorStateSnapshot } from 'state/table-editor'
 import { QueuedOperation } from 'state/table-editor-operation-queue.types'
@@ -30,6 +29,7 @@ export function useOperationQueueActions(options: UseOperationQueueActionsOption
     useOperationQueueSaveMutation({
       onSuccess: () => {
         snap.clearQueue()
+        snap.closeSidePanel()
         toast.success('Changes saved successfully')
         onSaveSuccess?.()
       },
@@ -40,12 +40,10 @@ export function useOperationQueueActions(options: UseOperationQueueActionsOption
     })
 
   const isSaving = snap.operationQueue.status === 'saving' || isMutationPending
+  const operations = snap.operationQueue.operations as readonly QueuedOperation[]
 
   const handleSave = useCallback(() => {
-    if (!project) return
-
-    const operations = snap.operationQueue.operations as readonly QueuedOperation[]
-    if (operations.length === 0) return
+    if (!project || operations.length === 0) return
 
     snap.setQueueStatus('saving')
 
@@ -55,7 +53,7 @@ export function useOperationQueueActions(options: UseOperationQueueActionsOption
       operations,
       roleImpersonationState: getImpersonatedRoleState(),
     })
-  }, [snap, project, saveOperationQueue, getImpersonatedRoleState])
+  }, [snap, project, operations, saveOperationQueue, getImpersonatedRoleState])
 
   const handleCancel = useCallback(() => {
     // Get unique table IDs from the queue before clearing
diff --git a/apps/studio/components/grid/hooks/useOperationQueueShortcuts.ts b/apps/studio/components/grid/hooks/useOperationQueueShortcuts.ts
index 74dc8d606f8d7..d1503ea675063 100644
--- a/apps/studio/components/grid/hooks/useOperationQueueShortcuts.ts
+++ b/apps/studio/components/grid/hooks/useOperationQueueShortcuts.ts
@@ -1,19 +1,7 @@
-import { useCallback, useEffect } from 'react'
-
-import { detectOS } from 'lib/helpers'
-
-export function getModKey() {
-  const os = detectOS()
-  return os === 'macos' ? '⌘' : 'Ctrl+'
-}
-
-interface UseOperationQueueShortcutsOptions {
-  enabled: boolean
-  onSave: () => void
-  onTogglePanel: () => void
-  isSaving?: boolean
-  hasOperations?: boolean
-}
+import { useOperationQueueActions } from './useOperationQueueActions'
+import { useIsQueueOperationsEnabled } from '@/components/interfaces/App/FeaturePreview/FeaturePreviewContext'
+import { useHotKey } from '@/hooks/ui/useHotKey'
+import { useTableEditorStateSnapshot } from '@/state/table-editor'
 
 /**
  * Hook that provides keyboard shortcuts for the operation queue.
@@ -25,44 +13,34 @@ interface UseOperationQueueShortcutsOptions {
  * These shortcuts are registered on the capture phase to ensure they fire
  * before the data grid handles the keyboard event.
  */
-export function useOperationQueueShortcuts({
-  enabled,
-  onSave,
-  onTogglePanel,
-  isSaving = false,
-  hasOperations = true,
-}: UseOperationQueueShortcutsOptions) {
-  const os = detectOS()
-  const modKey = os === 'macos' ? '⌘' : 'Ctrl+'
-
-  const handleKeyDown = useCallback(
-    (event: KeyboardEvent) => {
-      const isMod = os === 'macos' ? event.metaKey : event.ctrlKey
-
-      if (isMod && event.key === 's') {
-        event.preventDefault()
-        event.stopPropagation()
-        if (!isSaving && hasOperations) {
-          onSave()
-        }
-      } else if (isMod && event.key === '.') {
-        event.preventDefault()
-        event.stopPropagation()
-        onTogglePanel()
+export function useOperationQueueShortcuts() {
+  const isQueueOperationsEnabled = useIsQueueOperationsEnabled()
+  const snap = useTableEditorStateSnapshot()
+  const { handleSave } = useOperationQueueActions()
+
+  const isSaving = snap.operationQueue.status === 'saving'
+  const hasOperations = snap.hasPendingOperations
+  const isEnabled = isQueueOperationsEnabled && hasOperations
+
+  useHotKey(
+    (event) => {
+      event.preventDefault()
+      event.stopPropagation()
+      if (!isSaving && hasOperations) {
+        handleSave()
       }
     },
-    [os, isSaving, hasOperations, onSave, onTogglePanel]
+    's',
+    { enabled: isEnabled }
   )
 
-  // Use capture phase to intercept events before the grid handles them
-  useEffect(() => {
-    if (enabled) {
-      window.addEventListener('keydown', handleKeyDown, true)
-      return () => {
-        window.removeEventListener('keydown', handleKeyDown, true)
-      }
-    }
-  }, [enabled, handleKeyDown])
-
-  return { modKey }
+  useHotKey(
+    (event) => {
+      event.preventDefault()
+      event.stopPropagation()
+      snap.toggleViewOperationQueue()
+    },
+    '.',
+    { enabled: isEnabled }
+  )
 }
diff --git a/apps/studio/components/interfaces/TableGridEditor/SidePanelEditor/OperationQueueSidePanel/OperationItem.tsx b/apps/studio/components/interfaces/TableGridEditor/SidePanelEditor/OperationQueueSidePanel/OperationItem.tsx
index 3ee11ebb1bc4f..c9476493de61e 100644
--- a/apps/studio/components/interfaces/TableGridEditor/SidePanelEditor/OperationQueueSidePanel/OperationItem.tsx
+++ b/apps/studio/components/interfaces/TableGridEditor/SidePanelEditor/OperationQueueSidePanel/OperationItem.tsx
@@ -1,12 +1,12 @@
 import { useQueryClient } from '@tanstack/react-query'
-import { X } from 'lucide-react'
-import { Button } from 'ui'
-
 import { tableRowKeys } from 'data/table-rows/keys'
 import { useSelectedProjectQuery } from 'hooks/misc/useSelectedProject'
+import { X } from 'lucide-react'
 import { useTableEditorStateSnapshot } from 'state/table-editor'
-import { EditCellContentPayload } from '@/state/table-editor-operation-queue.types'
+
 import { formatOperationItemValue } from './OperationQueueSidePanel.utils'
+import { ButtonTooltip } from '@/components/ui/ButtonTooltip'
+import { EditCellContentPayload } from '@/state/table-editor-operation-queue.types'
 
 interface OperationItemProps {
   operationId: string
@@ -50,17 +50,18 @@ export const OperationItem = ({ operationId, tableId, content }: OperationItemPr
           <div className="text-xs text-foreground font-mono">{fullTableName}</div>
           <div className="text-sm text-foreground-muted mt-0.5">
             <span className="font-medium text-foreground">{columnName}</span>
-            <span className="text-foreground-muted mx-2">·</span>
+            <span className="text-foreground-muted mx-2">•</span>
             <span className="text-foreground text-xs">where {whereClause}</span>
           </div>
         </div>
-        <Button
+        <ButtonTooltip
           type="text"
           size="tiny"
           icon={<X size={14} />}
           onClick={handleDelete}
-          className="shrink-0"
+          className="shrink-0 w-7"
           aria-label="Remove operation"
+          tooltip={{ content: { side: 'bottom', text: 'Remove operation' } }}
         />
       </div>
 
diff --git a/apps/studio/components/interfaces/TableGridEditor/SidePanelEditor/OperationQueueSidePanel/OperationQueueSidePanel.tsx b/apps/studio/components/interfaces/TableGridEditor/SidePanelEditor/OperationQueueSidePanel/OperationQueueSidePanel.tsx
index 5a5754ad2cb1f..9bfa1251e06c7 100644
--- a/apps/studio/components/interfaces/TableGridEditor/SidePanelEditor/OperationQueueSidePanel/OperationQueueSidePanel.tsx
+++ b/apps/studio/components/interfaces/TableGridEditor/SidePanelEditor/OperationQueueSidePanel/OperationQueueSidePanel.tsx
@@ -1,9 +1,9 @@
 import { useOperationQueueActions } from 'components/grid/hooks/useOperationQueueActions'
-import { useOperationQueueShortcuts } from 'components/grid/hooks/useOperationQueueShortcuts'
 import { useTableEditorStateSnapshot } from 'state/table-editor'
 import { Button, SidePanel } from 'ui'
 
 import { OperationList } from './OperationList'
+import { getModKeyLabel } from '@/lib/helpers'
 import { QueuedOperation } from '@/state/table-editor-operation-queue.types'
 
 interface OperationQueueSidePanelProps {
@@ -11,6 +11,8 @@ interface OperationQueueSidePanelProps {
   closePanel: () => void
 }
 
+const modKey = getModKeyLabel()
+
 export const OperationQueueSidePanel = ({ visible, closePanel }: OperationQueueSidePanelProps) => {
   const snap = useTableEditorStateSnapshot()
 
@@ -21,14 +23,6 @@ export const OperationQueueSidePanel = ({ visible, closePanel }: OperationQueueS
     onCancelSuccess: closePanel,
   })
 
-  const { modKey } = useOperationQueueShortcuts({
-    enabled: visible,
-    onSave: handleSave,
-    onTogglePanel: closePanel,
-    isSaving,
-    hasOperations: operations.length > 0,
-  })
-
   return (
     <SidePanel
       size="large"
@@ -37,7 +31,7 @@ export const OperationQueueSidePanel = ({ visible, closePanel }: OperationQueueS
       header={
         <div className="flex items-center justify-between w-full">
           <div className="flex flex-col gap-1">
-            <span>Pending Changes</span>
+            <span>Pending changes</span>
             <span className="text-xs text-foreground-light">
               {operations.length} operation{operations.length !== 1 ? 's' : ''}
             </span>
diff --git a/apps/studio/hooks/ui/useHotKey.ts b/apps/studio/hooks/ui/useHotKey.ts
index d8daff563c33b..41e470ca11cc8 100644
--- a/apps/studio/hooks/ui/useHotKey.ts
+++ b/apps/studio/hooks/ui/useHotKey.ts
@@ -1,25 +1,49 @@
 import { useEffect } from 'react'
+import { useLatest } from 'react-use'
 
-export function useHotKey(
+// [Joshen] Refactor: Remove dependencies, and just make this into a single definition
+function useHotKey(
   callback: (e: KeyboardEvent) => void,
   key: string,
-  dependencies: any[] = [],
+  options?: { enabled?: boolean }
+): void
+/**
+ * @deprecated The `dependencies` parameter is deprecated. Use the overload without dependencies instead.
+ */
+function useHotKey(
+  callback: (e: KeyboardEvent) => void,
+  key: string,
+  dependencies: unknown[],
+  options?: { enabled?: boolean }
+): void
+function useHotKey(
+  callback: (e: KeyboardEvent) => void,
+  key: string,
+  dependenciesOrOptions?: unknown[] | { enabled?: boolean },
   options?: { enabled?: boolean }
 ): void {
-  const enabled = options?.enabled ?? true
+  // Determine which overload was called
+  const isDepsArray = Array.isArray(dependenciesOrOptions)
+  const resolvedOptions = isDepsArray ? options : dependenciesOrOptions
+  const enabled = resolvedOptions?.enabled ?? true
 
-  useEffect(() => {
-    if (!enabled) return
+  const enabledRef = useLatest(enabled)
+  const callbackRef = useLatest(callback)
+  const keyRef = useLatest(key)
 
+  useEffect(() => {
     function handler(e: KeyboardEvent) {
-      if ((e.metaKey || e.ctrlKey) && e.key === key && !e.altKey && !e.shiftKey) {
-        callback(e)
+      if (!enabledRef.current) return
+      if ((e.metaKey || e.ctrlKey) && e.key === keyRef.current && !e.altKey && !e.shiftKey) {
+        callbackRef.current(e)
       }
     }
 
-    window.addEventListener('keydown', handler)
+    window.addEventListener('keydown', handler, true)
     return () => {
-      window.removeEventListener('keydown', handler)
+      window.removeEventListener('keydown', handler, true)
     }
-  }, [key, enabled, ...dependencies])
+  }, [callbackRef, enabledRef, keyRef])
 }
+
+export { useHotKey }
diff --git a/apps/studio/lib/helpers.ts b/apps/studio/lib/helpers.ts
index a82e0c00dc518..58ffb5c303d29 100644
--- a/apps/studio/lib/helpers.ts
+++ b/apps/studio/lib/helpers.ts
@@ -182,6 +182,11 @@ export const detectOS = () => {
   }
 }
 
+export const getModKeyLabel = () => {
+  const os = detectOS()
+  return os === 'macos' ? '⌘' : 'Ctrl+'
+}
+
 /**
  * Convert a list of tables to SQL
  * @param t - The list of tables
diff --git a/apps/studio/state/table-editor.tsx b/apps/studio/state/table-editor.tsx
index a45f9672c4451..0bd5be50c420a 100644
--- a/apps/studio/state/table-editor.tsx
+++ b/apps/studio/state/table-editor.tsx
@@ -1,7 +1,4 @@
 import type { PostgresColumn } from '@supabase/postgres-meta'
-import { PropsWithChildren, createContext, useContext } from 'react'
-import { proxy, useSnapshot } from 'valtio'
-
 import { useConstant } from 'common'
 import type { SupaRow } from 'components/grid/types'
 import {
@@ -11,15 +8,16 @@ import {
 import { ForeignKey } from 'components/interfaces/TableGridEditor/SidePanelEditor/ForeignKeySelector/ForeignKeySelector.types'
 import type { EditValue } from 'components/interfaces/TableGridEditor/SidePanelEditor/RowEditor/RowEditor.types'
 import type { TableField } from 'components/interfaces/TableGridEditor/SidePanelEditor/TableEditor/TableEditor.types'
+import { PropsWithChildren, createContext, useContext } from 'react'
 import type { Dictionary } from 'types'
+import { proxy, useSnapshot } from 'valtio'
 
 import {
   NewQueuedOperation,
-  QueuedOperationType,
-  type EditCellContentPayload,
   type OperationQueueState,
-  type QueuedOperation,
   type QueueStatus,
+  type QueuedOperation,
+  QueuedOperationType,
 } from './table-editor-operation-queue.types'
 
 export const TABLE_EDITOR_DEFAULT_ROWS_PER_PAGE = 100
@@ -203,10 +201,14 @@ export const createTableEditorState = () => {
         sidePanel: { type: 'csv-import', file },
       }
     },
-    onViewOperationQueue: () => {
-      state.ui = {
-        open: 'side-panel',
-        sidePanel: { type: 'operation-queue' },
+    toggleViewOperationQueue: () => {
+      if (state.ui.open === 'side-panel' && state.ui.sidePanel.type === 'operation-queue') {
+        state.closeSidePanel()
+      } else {
+        state.ui = {
+          open: 'side-panel',
+          sidePanel: { type: 'operation-queue' },
+        }
       }
     },
 

From b4da1f8f423841ae9df3e153c7f5fa03411c4f96 Mon Sep 17 00:00:00 2001
From: Alan Daniel <stylesshjs@gmail.com>
Date: Thu, 29 Jan 2026 11:23:08 -0400
Subject: [PATCH 4/6] Implement new enterprise innovation solution page
 (#42230)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

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

YES

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

## Summary by CodeRabbit

* **New Features**
* AI Builder Ecosystem section showcasing integrated partners and tools.
* Customer Evidence section featuring customer testimonials and success
stories.
* Innovation Enablement section with implementation resources and
strategic options.
  * Customer testimonial and quote components throughout the page.
* Enhanced Innovation Teams page positioning focused on AI development.

<sub>✏️ Tip: You can customize this high-level summary in your review
settings.</sub>

<!-- end of auto-generated comment: release notes by coderabbit.ai -->
---
 apps/www/data/solutions/innovation-teams.tsx  | 377 +++++++++++-------
 apps/www/pages/solutions/innovation-teams.tsx | 259 ++++++++++++
 .../images/customers/logos/accenture.svg      |   3 +
 3 files changed, 500 insertions(+), 139 deletions(-)
 create mode 100644 apps/www/public/images/customers/logos/accenture.svg

diff --git a/apps/www/data/solutions/innovation-teams.tsx b/apps/www/data/solutions/innovation-teams.tsx
index 68eec351eeeb6..5e59d34608bd1 100644
--- a/apps/www/data/solutions/innovation-teams.tsx
+++ b/apps/www/data/solutions/innovation-teams.tsx
@@ -1,4 +1,15 @@
-import dynamic from 'next/dynamic'
+import { CubeIcon } from '@heroicons/react/outline'
+import { useBreakpoint } from 'common'
+import type { SecuritySectionProps } from 'components/Enterprise/Security'
+import { frameworks } from 'components/Hero/HeroFrameworks'
+import RealtimeLogs from 'components/Products/Functions/RealtimeLogs'
+import type { DXSectionProps } from 'components/Solutions/DeveloperExperienceSection'
+import type { FeatureGridProps } from 'components/Solutions/FeatureGrid'
+import type { MPCSectionProps } from 'components/Solutions/MPCSection'
+import type { PlatformSectionProps } from 'components/Solutions/PlatformSection'
+import type { ResultsSectionProps } from 'components/Solutions/ResultsSection'
+import { companyStats } from 'data/company-stats'
+import { useSendTelemetryEvent } from 'lib/telemetry'
 import {
   ArrowLeftRight,
   Check,
@@ -14,47 +25,85 @@ import {
   ShieldCheck,
   Sparkles,
   Timer,
-  Users,
   UserX,
+  Users,
 } from 'lucide-react'
-import { CubeIcon } from '@heroicons/react/outline'
+import dynamic from 'next/dynamic'
+import { PRODUCT_SHORTNAMES } from 'shared-data/products'
 import { Image } from 'ui'
 
 import MainProducts from '../MainProducts'
-import { TwoColumnsSectionProps } from '~/components/Solutions/TwoColumnsSection'
-import RealtimeLogs from 'components/Products/Functions/RealtimeLogs'
-import { frameworks } from 'components/Hero/HeroFrameworks'
-
-import type { DXSectionProps } from 'components/Solutions/DeveloperExperienceSection'
-import type { ResultsSectionProps } from 'components/Solutions/ResultsSection'
-import type { PlatformSectionProps } from 'components/Solutions/PlatformSection'
 import {
+  type FeaturesSection,
   FrameworkLink,
   type FrameworkLinkProps,
-  type FeaturesSection,
   type HeroSection,
   type Metadata,
   getEditors,
 } from './solutions.utils'
-import type { FeatureGridProps } from 'components/Solutions/FeatureGrid'
-import type { SecuritySectionProps } from 'components/Enterprise/Security'
-import type { MPCSectionProps } from 'components/Solutions/MPCSection'
-
-import { PRODUCT_SHORTNAMES } from 'shared-data/products'
-import { useBreakpoint } from 'common'
-import { useSendTelemetryEvent } from 'lib/telemetry'
-import { companyStats } from 'data/company-stats'
+import { TwoColumnsSectionProps } from '~/components/Solutions/TwoColumnsSection'
 
 const AuthVisual = dynamic(() => import('components/Products/AuthVisual'))
 const FunctionsVisual = dynamic(() => import('components/Products/FunctionsVisual'))
 const RealtimeVisual = dynamic(() => import('components/Products/RealtimeVisual'))
 
+interface Quote {
+  text: string
+  author: string
+  role: string
+  logo?: string | JSX.Element
+  link?: string
+  avatar?: string | JSX.Element
+}
+
+interface AIBuilderEcosystemSection {
+  id: string
+  heading: React.ReactNode
+  subheading: string
+  builders: Array<{
+    name: string
+    description: string
+  }>
+}
+
+interface CustomerEvidenceSection {
+  id: string
+  heading: React.ReactNode
+  customers: Array<{
+    name: string
+    highlights: string[]
+    cta?: {
+      label: string
+      href: string
+    }
+  }>
+}
+
+interface InnovationEnablementSection {
+  id: string
+  heading: React.ReactNode
+  options: Array<{
+    title: string
+    type: string
+    description: string
+    cta: {
+      label: string
+      href: string
+    }
+  }>
+}
+
 const data: () => {
   metadata: Metadata
   heroSection: HeroSection
+  quote: Quote
+  secondaryQuote?: Quote
+  aiBuilderEcosystem: AIBuilderEcosystemSection
   why: FeaturesSection
+  customerEvidence: CustomerEvidenceSection
   platform: PlatformSectionProps
   developerExperience: DXSectionProps
+  innovationEnablement: InnovationEnablementSection
   platformStarterSection: TwoColumnsSectionProps
   mcp: MPCSectionProps
 } = () => {
@@ -64,57 +113,116 @@ const data: () => {
 
   return {
     metadata: {
-      metaTitle: 'Supabase for Developers',
-      metaDescription: 'Build fast. Scale easily. Trust your tech stack.',
+      metaTitle: 'The Production Backend for AI-Built Applications | Supabase',
+      metaDescription:
+        "Supabase powers every major AI builder. Your prototypes deserve enterprise infrastructure that passes security reviews, scales with success, and doesn't blow up budgets.",
     },
     heroSection: {
       id: 'hero',
-      title: 'Supabase for Innovation Teams',
+      title:
+        'Supabase powers every major AI builder. Your prototypes deserve enterprise infrastructure.',
       h1: (
         <>
           <span className="block text-foreground">
-            Prototype fast, integrate with your data, scale when ready.
+            The Production Backend for AI-Built Applications
           </span>
         </>
       ),
       subheader: [
-        <>Prototype in an afternoon, scale to millions.</>,
         <>
-          You need to move fast without battling red tape, complex infrastructure, or data silos.
-          Supabase gives you a fully managed Postgres backend with everything you need to prove your
-          ideas while maintaining enterprise-grade security and compliance.{' '}
+          Your teams are already building with Lovable, Bolt, v0, and Claude. But prototypes aren't
+          enough. You need production-ready infrastructure that passes security reviews, scales with
+          success, and doesn't blow up budgets.
         </>,
       ],
       image: undefined,
       ctas: [
         {
-          label: 'Start your project',
+          label: 'Start Building',
           href: 'https://supabase.com/dashboard',
           type: 'primary' as any,
           onClick: () =>
             sendTelemetryEvent({
               action: 'start_project_button_clicked',
-              properties: { buttonLocation: 'Solutions: Developers page hero' },
+              properties: { buttonLocation: 'Solutions: Innovation Teams page hero' },
             }),
         },
         {
-          label: 'Request a demo',
+          label: 'Request a Demo',
           href: 'https://supabase.com/contact/sales',
           type: 'default' as any,
           onClick: () =>
             sendTelemetryEvent({
               action: 'request_demo_button_clicked',
-              properties: { buttonLocation: 'Solutions: Developers page hero' },
+              properties: { buttonLocation: 'Solutions: Innovation Teams page hero' },
             }),
         },
       ],
     },
+    quote: {
+      text: 'We saved over a million dollars eliminating Meta Workplace. Another million replacing our vendor websites. Now our non-technical teams build production apps themselves. Supabase and Lovable made this possible.',
+      author: 'Seth',
+      role: 'Chief Innovation Officer',
+      logo: (
+        <svg
+          className="w-24"
+          fill="currentColor"
+          xmlns="http://www.w3.org/2000/svg"
+          id="Logo"
+          viewBox="0 0 277.397 144"
+        >
+          <path d="M20.991 69.484q1.05 9.443 7.345 14.693a23 23 0 0 0 15.22 5.248 25.05 25.05 0 0 0 13.207-3.238 36.6 36.6 0 0 0 9.358-8.133l15.043 11.371a42.6 42.6 0 0 1-16.442 12.943 48.5 48.5 0 0 1-19.067 3.849 50.4 50.4 0 0 1-17.844-3.149 42.8 42.8 0 0 1-14.518-8.922 42.3 42.3 0 0 1-9.708-13.9A44.4 44.4 0 0 1 0 62.136a44.4 44.4 0 0 1 3.585-18.105 42.3 42.3 0 0 1 9.708-13.907A42.8 42.8 0 0 1 27.811 21.2a50.4 50.4 0 0 1 17.844-3.149 40.8 40.8 0 0 1 16 3.061 34.3 34.3 0 0 1 12.425 8.837 40.9 40.9 0 0 1 8.045 14.257 60.5 60.5 0 0 1 2.888 19.5v5.773Zm43.031-15.745q-.176-9.447-5.773-14.693T42.681 33.8q-9.447 0-14.956 5.423t-6.734 14.516ZM186.786 20.155h19.943v12.593h.35a26.24 26.24 0 0 1 12.244-11.282 40.5 40.5 0 0 1 16.617-3.411 42.3 42.3 0 0 1 17.317 3.411 38.8 38.8 0 0 1 13.12 9.358 40.1 40.1 0 0 1 8.223 13.993 52.4 52.4 0 0 1 2.8 17.319 49.6 49.6 0 0 1-2.974 17.317 43 43 0 0 1-8.309 13.993 38.3 38.3 0 0 1-12.857 9.361 39.4 39.4 0 0 1-16.442 3.41 40.8 40.8 0 0 1-10.408-1.225 35.7 35.7 0 0 1-8.134-3.149 32 32 0 0 1-5.948-4.11 29.8 29.8 0 0 1-4.024-4.287h-.524V144h-20.994Zm69.62 41.981a27.3 27.3 0 0 0-1.661-9.445 23.8 23.8 0 0 0-4.9-8.049 24.815 24.815 0 0 0-36.209 0 23.7 23.7 0 0 0-4.9 8.049 27.68 27.68 0 0 0 0 18.89 23.6 23.6 0 0 0 4.9 8.047 24.81 24.81 0 0 0 36.209 0 23.7 23.7 0 0 0 4.9-8.047 27.3 27.3 0 0 0 1.661-9.445"></path>
+          <path d="m144.25 62.13 32.023 41.984h-25.536l-19.279-25.263-19.233 25.263H86.688L166.086 0h25.538zM112.238 20.154h-25.54l25.839 33.92 12.756-16.765zM19.4 119.838a.61.61 0 0 1 .612-.612h9.2a6.97 6.97 0 0 1 7.017 6.919 7.1 7.1 0 0 1-4.763 6.5l4.408 8.174a.609.609 0 0 1-.547.933h-3.38a.55.55 0 0 1-.515-.289l-4.279-8.528h-3.572v8.206a.633.633 0 0 1-.612.611h-2.96a.61.61 0 0 1-.612-.611Zm9.46 9.654a3.277 3.277 0 0 0 3.185-3.283 3.2 3.2 0 0 0-3.185-3.121h-5.247v6.4ZM49.834 119.838a.61.61 0 0 1 .612-.612h13.1a.61.61 0 0 1 .61.612v2.638a.61.61 0 0 1-.61.612h-9.528v5.277h7.948a.633.633 0 0 1 .61.612v2.671a.61.61 0 0 1-.61.611h-7.948v5.632h9.525a.61.61 0 0 1 .61.611v2.639a.61.61 0 0 1-.61.611h-13.1a.61.61 0 0 1-.612-.611ZM72.9 140.916l10.01-21.657a.575.575 0 0 1 .546-.355h.322a.55.55 0 0 1 .547.355l9.911 21.657a.567.567 0 0 1-.547.836h-2.8a.925.925 0 0 1-.934-.643l-1.578-3.476h-9.619l-1.576 3.476a.97.97 0 0 1-.932.643h-2.8a.568.568 0 0 1-.55-.836m13.9-6.855-3.218-7.08h-.1l-3.153 7.08ZM103.6 119.838a.61.61 0 0 1 .61-.612h2.962a.633.633 0 0 1 .61.612v18.053h8.206a.61.61 0 0 1 .612.611v2.639a.61.61 0 0 1-.612.611h-11.779a.61.61 0 0 1-.61-.611ZM130.594 123.088h-4.923a.61.61 0 0 1-.612-.612v-2.638a.61.61 0 0 1 .612-.612h14.061a.61.61 0 0 1 .612.612v2.638a.61.61 0 0 1-.612.612h-4.923v18.053a.633.633 0 0 1-.612.611H131.2a.63.63 0 0 1-.61-.611ZM158.072 130.908l-7.337-10.748a.6.6 0 0 1 .513-.934h3.282a.64.64 0 0 1 .517.29l5.148 7.4 5.148-7.4a.64.64 0 0 1 .515-.29h3.314a.6.6 0 0 1 .517.934l-7.434 10.715v10.266a.633.633 0 0 1-.612.611h-2.96a.61.61 0 0 1-.611-.611ZM276.541 3.21a6.25 6.25 0 0 0-2.365-2.351 6.66 6.66 0 0 0-6.541 0 6.24 6.24 0 0 0-2.37 2.351 6.54 6.54 0 0 0-.023 6.427 6.33 6.33 0 0 0 2.347 2.376 6.6 6.6 0 0 0 6.647-.008 6.3 6.3 0 0 0 2.337-2.386 6.53 6.53 0 0 0-.032-6.409m-.367 3.226a5.25 5.25 0 0 1-.7 2.653 5.16 5.16 0 0 1-1.92 1.918 5.35 5.35 0 0 1-5.286.013 5.15 5.15 0 0 1-1.925-1.92 5.33 5.33 0 0 1 0-5.308 5.1 5.1 0 0 1 1.929-1.909 5.4 5.4 0 0 1 5.29.008 5.1 5.1 0 0 1 1.92 1.905 5.2 5.2 0 0 1 .692 2.64"></path>
+          <path d="M273.341 6.217a2 2 0 0 0 .314-1.157 1.82 1.82 0 0 0-.68-1.513 3.06 3.06 0 0 0-1.932-.535h-2.625V9.79h1.455V7.309h1.161l1.325 2.481h1.563v-.065l-1.529-2.77a2.1 2.1 0 0 0 .948-.738M271.9 5.91a1.24 1.24 0 0 1-.85.267h-1.175V4.143h1.17a1.22 1.22 0 0 1 .872.275 1 1 0 0 1 .284.754.94.94 0 0 1-.301.738"></path>
+        </svg>
+      ),
+      link: '/customers/exprealty',
+      avatar: (
+        <Image
+          draggable={false}
+          src="/images/blog/avatars/seth-siegler.jpg"
+          alt="Seth Siegler"
+          className="object-cover"
+          width={32}
+          height={32}
+        />
+      ),
+    },
+    aiBuilderEcosystem: {
+      id: 'ai-builder-ecosystem',
+      heading: (
+        <>
+          Your AI Tools <span className="text-foreground">Already Choose Supabase</span>
+        </>
+      ),
+      subheading:
+        'Every major AI builder integrates with Supabase by default. One backend, infinite possibilities:',
+      builders: [
+        {
+          name: 'Lovable & Bolt',
+          description: 'Full-stack applications in minutes',
+        },
+        {
+          name: 'Vercel v0',
+          description: 'Component to production pipeline',
+        },
+        {
+          name: 'Claude & Cursor',
+          description: 'AI-powered local development',
+        },
+        {
+          name: 'Figma',
+          description: 'Design to database in hours',
+        },
+      ],
+    },
     why: {
       id: 'why-supabase',
       label: '',
       heading: (
         <>
-          Why <span className="text-foreground">innovation teams</span> choose Supabase
+          Why Enterprises Choose Supabase for{' '}
+          <span className="text-foreground">AI Development</span>
         </>
       ),
       subheading:
@@ -157,12 +265,45 @@ const data: () => {
               />
             </svg>
           ),
-          heading: 'Scalable with confidence',
+          heading: 'Scale with confidence',
           subheading:
             'Go from prototype to production on a single platform. Applications built on Supabase are ready to handle enterprise-level workloads, with features like read replicas and high-availability architecture ensuring performance and reliability as you scale.',
         },
       ],
     },
+    customerEvidence: {
+      id: 'customer-evidence',
+      heading: (
+        <>
+          Real Results From <span className="text-foreground">Real Enterprises</span>
+        </>
+      ),
+      customers: [
+        {
+          name: 'eXp Realty',
+          logo: '/images/customers/logos/exprealty.svg',
+          highlights: [
+            'Saved $3M+ annually across multiple systems',
+            '70+ vibe-coded applications in production',
+            'Non-technical real estate agents building customer-facing apps',
+            'Moved entire international division off legacy systems',
+          ],
+          cta: {
+            label: 'Read the case study',
+            href: '/customers/exprealty',
+          },
+        },
+        {
+          name: 'Accenture Innovation Labs',
+          logo: '/images/customers/logos/accenture.svg',
+          highlights: [
+            'Prototype-to-production in hours, not months',
+            'Avoiding AWS complexity and auto-shutdown policies',
+            'Engineers and non-technical consultants collaborating seamlessly',
+          ],
+        },
+      ],
+    },
     platform: {
       id: 'postgres-platform',
       title: (
@@ -390,68 +531,26 @@ const data: () => {
     },
     developerExperience: {
       id: 'developer-experience',
-      className: '[&_h2]:!max-w-sm',
+      className: '[&_h2]:!max-w-lg',
       title: (
         <>
-          <span className="text-foreground">Build faster</span> with Supabase
+          Built for How <span className="text-foreground">AI Builders</span> Work
         </>
       ),
-      subheading: 'Features that help developers move quickly and focus.',
+      subheading: '',
       features: [
-        {
-          id: 'ai-assistant',
-          title: 'AI Assistant',
-          icon: 'M11.8949 2.39344C12.5051 1.78324 13.4944 1.78324 14.1046 2.39344L22.9106 11.1994C23.5208 11.8096 23.5208 12.7989 22.9106 13.4091L14.1046 22.2151C13.4944 22.8253 12.5051 22.8253 11.8949 22.2151L3.08892 13.4091C2.47872 12.7989 2.47872 11.8096 3.08892 11.1994L11.8949 2.39344Z M16.5408 12.3043C16.5408 14.2597 14.9556 15.8449 13.0002 15.8449C11.0448 15.8449 9.45961 14.2597 9.45961 12.3043C9.45961 10.3489 11.0448 8.76371 13.0002 8.76371C14.9556 8.76371 16.5408 10.3489 16.5408 12.3043Z',
-          subheading: (
-            <>
-              A single panel that persists across the Supabase Dashboard and maintains{' '}
-              <span className="text-foreground">context across AI prompts</span>.
-            </>
-          ),
-          image: (
-            <div className="w-full ml-4 md:ml-6 2xl:ml-8 max-w-[430px] rounded-tl-lg border-t border-l bg-default text-foreground">
-              <div className="flex items-center gap-3 p-2 lg:p-4 border-b">
-                <svg
-                  width="24"
-                  height="24"
-                  viewBox="0 0 25 25"
-                  fill="none"
-                  xmlns="http://www.w3.org/2000/svg"
-                  className="hover:rotate-12 transition-transform duration-300"
-                >
-                  <path
-                    d="M11.8949 2.39344C12.5051 1.78324 13.4944 1.78324 14.1046 2.39344L22.9106 11.1994C23.5208 11.8096 23.5208 12.7989 22.9106 13.4091L14.1046 22.2151C13.4944 22.8253 12.5051 22.8253 11.8949 22.2151L3.08892 13.4091C2.47872 12.7989 2.47872 11.8096 3.08892 11.1994L11.8949 2.39344Z M16.5408 12.3043C16.5408 14.2597 14.9556 15.8449 13.0002 15.8449C11.0448 15.8449 9.45961 14.2597 9.45961 12.3043C9.45961 10.3489 11.0448 8.76371 13.0002 8.76371C14.9556 8.76371 16.5408 10.3489 16.5408 12.3043Z"
-                    stroke="hsl(var(--brand-default))"
-                    strokeMiterlimit="10"
-                    strokeLinejoin="bevel"
-                    strokeLinecap="square"
-                    strokeWidth="1.5"
-                  />
-                </svg>
-                <div className="flex items-center gap-1">
-                  <h3 className="text-sm font-medium">AI Assistant</h3>
-                  <InfoIcon className="w-3 h-3 text-foreground-lighter" />
-                </div>
-              </div>
-              <div className="space-y-2 p-4 pr-0 2xl:py-8 xl:pl-12 xl:ml-1 text-sm text-[#808080]">
-                <p>Entity: Auth</p>
-                <p>Schema:</p>
-                <p className="text-[#808080]">
-                  Issue: We have detected that you have enabled the email provider with an expiry
-                  time of more than an hour. It is recommended to set this value to less th...
-                </p>
-              </div>
-            </div>
-          ),
-        },
         {
           id: 'mcp-server',
-          title: 'MCP Server',
+          title: 'MCP Server Integration',
           icon: 'M19 5L22 2M2 22L5 19M7.5 13.5L10 11M10.5 16.5L13 14M6.3 20.3C6.52297 20.5237 6.78791 20.7013 7.07963 20.8224C7.37136 20.9435 7.68413 21.0059 8 21.0059C8.31587 21.0059 8.62864 20.9435 8.92036 20.8224C9.21209 20.7013 9.47703 20.5237 9.7 20.3L12 18L6 12L3.7 14.3C3.47626 14.523 3.29873 14.7879 3.17759 15.0796C3.05646 15.3714 2.99411 15.6841 2.99411 16C2.99411 16.3159 3.05646 16.6286 3.17759 16.9204C3.29873 17.2121 3.47626 17.477 3.7 17.7L6.3 20.3ZM12 6L18 12L20.3 9.7C20.5237 9.47703 20.7013 9.21209 20.8224 8.92036C20.9435 8.62864 21.0059 8.31587 21.0059 8C21.0059 7.68413 20.9435 7.37136 20.8224 7.07963C20.7013 6.78791 20.5237 6.52297 20.3 6.3L17.7 3.7C17.477 3.47626 17.2121 3.29873 16.9204 3.17759C16.6286 3.05646 16.3159 2.99411 16 2.99411C15.6841 2.99411 15.3714 3.05646 15.0796 3.17759C14.7879 3.29873 14.523 3.47626 14.3 3.7L12 6Z',
           subheading: (
             <>
-              Connect your <span className="text-foreground">favorite AI tools</span> such as Cursor
-              or Claude directly with Supabase.
+              Your AI editor understands your entire database schema.{' '}
+              <span className="text-foreground">
+                Claude and Cursor can manage migrations, write Edge Functions, and implement RLS
+                policies
+              </span>
+              —no context switching.
             </>
           ),
           image: (
@@ -461,7 +560,7 @@ const data: () => {
                 dark: '/images/solutions/neon/mcp-server-dark.svg',
                 light: '/images/solutions/neon/mcp-server-light.svg',
               }}
-              alt="Vector embeddings"
+              alt="MCP Server Integration"
               width={100}
               height={100}
               quality={100}
@@ -469,13 +568,16 @@ const data: () => {
           ),
         },
         {
-          id: 'auto-generated-apis',
-          title: 'Auto-generated APIs',
+          id: 'instant-apis',
+          title: 'Instant APIs from Your Schema',
           icon: 'M4.13477 12.8129C4.13477 14.1481 4.43245 15.4138 4.96506 16.5471M12.925 4.02271C11.5644 4.02271 10.276 4.33184 9.12614 4.88371M21.7152 12.8129C21.7152 11.4644 21.4115 10.1867 20.8688 9.0447M12.925 21.6032C14.2829 21.6032 15.5689 21.2952 16.717 20.7454M16.717 20.7454C17.2587 21.5257 18.1612 22.0366 19.1831 22.0366C20.84 22.0366 22.1831 20.6935 22.1831 19.0366C22.1831 17.3798 20.84 16.0366 19.1831 16.0366C17.5263 16.0366 16.1831 17.3798 16.1831 19.0366C16.1831 19.6716 16.3804 20.2605 16.717 20.7454ZM4.96506 16.5471C4.16552 17.086 3.63965 17.9999 3.63965 19.0366C3.63965 20.6935 4.98279 22.0366 6.63965 22.0366C8.2965 22.0366 9.63965 20.6935 9.63965 19.0366C9.63965 17.3798 8.2965 16.0366 6.63965 16.0366C6.01951 16.0366 5.44333 16.2248 4.96506 16.5471ZM9.12614 4.88371C8.58687 4.08666 7.67444 3.56274 6.63965 3.56274C4.98279 3.56274 3.63965 4.90589 3.63965 6.56274C3.63965 8.2196 4.98279 9.56274 6.63965 9.56274C8.2965 9.56274 9.63965 8.2196 9.63965 6.56274C9.63965 5.94069 9.45032 5.36285 9.12614 4.88371ZM20.8688 9.0447C21.6621 8.50486 22.1831 7.59464 22.1831 6.56274C22.1831 4.90589 20.84 3.56274 19.1831 3.56274C17.5263 3.56274 16.1831 4.90589 16.1831 6.56274C16.1831 8.2196 17.5263 9.56274 19.1831 9.56274C19.8081 9.56274 20.3884 9.37165 20.8688 9.0447Z',
           subheading: (
             <>
-              <span className="text-foreground">Learn SQL when you're ready.</span> In the meantime,
-              Supabase generates automatic APIs to make coding a lot easier.
+              AI builders need endpoints immediately.{' '}
+              <span className="text-foreground">
+                Every table gets REST and GraphQL APIs automatically
+              </span>
+              . Your prompts become production APIs.
             </>
           ),
           image: (
@@ -485,32 +587,7 @@ const data: () => {
                 dark: '/images/solutions/neon/auto-generated-apis-dark.png',
                 light: '/images/solutions/neon/auto-generated-apis-light.png',
               }}
-              alt="Auto Generated APIs"
-              width={100}
-              height={100}
-              quality={100}
-            />
-          ),
-        },
-        {
-          id: 'foreign-data-wrappers',
-          title: 'Foreign Data Wrappers',
-          icon: 'M10.2805 18.2121C11.2419 18.6711 12.3325 18.8932 13.4711 18.8084C15.2257 18.6776 16.7596 17.843 17.8169 16.6015M8.21496 8.36469C9.27117 7.14237 10.7928 6.322 12.5311 6.19248C13.7196 6.10392 14.8558 6.34979 15.8474 6.85054M17.8169 16.6015L20.5242 19.3223C22.1857 17.5141 23.1562 15.1497 23.1562 12.5005C23.1562 6.89135 18.6091 2.34424 13 2.34424C10.9595 2.34424 9.16199 2.87659 7.57035 3.91232C8.35717 3.56865 9.22613 3.37801 10.1396 3.37801C12.6236 3.37801 14.7783 4.78762 15.8474 6.85054M17.8169 16.6015V16.6015C16.277 15.059 16.3448 12.5527 16.5387 10.3817C16.5557 10.191 16.5644 9.99794 16.5644 9.80282C16.5644 8.73844 16.3056 7.73451 15.8474 6.85054M13 22.6567C7.39086 22.6567 2.84375 18.1096 2.84375 12.5005C2.84375 9.84123 3.8026 7.48969 5.4753 5.67921L8.21496 8.42354V8.42354C9.76942 9.98064 9.69844 12.5133 9.51947 14.7062C9.50526 14.8803 9.49802 15.0564 9.49802 15.2341C9.49802 18.7705 12.3648 21.6373 15.9012 21.6373C16.8116 21.6373 17.6776 21.4473 18.4618 21.1048C16.8609 22.1588 15.06 22.6567 13 22.6567Z',
-          subheading: (
-            <>
-              Connect Supabase to <span className="text-foreground">Redshift, BigQuery, MySQL</span>
-              , and external APIs for seamless integrations.
-            </>
-          ),
-          image: (
-            <Image
-              draggable={false}
-              src={{
-                dark: '/images/solutions/neon/foreign-data-wrappers-dark.png',
-                light: '/images/solutions/neon/foreign-data-wrappers-light.png',
-              }}
-              alt="Foreign Data Wrappers"
-              containerClassName="md:mb-4"
+              alt="Instant APIs"
               width={100}
               height={100}
               quality={100}
@@ -518,16 +595,18 @@ const data: () => {
           ),
         },
         {
-          id: 'instant-deployment',
-          title: 'Instant and secure deployment',
+          id: 'dev-pipeline',
+          title: 'Development → Staging → Production Pipeline',
           icon: 'M12.5 1.5625C6.45939 1.5625 1.5625 6.45939 1.5625 12.5C1.5625 18.5406 6.45939 23.4375 12.5 23.4375C18.5406 23.4375 23.4375 18.5406 23.4375 12.5C23.4375 9.90692 22.5351 7.52461 21.0273 5.64995L11.6145 15.0627L9.61957 13.0677M12.6068 5.82237C8.92939 5.82237 5.94826 8.80351 5.94826 12.4809C5.94826 16.1583 8.92939 19.1395 12.6068 19.1395C16.2842 19.1395 19.2654 16.1583 19.2654 12.4809C19.2654 11.1095 18.8507 9.83483 18.14 8.77557',
           subheading: (
             <>
-              <span className="text-foreground">No need to set up servers</span>, manage DevOps, or
-              tweak security settings.
+              Start with free prototypes, graduate to production.{' '}
+              <span className="text-foreground">
+                One git push promotes everything: schema, functions, and security rules
+              </span>
+              .
             </>
           ),
-
           image: (
             <>
               <Image
@@ -564,24 +643,6 @@ const data: () => {
             </>
           ),
         },
-        {
-          id: 'observability',
-          title: 'Observability',
-          icon: 'M11.1404 7.66537C11.1404 5.18146 13.1541 3.16785 15.638 3.16785H17.3775C19.8614 3.16785 21.875 5.18146 21.875 7.66537V17.3776C21.875 19.8615 19.8614 21.8751 17.3775 21.8751H15.638C13.1541 21.8751 11.1404 19.8615 11.1404 17.3776V7.66537Z M3.125 14.7821C3.125 13.4015 4.24419 12.2823 5.62477 12.2823C7.00536 12.2823 8.12454 13.4015 8.12454 14.7821V19.3754C8.12454 20.7559 7.00536 21.8751 5.62477 21.8751C4.24419 21.8751 3.125 20.7559 3.125 19.3754V14.7821Z M3.125 5.58522C3.125 4.20463 4.24419 3.08545 5.62477 3.08545C7.00536 3.08545 8.12454 4.20463 8.12454 5.58522V6.95164C8.12454 8.33223 7.00536 9.45142 5.62477 9.45142C4.24419 9.45142 3.125 8.33223 3.125 6.95164V5.58522Z',
-          subheading: (
-            <>
-              Built-in logs, query performance tools, and security insights for{' '}
-              <span className="text-foreground">easy debugging</span>.
-            </>
-          ),
-          image: (
-            <RealtimeLogs
-              isActive={false}
-              isInView={true}
-              className="h-3/5 bottom-0 top-auto [&_.visual-overlay]:!bg-[linear-gradient(to_top,hsl(var(--background-default))_0%,transparent_100%)]"
-            />
-          ),
-        },
       ],
     },
     resultsSection: {
@@ -680,6 +741,44 @@ const data: () => {
         },
       ],
     },
+    innovationEnablement: {
+      id: 'innovation-enablement',
+      heading: (
+        <>
+          From Prototype to Production: <br />{' '}
+          <span className="text-foreground">The Innovation Playbook</span>
+        </>
+      ),
+      options: [
+        {
+          title: 'Prototype Today',
+          type: 'Self-Serve',
+          description: 'Start free with any AI builder + Supabase',
+          cta: {
+            label: 'Create Your First App in 5 Minutes',
+            href: 'https://supabase.com/dashboard',
+          },
+        },
+        {
+          title: 'Innovation Sprint',
+          type: 'Guided',
+          description: '1-day hackathon for your team. Build 3 production-ready prototypes.',
+          cta: {
+            label: 'Contact our Growth Team',
+            href: '/contact/sales',
+          },
+        },
+        {
+          title: 'Enterprise Pilot',
+          type: 'Full Support',
+          description: '30-day program with dedicated success team',
+          cta: {
+            label: 'Talk to Sales',
+            href: '/contact/sales',
+          },
+        },
+      ],
+    },
     securitySection: {
       id: 'security',
       label: 'Security',
diff --git a/apps/www/pages/solutions/innovation-teams.tsx b/apps/www/pages/solutions/innovation-teams.tsx
index 326b7d8d87a3e..5e5731aa532c8 100644
--- a/apps/www/pages/solutions/innovation-teams.tsx
+++ b/apps/www/pages/solutions/innovation-teams.tsx
@@ -1,11 +1,15 @@
 import { NextPage } from 'next'
 import dynamic from 'next/dynamic'
 import { NextSeo } from 'next-seo'
+import Link from 'next/link'
+import { Check, ArrowRight } from 'lucide-react'
 
 import Layout from 'components/Layouts/Default'
 import SolutionsStickyNav from 'components/SolutionsStickyNav'
+import SectionContainer from 'components/Layouts/SectionContainer'
 import content from 'data/solutions/innovation-teams'
 import { Solutions } from 'data/Solutions'
+import { Button, cn } from 'ui'
 
 const ProductHeader = dynamic(() => import('components/Sections/ProductHeader2'))
 const SingleQuote = dynamic(() => import('components/Sections/SingleQuote'))
@@ -16,6 +20,7 @@ const ResultsSection = dynamic(() => import('components/Solutions/ResultsSection
 const FeatureGrid = dynamic(() => import('components/Solutions/FeatureGrid'))
 const PlatformStarterSection = dynamic(() => import('components/Solutions/TwoColumnsSection'))
 const MPCSection = dynamic(() => import('components/Solutions/MPCSection'))
+const SecuritySection = dynamic(() => import('components/Enterprise/Security'))
 
 const InnovationTeams: NextPage = () => {
   const data = (content as any)()
@@ -48,6 +53,139 @@ const InnovationTeams: NextPage = () => {
             {...data.quote}
           />
         )}
+        {data.secondaryQuote && (
+          <SingleQuote
+            id="secondary-quote"
+            quote={{
+              text: data.secondaryQuote.text,
+              author: data.secondaryQuote.author,
+              role: data.secondaryQuote.role,
+              logo: data.secondaryQuote.logo,
+            }}
+            className="!pt-0"
+          />
+        )}
+        {/* AI Builder Ecosystem Section */}
+        {data.aiBuilderEcosystem && (
+          <SectionContainer id={data.aiBuilderEcosystem.id} className="py-16 md:py-24">
+            <div className="grid grid-cols-1 lg:grid-cols-2 gap-8 lg:gap-16 items-center">
+              {/* Left column - Content */}
+              <div>
+                <h2 className="text-2xl sm:text-3xl lg:text-4xl text-foreground-lighter mb-4">
+                  {data.aiBuilderEcosystem.heading}
+                </h2>
+                <p className="text-foreground-lighter text-lg mb-8">
+                  {data.aiBuilderEcosystem.subheading}
+                </p>
+                <ul className="space-y-4">
+                  {data.aiBuilderEcosystem.builders.map(
+                    (builder: { name: string; description: string }) => (
+                      <li key={builder.name} className="flex gap-3">
+                        <Check className="w-5 h-5 text-brand mt-0.5 shrink-0" />
+                        <div>
+                          <span className="text-foreground font-medium">{builder.name}</span>
+                          <span className="text-foreground-lighter">: {builder.description}</span>
+                        </div>
+                      </li>
+                    )
+                  )}
+                </ul>
+                <p className="text-foreground-lighter mt-8">
+                  No configuration. No complexity. It just works.
+                </p>
+              </div>
+
+              {/* Right column - Visual */}
+              <div className="hidden lg:flex flex-col items-center justify-center">
+                {/* Supabase Logo */}
+                <div className="w-24 h-24 rounded-full bg-surface-100 border border-strong flex items-center justify-center">
+                  <img
+                    src="/images/supabase-logo-icon.svg"
+                    alt="Supabase"
+                    className="w-12 h-12"
+                    draggable={false}
+                  />
+                </div>
+
+                {/* SVG Lines */}
+                <svg className="w-[300px] h-[120px]" viewBox="0 0 300 120" fill="none">
+                  <path
+                    d="M 150 0 L 30 120"
+                    stroke="hsl(var(--border-strong))"
+                    strokeWidth="2"
+                    strokeDasharray="6 4"
+                    strokeOpacity="0.5"
+                    fill="none"
+                  />
+                  <path
+                    d="M 150 0 L 100 120"
+                    stroke="hsl(var(--border-strong))"
+                    strokeWidth="2"
+                    strokeDasharray="6 4"
+                    strokeOpacity="0.5"
+                    fill="none"
+                  />
+                  <path
+                    d="M 150 0 L 150 120"
+                    stroke="hsl(var(--border-strong))"
+                    strokeWidth="2"
+                    fill="none"
+                  />
+                  <path
+                    d="M 150 0 L 200 120"
+                    stroke="hsl(var(--border-strong))"
+                    strokeWidth="2"
+                    strokeDasharray="6 4"
+                    strokeOpacity="0.5"
+                    fill="none"
+                  />
+                  <path
+                    d="M 150 0 L 270 120"
+                    stroke="hsl(var(--border-strong))"
+                    strokeWidth="2"
+                    strokeDasharray="6 4"
+                    strokeOpacity="0.5"
+                    fill="none"
+                  />
+                </svg>
+
+                {/* Provider Logos Bar */}
+                <div className="flex items-center gap-6 px-6 py-4 rounded-lg border border-strong bg-surface-100">
+                  <img
+                    src="/images/logos/publicity/lovable.svg"
+                    alt="Lovable"
+                    className="h-8"
+                    draggable={false}
+                  />
+                  <img
+                    src="/images/logos/publicity/bolt.svg"
+                    alt="Bolt"
+                    className="h-8"
+                    draggable={false}
+                  />
+                  <img
+                    src="/images/logos/publicity/v0.svg"
+                    alt="v0"
+                    className="h-8"
+                    draggable={false}
+                  />
+                  <img
+                    src="/images/logos/publicity/figma.svg"
+                    alt="Figma"
+                    className="h-8"
+                    draggable={false}
+                  />
+                  <img
+                    src="/images/logos/publicity/tempo.svg"
+                    alt="Tempo"
+                    className="h-8"
+                    draggable={false}
+                  />
+                </div>
+              </div>
+            </div>
+          </SectionContainer>
+        )}
         <FeaturesSection
           id={data.why.id}
           label={data.why.label}
@@ -55,6 +193,66 @@ const InnovationTeams: NextPage = () => {
           subheading={data.why.subheading}
           features={data.why.features}
         />
+        {/* Customer Evidence Section */}
+        {data.customerEvidence && (
+          <SectionContainer id={data.customerEvidence.id} className="py-16 md:py-24">
+            <div className="text-center max-w-3xl mx-auto mb-12">
+              <h2 className="text-2xl sm:text-3xl lg:text-4xl text-foreground-lighter">
+                {data.customerEvidence.heading}
+              </h2>
+            </div>
+            <div className="grid md:grid-cols-2 gap-0 max-w-5xl mx-auto rounded-lg border overflow-hidden divide-x">
+              {data.customerEvidence.customers.map(
+                (customer: {
+                  name: string
+                  logo?: string
+                  highlights: string[]
+                  cta?: { label: string; href: string }
+                }) => (
+                  <div key={customer.name} className="p-6 md:p-8 flex flex-col">
+                    {customer.logo && (
+                      <div
+                        className="h-8 w-28 mb-6"
+                        style={{
+                          maskImage: `url(${customer.logo})`,
+                          WebkitMaskImage: `url(${customer.logo})`,
+                          maskSize: 'contain',
+                          WebkitMaskSize: 'contain',
+                          maskRepeat: 'no-repeat',
+                          WebkitMaskRepeat: 'no-repeat',
+                          maskPosition: 'left center',
+                          WebkitMaskPosition: 'left center',
+                          backgroundColor: 'currentColor',
+                        }}
+                      />
+                    )}
+                    <h3 className="text-lg text-foreground font-medium mb-4">{customer.name}</h3>
+                    <ul className="space-y-3 mb-6 flex-grow">
+                      {customer.highlights.map((highlight: string, i: number) => (
+                        <li
+                          key={i}
+                          className="flex items-start gap-3 text-foreground-lighter text-sm"
+                        >
+                          <Check className="w-4 h-4 text-brand shrink-0 mt-0.5" />
+                          <span>{highlight}</span>
+                        </li>
+                      ))}
+                    </ul>
+                    {customer.cta && (
+                      <Link
+                        href={customer.cta.href}
+                        className="inline-flex items-center gap-2 text-sm text-brand hover:text-brand-600 transition-colors"
+                      >
+                        {customer.cta.label}
+                        <ArrowRight className="w-4 h-4" />
+                      </Link>
+                    )}
+                  </div>
+                )
+              )}
+            </div>
+          </SectionContainer>
+        )}
         <PlatformSection
           id={data.platform.id}
           title={data.platform.title}
@@ -79,6 +277,67 @@ const InnovationTeams: NextPage = () => {
         {data.featureGrid && (
           <FeatureGrid id={data.featureGrid.id} features={data.featureGrid.features} />
         )}
+        {/* Security Section */}
+        {data.securitySection && (
+          <SecuritySection
+            id={data.securitySection.id}
+            label={data.securitySection.label}
+            heading={data.securitySection.heading}
+            subheading={data.securitySection.subheading}
+            features={data.securitySection.features}
+            cta={data.securitySection.cta}
+          />
+        )}
+        {/* Innovation Enablement Section */}
+        {data.innovationEnablement && (
+          <SectionContainer id={data.innovationEnablement.id} className="py-16 md:py-24">
+            <div className="text-center max-w-3xl mx-auto mb-12">
+              <h2 className="text-2xl sm:text-3xl lg:text-4xl text-foreground-lighter mb-4">
+                {data.innovationEnablement.heading}
+              </h2>
+            </div>
+            <div className="flex flex-col md:flex-row max-w-5xl mx-auto rounded-lg border overflow-hidden">
+              {data.innovationEnablement.options.map(
+                (
+                  option: {
+                    title: string
+                    type: string
+                    description: string
+                    cta: { label: string; href: string }
+                  },
+                  index: number
+                ) => (
+                  <div key={option.title} className="flex-1 flex items-stretch">
+                    <div className="p-6 md:p-8 flex flex-col flex-1">
+                      <span className="text-xs uppercase tracking-wider text-foreground-muted mb-2">
+                        {option.type}
+                      </span>
+                      <h3 className="text-lg text-foreground font-medium mb-2">{option.title}</h3>
+                      <p className="text-foreground-lighter text-sm mb-6 flex-grow">
+                        {option.description}
+                      </p>
+                      <Button type={index === 0 ? 'primary' : 'default'} asChild>
+                        <Link href={option.cta.href}>{option.cta.label}</Link>
+                      </Button>
+                    </div>
+                    {index < data.innovationEnablement.options.length - 1 && (
+                      <div className="hidden md:flex items-center justify-center w-8 shrink-0">
+                        <svg className="w-8 h-full" viewBox="0 0 32 100" fill="none">
+                          <path
+                            d="M 0 50 L 32 50"
+                            stroke="hsl(var(--border-strong))"
+                            strokeWidth="2"
+                            strokeDasharray="4 4"
+                          />
+                        </svg>
+                      </div>
+                    )}
+                  </div>
+                )
+              )}
+            </div>
+          </SectionContainer>
+        )}
         {data.platformStarterSection && <PlatformStarterSection {...data.platformStarterSection} />}
         {data.mcp && <MPCSection {...data.mcp} />}
       </Layout>
diff --git a/apps/www/public/images/customers/logos/accenture.svg b/apps/www/public/images/customers/logos/accenture.svg
new file mode 100644
index 0000000000000..807a0b5e4c0b5
--- /dev/null
+++ b/apps/www/public/images/customers/logos/accenture.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" width="153" height="40" viewBox="0 0 153 40">
+  <path d="m0 28.75 22.07-8.21L0 11.92V.5l37.8 15.22v9.47L0 40.5z"/>
+</svg>

From 11972cc67e4e2c0c382885029e6f97ca5e491314 Mon Sep 17 00:00:00 2001
From: Maksym Ionutsa <123338468+peekknuf@users.noreply.github.com>
Date: Thu, 29 Jan 2026 16:30:43 +0100
Subject: [PATCH 5/6] docs: clarify preview vs persistent branches (#41835)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

## 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?

- Clarifies that preview branches are ephemeral and auto‑paused/deleted
after inactivity or PR close/merge.
- States that persistent branches are recommended for staging/QA/dev and
do not auto‑pause/delete.

Users often expect branches to behave like Git branches and be
persistent by default. They create staging/dev environments without
switching to persistent and are surprised when the preview branch is
deleted.

Relatively common cause for support tickets.

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

## Summary by CodeRabbit

* **Documentation**
* Enhanced branching guide with clarified behavior for Preview Branches
(ephemeral with automatic cleanup) and Persistent Branches (long-lived
without automatic cleanup).

<sub>✏️ Tip: You can customize this high-level summary in your review
settings.</sub>

<!-- end of auto-generated comment: release notes by coderabbit.ai -->
---
 apps/docs/content/guides/deployment/branching.mdx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/apps/docs/content/guides/deployment/branching.mdx b/apps/docs/content/guides/deployment/branching.mdx
index 74782ceb45579..ab6c6dff990b3 100644
--- a/apps/docs/content/guides/deployment/branching.mdx
+++ b/apps/docs/content/guides/deployment/branching.mdx
@@ -10,8 +10,8 @@ Supabase branches create separate environments that spin off from your main proj
 ## How branching works
 
 - **Separate Environments**: Each branch is a separate environment with its own Supabase instance and API credentials.
-- **Preview Branches**: You can create multiple Preview Branches for testing.
-- **Persistent Branches**: Persistent branches are long-lived branches. They aren't automatically paused or deleted due to non-inactivity or merging.
+- **Preview Branches**: Preview branches are ephemeral and best suited for focused testing. They are automatically paused after inactivity or deleted when a PR is merged or closed.
+- **Persistent Branches**: Persistent branches are long-lived and recommended for environments like staging, QA, or development. Unlike preview branches, they aren't automatically paused or deleted due to inactivity or when a PR is merged or closed.
 - **Managing Branches**: You can create, review, and merge branches either automatically via our [GitHub integration](/docs/guides/deployment/branching/github-integration) or directly [through the dashboard](/docs/guides/deployment/branching/dashboard) (currently in beta). All branches show up in the branches page in the dashboard, regardless of how they were created.
 - **Data-less**: New branches do not start with any data from your main project. This is meant to better protect your sensitive production data. To start your branches with data, you can use a [seed file](/docs/guides/deployment/branching/github-integration#seeding) if using the GitHub integration.
 

From 180925bc92b011425b8ab9eaba65bb9457aa39b1 Mon Sep 17 00:00:00 2001
From: "kemal.earth" <606977+kemaldotearth@users.noreply.github.com>
Date: Thu, 29 Jan 2026 15:32:02 +0000
Subject: [PATCH 6/6] feat(studio): inline actions for projects list (#42141)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

## 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?

Minor nit I wanted to address. Adds "more actions" to the projects list
view so you can delete projects in line (eventually batch delete maybe?)


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

* **New Features**
* Dropdown actions on project cards and rows: copy project reference
with visual feedback and delete project action.
* Delete confirmation modal accepts optional organization/project
context.
* Mini bar-chart metrics added to project cards for quick DB health
visualization.
* Header-focused card layout and compact project metadata for clearer
presentation.

* **Bug Fixes / UX**
  * Improved copy-to-clipboard feedback with toasts and icons.
  * Table header adjusted for proper column alignment.

<sub>✏️ Tip: You can customize this high-level summary in your review
settings.</sub>
<!-- end of auto-generated comment: release notes by coderabbit.ai -->
---
 .../Home/ProjectList/ProjectCard.tsx          | 154 ++++++++----
 .../Home/ProjectList/ProjectList.tsx          |   1 +
 .../Home/ProjectList/ProjectTableRow.tsx      | 227 ++++++++++++------
 .../DeleteProjectPanel/DeleteProjectModal.tsx |  14 +-
 4 files changed, 274 insertions(+), 122 deletions(-)

diff --git a/apps/studio/components/interfaces/Home/ProjectList/ProjectCard.tsx b/apps/studio/components/interfaces/Home/ProjectList/ProjectCard.tsx
index ed36761b42f3b..6530d5a579c91 100644
--- a/apps/studio/components/interfaces/Home/ProjectList/ProjectCard.tsx
+++ b/apps/studio/components/interfaces/Home/ProjectList/ProjectCard.tsx
@@ -1,8 +1,10 @@
-import { Github } from 'lucide-react'
+import { Github, MoreVertical, Trash, Copy } from 'lucide-react'
 import InlineSVG from 'react-inlinesvg'
+import { useState } from 'react'
 
 import CardButton from 'components/ui/CardButton'
 import { ComputeBadgeWrapper } from 'components/ui/ComputeBadgeWrapper'
+import { DeleteProjectModal } from 'components/interfaces/Settings/General/DeleteProjectPanel/DeleteProjectModal'
 import type { IntegrationProjectConnection } from 'data/integrations/integrations.types'
 import { ProjectIndexPageLink } from 'data/prefetchers/project.$ref'
 import { getComputeSize, OrgProject } from 'data/projects/org-projects-infinite-query'
@@ -12,10 +14,21 @@ import { useIsFeatureEnabled } from 'hooks/misc/useIsFeatureEnabled'
 import { BASE_PATH } from 'lib/constants'
 import { inferProjectStatus } from './ProjectCard.utils'
 import { ProjectCardStatus } from './ProjectCardStatus'
+import type { Organization } from 'types'
+import { toast } from 'sonner'
+import {
+  copyToClipboard,
+  DropdownMenu,
+  DropdownMenuContent,
+  DropdownMenuItem,
+  DropdownMenuTrigger,
+  Button,
+} from 'ui'
 
 export interface ProjectCardProps {
   slug?: string
   project: OrgProject
+  organization?: Organization
   rewriteHref?: string
   githubIntegration?: IntegrationProjectConnection
   vercelIntegration?: IntegrationProjectConnection
@@ -25,12 +38,14 @@ export interface ProjectCardProps {
 export const ProjectCard = ({
   slug,
   project,
+  organization,
   rewriteHref,
   githubIntegration,
   vercelIntegration,
   resourceWarnings,
 }: ProjectCardProps) => {
   const { name, ref: projectRef } = project
+  const [isDeleteModalOpen, setIsDeleteModalOpen] = useState(false)
 
   const { infraAwsNimbusLabel } = useCustomContent(['infra:aws_nimbus_label'])
   const providerLabel =
@@ -48,52 +63,105 @@ export const ProjectCard = ({
   const projectStatus = inferProjectStatus(project.status)
 
   return (
-    <li className="list-none h-min">
-      <CardButton
-        linkHref={rewriteHref ? rewriteHref : `/project/${projectRef}`}
-        className="h-44 !px-0 group pt-5 pb-0"
-        title={
-          <div className="w-full flex flex-col gap-y-4 justify-between px-5">
-            {/* Text */}
-            <div className="flex flex-col gap-y-0.5">
-              <h5 className="text-sm flex-shrink truncate pr-5">{name}</h5>
-              <p className="text-sm text-foreground-lighter">{desc}</p>
-            </div>
-            {/* Compute and integrations */}
-            <div className="flex items-center gap-x-1.5">
-              {project.status !== 'INACTIVE' && projectHomepageShowInstanceSize && (
-                <ComputeBadgeWrapper
-                  slug={slug}
-                  projectRef={project.ref}
-                  cloudProvider={project.cloud_provider}
-                  computeSize={getComputeSize(project)}
+    <>
+      <li className="list-none h-min">
+        <CardButton
+          linkHref={rewriteHref ? rewriteHref : `/project/${projectRef}`}
+          className="h-44 !px-0 group pt-5 pb-0 overflow-hidden relative"
+          hideChevron
+          title={
+            <div className="w-full flex flex-col gap-y-4 justify-between px-5 z-10">
+              <div className="flex flex-col gap-y-0.5 relative z-10">
+                <div className="flex items-center justify-between">
+                  <h5 className="text-sm flex-shrink truncate pr-5">{name}</h5>
+                  <div onClick={(e) => e.preventDefault()}>
+                    <DropdownMenu>
+                      <DropdownMenuTrigger asChild>
+                        <Button
+                          type="text"
+                          icon={<MoreVertical size={14} />}
+                          className="w-6 h-6 px-0"
+                          onClick={(e) => {
+                            e.stopPropagation()
+                            e.preventDefault()
+                          }}
+                          onPointerDown={(e) => e.stopPropagation()}
+                        />
+                      </DropdownMenuTrigger>
+                      <DropdownMenuContent align="end" className="w-48">
+                        <DropdownMenuItem
+                          className="gap-x-2"
+                          onClick={(e) => {
+                            e.stopPropagation()
+                            copyToClipboard(projectRef)
+                            toast.success('Copied project ID to clipboard')
+                          }}
+                        >
+                          <Copy size={14} />
+                          <span>Copy project ID</span>
+                        </DropdownMenuItem>
+                        <DropdownMenuItem
+                          className="gap-x-2"
+                          onClick={(e) => {
+                            e.stopPropagation()
+                            setIsDeleteModalOpen(true)
+                          }}
+                        >
+                          <Trash size={14} />
+                          <span>Delete project</span>
+                        </DropdownMenuItem>
+                      </DropdownMenuContent>
+                    </DropdownMenu>
+                  </div>
+                </div>
+                <p className="text-sm text-foreground-lighter">{desc}</p>
+              </div>
+              <div className="flex items-center gap-x-1.5 relative z-10">
+                <ProjectCardStatus
+                  projectStatus={projectStatus}
+                  resourceWarnings={resourceWarnings}
+                  renderMode="badge"
                 />
-              )}
-              {isVercelIntegrated && (
-                <div className="bg-surface-100 w-5 h-5 p-1 border border-strong rounded-md flex items-center justify-center text-black dark:text-white">
-                  <InlineSVG
-                    src={`${BASE_PATH}/img/icons/vercel-icon.svg`}
-                    title="Vercel Icon"
-                    className="w-3"
+                {project.status !== 'INACTIVE' && projectHomepageShowInstanceSize && (
+                  <ComputeBadgeWrapper
+                    slug={slug}
+                    projectRef={project.ref}
+                    cloudProvider={project.cloud_provider}
+                    computeSize={getComputeSize(project)}
                   />
-                </div>
-              )}
-              {isGithubIntegrated && (
-                <div className="bg-surface-100 flex items-center gap-x-0.5 h-5 pr-1 border border-strong rounded-md">
-                  <div className="w-5 h-5 p-1 flex items-center justify-center">
-                    <Github size={12} strokeWidth={1.5} />
+                )}
+                {isVercelIntegrated && (
+                  <div className="bg-surface-100 w-5 h-5 p-1 border border-strong rounded-md flex items-center justify-center text-black dark:text-white">
+                    <InlineSVG
+                      src={`${BASE_PATH}/img/icons/vercel-icon.svg`}
+                      title="Vercel Icon"
+                      className="w-3"
+                    />
                   </div>
-                  <p className="text-xs text-foreground-light truncate">{githubRepository}</p>
-                </div>
-              )}
+                )}
+                {isGithubIntegrated && (
+                  <div className="bg-surface-100 flex items-center gap-x-0.5 h-5 pr-1 border border-strong rounded-md">
+                    <div className="w-5 h-5 p-1 flex items-center justify-center">
+                      <Github size={12} strokeWidth={1.5} />
+                    </div>
+                    <p className="text-xs text-foreground-light truncate">{githubRepository}</p>
+                  </div>
+                )}
+              </div>
             </div>
-          </div>
-        }
-        footer={
-          <ProjectCardStatus projectStatus={projectStatus} resourceWarnings={resourceWarnings} />
-        }
-        containerElement={<ProjectIndexPageLink projectRef={projectRef} />}
+          }
+          footer={
+            <ProjectCardStatus projectStatus={projectStatus} resourceWarnings={resourceWarnings} />
+          }
+          containerElement={<ProjectIndexPageLink projectRef={projectRef} />}
+        />
+      </li>
+      <DeleteProjectModal
+        visible={isDeleteModalOpen}
+        onClose={() => setIsDeleteModalOpen(false)}
+        project={project}
+        organization={organization}
       />
-    </li>
+    </>
   )
 }
diff --git a/apps/studio/components/interfaces/Home/ProjectList/ProjectList.tsx b/apps/studio/components/interfaces/Home/ProjectList/ProjectList.tsx
index 6e25f8fa504de..f3c0c18b0d135 100644
--- a/apps/studio/components/interfaces/Home/ProjectList/ProjectList.tsx
+++ b/apps/studio/components/interfaces/Home/ProjectList/ProjectList.tsx
@@ -148,6 +148,7 @@ export const ProjectList = ({ organization: organization_, rewriteHref }: Projec
               <TableHead className={cn(noResults && 'text-foreground-muted')}>Compute</TableHead>
               <TableHead className={cn(noResults && 'text-foreground-muted')}>Region</TableHead>
               <TableHead className={cn(noResults && 'text-foreground-muted')}>Created</TableHead>
+              <TableHead className={cn(noResults && 'text-foreground-muted')} />
             </TableRow>
           </TableHeader>
           <TableBody>
diff --git a/apps/studio/components/interfaces/Home/ProjectList/ProjectTableRow.tsx b/apps/studio/components/interfaces/Home/ProjectList/ProjectTableRow.tsx
index 2c158b0d6387b..a6e3e94951a15 100644
--- a/apps/studio/components/interfaces/Home/ProjectList/ProjectTableRow.tsx
+++ b/apps/studio/components/interfaces/Home/ProjectList/ProjectTableRow.tsx
@@ -1,6 +1,7 @@
-import { Github } from 'lucide-react'
+import { Github, MoreVertical, Trash, Copy, Check } from 'lucide-react'
 import { useRouter } from 'next/router'
 import InlineSVG from 'react-inlinesvg'
+import { useState } from 'react'
 
 import { ComputeBadgeWrapper } from 'components/ui/ComputeBadgeWrapper'
 import type { IntegrationProjectConnection } from 'data/integrations/integrations.types'
@@ -9,10 +10,21 @@ import type { ResourceWarning } from 'data/usage/resource-warnings-query'
 import { BASE_PATH } from 'lib/constants'
 import { createNavigationHandler } from 'lib/navigation'
 import type { Organization } from 'types'
-import { TableCell, TableRow } from 'ui'
+import {
+  DropdownMenuTrigger,
+  DropdownMenuItem,
+  DropdownMenuContent,
+  DropdownMenu,
+  TableCell,
+  TableRow,
+  Button,
+} from 'ui'
 import { TimestampInfo } from 'ui-patterns'
 import { inferProjectStatus } from './ProjectCard.utils'
 import { ProjectCardStatus } from './ProjectCardStatus'
+import { DeleteProjectModal } from 'components/interfaces/Settings/General/DeleteProjectPanel/DeleteProjectModal'
+import { toast } from 'sonner'
+import { copyToClipboard } from 'ui'
 
 export interface ProjectTableRowProps {
   project: OrgProject
@@ -34,93 +46,154 @@ export const ProjectTableRow = ({
   const router = useRouter()
   const { name, ref: projectRef } = project
   const projectStatus = inferProjectStatus(project.status)
+  const [isDeleteModalOpen, setIsDeleteModalOpen] = useState(false)
+  const [isCopied, setIsCopied] = useState(false)
 
   const url = rewriteHref ?? `/project/${project.ref}`
   const isGithubIntegrated = githubIntegration !== undefined
   const isVercelIntegrated = vercelIntegration !== undefined
   const githubRepository = githubIntegration?.metadata.name ?? undefined
-
-  const infraInformation = project.databases.find((x) => x.identifier === project.ref)
-
   const handleNavigation = createNavigationHandler(url, router)
 
+  const handleCopyProjectRef = (e: React.SyntheticEvent) => {
+    e.stopPropagation()
+    copyToClipboard(projectRef)
+    setIsCopied(true)
+    toast.success('Copied project ID to clipboard')
+    setTimeout(() => setIsCopied(false), 2000)
+  }
+
   return (
-    <TableRow
-      className="cursor-pointer hover:bg-surface-200 inset-focus"
-      onClick={handleNavigation}
-      onAuxClick={handleNavigation}
-      onKeyDown={handleNavigation}
-      tabIndex={0}
-    >
-      <TableCell>
-        <div className="flex flex-col gap-y-2">
-          {/* Text */}
-          <div>
-            <h5 className="text-sm">{name}</h5>
-            <p className="text-sm text-foreground-lighter">ID: {projectRef}</p>
-          </div>
-          {/* Integrations */}
-          {(isGithubIntegrated || isVercelIntegrated) && (
-            <div className="flex items-center gap-x-1.5">
-              {isVercelIntegrated && (
-                <div className="bg-surface-100 w-5 h-5 p-1 border border-strong rounded-md flex items-center text-black dark:text-white">
-                  <InlineSVG
-                    src={`${BASE_PATH}/img/icons/vercel-icon.svg`}
-                    title="Vercel Icon"
-                    className="w-3"
+    <>
+      <TableRow
+        className="cursor-pointer hover:bg-surface-200 inset-focus"
+        onClick={handleNavigation}
+        onAuxClick={handleNavigation}
+        onKeyDown={handleNavigation}
+        tabIndex={0}
+      >
+        <TableCell>
+          <div className="flex flex-col gap-y-2">
+            <div>
+              <h5 className="text-sm">{name}</h5>
+              <button
+                tabIndex={0}
+                onClick={handleCopyProjectRef}
+                onKeyDown={(e) => {
+                  if (e.key === 'Enter' || e.key === ' ') {
+                    e.preventDefault()
+                    handleCopyProjectRef(e)
+                  }
+                }}
+                className="inline-flex items-center gap-x-1 cursor-pointer border border-transparent border-dashed rounded transition-colors hover:bg-surface-100 hover:border hover:border-strong group font-mono text-xs text-foreground-lighter hover:text-foreground-light px-1 -ml-1"
+              >
+                {projectRef}
+                {isCopied ? (
+                  <Check size={12} strokeWidth={1.25} className="text-brand" />
+                ) : (
+                  <Copy
+                    size={12}
+                    strokeWidth={1.25}
+                    className="opacity-0 group-hover:opacity-100 transition-opacity"
                   />
-                </div>
-              )}
-              {isGithubIntegrated && (
-                <div className="bg-surface-100 flex items-center gap-x-0.5 h-5 pr-1 border border-strong rounded-md">
-                  <div className="w-5 h-5 p-1 flex items-center">
-                    <Github size={12} strokeWidth={1.5} />
-                  </div>
-                  {githubRepository && (
-                    <p className="text-xs text-foreground-light truncate">{githubRepository}</p>
-                  )}
-                </div>
-              )}
+                )}
+              </button>
             </div>
-          )}
-        </div>
-      </TableCell>
-      <TableCell>
-        <ProjectCardStatus
-          projectStatus={projectStatus}
-          resourceWarnings={resourceWarnings}
-          renderMode="badge"
-        />
-      </TableCell>
-      <TableCell>
-        <div className="w-fit">
-          {project.status !== 'INACTIVE' ? (
-            <ComputeBadgeWrapper
-              slug={organization?.slug}
-              projectRef={project.ref}
-              cloudProvider={project.cloud_provider}
-              computeSize={getComputeSize(project)}
+            {(isGithubIntegrated || isVercelIntegrated) && (
+              <div className="flex items-center gap-x-1.5">
+                {isVercelIntegrated && (
+                  <div className="bg-surface-100 w-5 h-5 p-1 border border-strong rounded-md flex items-center text-black dark:text-white">
+                    <InlineSVG
+                      src={`${BASE_PATH}/img/icons/vercel-icon.svg`}
+                      title="Vercel Icon"
+                      className="w-3"
+                    />
+                  </div>
+                )}
+                {isGithubIntegrated && (
+                  <div className="bg-surface-100 flex items-center gap-x-0.5 h-5 pr-1 border border-strong rounded-md">
+                    <div className="w-5 h-5 p-1 flex items-center">
+                      <Github size={12} strokeWidth={1.5} />
+                    </div>
+                    {githubRepository && (
+                      <p className="text-xs text-foreground-light truncate">{githubRepository}</p>
+                    )}
+                  </div>
+                )}
+              </div>
+            )}
+          </div>
+        </TableCell>
+        <TableCell>
+          <ProjectCardStatus
+            projectStatus={projectStatus}
+            resourceWarnings={resourceWarnings}
+            renderMode="badge"
+          />
+        </TableCell>
+        <TableCell>
+          <div className="w-fit">
+            {project.status !== 'INACTIVE' ? (
+              <ComputeBadgeWrapper
+                slug={organization?.slug}
+                projectRef={project.ref}
+                cloudProvider={project.cloud_provider}
+                computeSize={getComputeSize(project)}
+              />
+            ) : (
+              <span className="text-xs text-foreground-muted">–</span>
+            )}
+          </div>
+        </TableCell>
+        <TableCell>
+          <span className="lowercase text-sm text-foreground-light">
+            {project.cloud_provider} | {project.region || 'N/A'}
+          </span>
+        </TableCell>
+        <TableCell>
+          {project.inserted_at ? (
+            <TimestampInfo
+              className="text-sm text-foreground-light"
+              utcTimestamp={project.inserted_at}
             />
           ) : (
-            <span className="text-xs text-foreground-muted">–</span>
+            <span className="text-sm text-foreground-light">N/A</span>
           )}
-        </div>
-      </TableCell>
-      <TableCell>
-        <span className="lowercase text-sm text-foreground-light">
-          {project.cloud_provider} | {project.region || 'N/A'}
-        </span>
-      </TableCell>
-      <TableCell>
-        {project.inserted_at ? (
-          <TimestampInfo
-            className="text-sm text-foreground-light"
-            utcTimestamp={project.inserted_at}
-          />
-        ) : (
-          <span className="text-sm text-foreground-light">N/A</span>
-        )}
-      </TableCell>
-    </TableRow>
+        </TableCell>
+        <TableCell className="text-right">
+          <div onClick={(e) => e.stopPropagation()}>
+            <DropdownMenu>
+              <DropdownMenuTrigger asChild>
+                <Button
+                  type="default"
+                  icon={<MoreVertical />}
+                  aria-label="More actions"
+                  className="w-7"
+                  onClick={(e) => e.stopPropagation()}
+                />
+              </DropdownMenuTrigger>
+              <DropdownMenuContent align="end" className="w-48">
+                <DropdownMenuItem
+                  className="gap-x-2"
+                  onClick={(e) => {
+                    e.stopPropagation()
+                    setIsDeleteModalOpen(true)
+                  }}
+                >
+                  <Trash size={14} />
+                  <span>Delete project</span>
+                </DropdownMenuItem>
+              </DropdownMenuContent>
+            </DropdownMenu>
+          </div>
+        </TableCell>
+      </TableRow>
+      <DeleteProjectModal
+        visible={isDeleteModalOpen}
+        onClose={() => setIsDeleteModalOpen(false)}
+        project={project}
+        organization={organization}
+      />
+    </>
   )
 }
diff --git a/apps/studio/components/interfaces/Settings/General/DeleteProjectPanel/DeleteProjectModal.tsx b/apps/studio/components/interfaces/Settings/General/DeleteProjectPanel/DeleteProjectModal.tsx
index 67fd5a83bea62..32b76175d8ae6 100644
--- a/apps/studio/components/interfaces/Settings/General/DeleteProjectPanel/DeleteProjectModal.tsx
+++ b/apps/studio/components/interfaces/Settings/General/DeleteProjectPanel/DeleteProjectModal.tsx
@@ -7,22 +7,32 @@ import { CANCELLATION_REASONS } from 'components/interfaces/Billing/Billing.cons
 import { TextConfirmModal } from 'components/ui/TextConfirmModalWrapper'
 import { useSendDowngradeFeedbackMutation } from 'data/feedback/exit-survey-send'
 import { useProjectDeleteMutation } from 'data/projects/project-delete-mutation'
+import type { OrgProject } from 'data/projects/org-projects-infinite-query'
 import { useOrgSubscriptionQuery } from 'data/subscriptions/org-subscription-query'
 import { useLocalStorageQuery } from 'hooks/misc/useLocalStorage'
 import { useSelectedOrganizationQuery } from 'hooks/misc/useSelectedOrganization'
 import { useSelectedProjectQuery } from 'hooks/misc/useSelectedProject'
+import type { Organization } from 'types'
 import { Input } from 'ui'
 
 export const DeleteProjectModal = ({
   visible,
   onClose,
+  project: projectProp,
+  organization: organizationProp,
 }: {
   visible: boolean
   onClose: () => void
+  project?: OrgProject
+  organization?: Organization
 }) => {
   const router = useRouter()
-  const { data: project } = useSelectedProjectQuery()
-  const { data: organization } = useSelectedOrganizationQuery()
+  const { data: projectFromQuery } = useSelectedProjectQuery()
+  const { data: organizationFromQuery } = useSelectedOrganizationQuery()
+
+  // Use props if provided, otherwise fall back to hooks
+  const project = projectProp || projectFromQuery
+  const organization = organizationProp || organizationFromQuery
 
   const [lastVisitedOrganization] = useLocalStorageQuery(
     LOCAL_STORAGE_KEYS.LAST_VISITED_ORGANIZATION,