From 17dbcc91e420832bf01972cc2d2cff7a2b699c2d Mon Sep 17 00:00:00 2001
From: Jamie Boyd <jamie.boyd@supabase.io>
Date: Fri, 13 Feb 2026 10:38:49 +0000
Subject: [PATCH 1/6] Add Jamie Boyd to humans.txt (#42773)

Added my name (Jamie Boyd) to humans.txt


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

## Summary by CodeRabbit

* **Chores**
  * Updated team or contributor listing.

<!-- 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 af7e845bb06d0..00f287daabcf7 100644
--- a/apps/docs/public/humans.txt
+++ b/apps/docs/public/humans.txt
@@ -94,6 +94,7 @@ Ignacio Dobronich
 Illia Basalaiev
 Inian P
 Ivan Vasilov
+Jamie Boyd
 Jason Farber
 Jean-Paul Argudo
 Jeezy

From bd9e78b2097f28b2b354b2d274832b859dcbe3fe Mon Sep 17 00:00:00 2001
From: Francesco Sansalvadore <f.sansalvadore@gmail.com>
Date: Fri, 13 Feb 2026 11:48:12 +0100
Subject: [PATCH 2/6] chore: dashboard header alignments (#42769)

Align borders to match header heights.

<img width="2904" height="1734" alt="shot_2026-02-04_at_08 42 21z_2x"
src="https://github.com/user-attachments/assets/0538f8eb-64a5-4329-94fb-3ea4feed847d"
/>
---
 .../interfaces/Auth/Users/UsersV2.tsx         | 14 ++++++-------
 .../Database/Schemas/SchemaGraph.tsx          |  6 +-----
 .../Realtime/Inspector/EmptyRealtime.tsx      |  3 ++-
 .../interfaces/Realtime/Inspector/Header.tsx  |  8 ++++----
 .../Realtime/Inspector/MessageSelection.tsx   | 10 ++++------
 .../Realtime/Inspector/MessagesTable.tsx      | 20 +++++++++----------
 .../interfaces/Realtime/Inspector/index.tsx   |  4 ++--
 .../DefaultPreviewSelectionRenderer.tsx       |  5 +++--
 .../Settings/Logs/LogsPreviewer.tsx           | 16 +++++++--------
 .../Settings/Logs/LogsQueryPanel.tsx          | 10 +++++-----
 .../Settings/Logs/PreviewFilterPanel.tsx      | 16 +++++++--------
 .../layouts/ProjectLayout/ProductMenuBar.tsx  |  5 +----
 .../layouts/Tabs/CollapseButton.tsx           |  5 ++---
 .../components/layouts/Tabs/SortableTab.tsx   |  8 ++++----
 apps/studio/components/layouts/Tabs/Tabs.tsx  | 10 +++++-----
 .../layouts/editors/EditorBaseLayout.tsx      |  6 +++---
 .../ui/AIAssistantPanel/AIAssistantHeader.tsx |  4 ++--
 .../ui/AdvisorPanel/AdvisorFilters.tsx        |  7 +++----
 .../ui/AdvisorPanel/AdvisorPanelHeader.tsx    |  4 ++--
 .../components/ui/EditorPanel/EditorPanel.tsx | 10 +++++-----
 .../studio/components/ui/Forms/FormHeader.tsx |  3 ++-
 apps/studio/components/ui/ShimmerLine.tsx     |  8 ++++++--
 .../project/[ref]/advisors/performance.tsx    |  5 ++---
 .../pages/project/[ref]/advisors/security.tsx |  7 +++----
 apps/studio/styles/main.scss                  |  1 +
 packages/ui/src/lib/theme/defaultTheme.ts     |  3 ++-
 26 files changed, 97 insertions(+), 101 deletions(-)

diff --git a/apps/studio/components/interfaces/Auth/Users/UsersV2.tsx b/apps/studio/components/interfaces/Auth/Users/UsersV2.tsx
index 5156ed1590016..ae210967cf430 100644
--- a/apps/studio/components/interfaces/Auth/Users/UsersV2.tsx
+++ b/apps/studio/components/interfaces/Auth/Users/UsersV2.tsx
@@ -4,8 +4,8 @@ import { keepPreviousData, useQueryClient } from '@tanstack/react-query'
 import AwesomeDebouncePromise from 'awesome-debounce-promise'
 import { LOCAL_STORAGE_KEYS, useFlag, useParams } from 'common'
 import { useIsAPIDocsSidePanelEnabled } from 'components/interfaces/App/FeaturePreview/FeaturePreviewContext'
-import { APIDocsButton } from 'components/ui/APIDocsButton'
 import { AlertError } from 'components/ui/AlertError'
+import { APIDocsButton } from 'components/ui/APIDocsButton'
 import { ButtonTooltip } from 'components/ui/ButtonTooltip'
 import { FilterPopover } from 'components/ui/FilterPopover'
 import { FormHeader } from 'components/ui/Forms/FormHeader'
@@ -39,23 +39,23 @@ import { UIEvent, useEffect, useMemo, useRef, useState } from 'react'
 import DataGrid, { Column, DataGridHandle, Row } from 'react-data-grid'
 import { toast } from 'sonner'
 import {
+  Alert_Shadcn_,
   AlertDescription_Shadcn_,
   AlertTitle_Shadcn_,
-  Alert_Shadcn_,
   Button,
+  cn,
   LoadingLine,
   ResizablePanel,
   ResizablePanelGroup,
+  Select_Shadcn_,
   SelectContent_Shadcn_,
   SelectGroup_Shadcn_,
   SelectItem_Shadcn_,
   SelectTrigger_Shadcn_,
   SelectValue_Shadcn_,
-  Select_Shadcn_,
   Tooltip,
   TooltipContent,
   TooltipTrigger,
-  cn,
 } from 'ui'
 import ConfirmationModal from 'ui-patterns/Dialogs/ConfirmationModal'
 import { GenericSkeletonLoader } from 'ui-patterns/ShimmeringLoader'
@@ -482,10 +482,10 @@ export const UsersV2 = () => {
   return (
     <>
       <div className="h-full flex flex-col">
-        <FormHeader className="py-4 px-6 !mb-0" title="Users" />
+        <FormHeader className="py-4 px-6 !mb-0 border-b" title="Users" />
 
         {showImprovedSearchOptIn && (
-          <Alert_Shadcn_ className="rounded-none mb-0 border-0 border-t relative">
+          <Alert_Shadcn_ className="rounded-none mb-0 border-0 relative">
             <Tooltip>
               <TooltipTrigger
                 onClick={() => setImprovedSearchDismissed(true)}
@@ -535,7 +535,7 @@ export const UsersV2 = () => {
           </Alert_Shadcn_>
         )}
 
-        <div className="bg-surface-200 py-3 px-4 md:px-6 flex flex-col lg:flex-row lg:items-start justify-between gap-2 border-t">
+        <div className="bg-surface-200 py-3 px-4 md:px-6 flex flex-col lg:flex-row lg:items-start justify-between gap-2">
           {selectedUsers.size > 0 ? (
             <div className="flex items-center gap-x-2">
               <Button type="default" icon={<Trash />} onClick={() => setShowDeleteModal(true)}>
diff --git a/apps/studio/components/interfaces/Database/Schemas/SchemaGraph.tsx b/apps/studio/components/interfaces/Database/Schemas/SchemaGraph.tsx
index b85805474e32b..bef3838b64659 100644
--- a/apps/studio/components/interfaces/Database/Schemas/SchemaGraph.tsx
+++ b/apps/studio/components/interfaces/Database/Schemas/SchemaGraph.tsx
@@ -203,7 +203,7 @@ export const SchemaGraph = () => {
 
   return (
     <>
-      <div className="flex items-center justify-between p-4 border-b border-muted">
+      <div className="flex items-center justify-between p-4 border-b border-muted h-[var(--header-height)]">
         {isLoadingSchemas && (
           <div className="h-[34px] w-[260px] bg-foreground-lighter rounded shimmering-loader" />
         )}
@@ -328,10 +328,6 @@ export const SchemaGraph = () => {
                   type: 'smoothstep',
                   animated: true,
                   deletable: false,
-                  style: {
-                    stroke: 'hsl(var(--border-stronger))',
-                    strokeWidth: 1,
-                  },
                 }}
                 nodeTypes={nodeTypes}
                 fitView
diff --git a/apps/studio/components/interfaces/Realtime/Inspector/EmptyRealtime.tsx b/apps/studio/components/interfaces/Realtime/Inspector/EmptyRealtime.tsx
index b705d5ce9025d..721825b7a04ff 100644
--- a/apps/studio/components/interfaces/Realtime/Inspector/EmptyRealtime.tsx
+++ b/apps/studio/components/interfaces/Realtime/Inspector/EmptyRealtime.tsx
@@ -4,6 +4,7 @@ import Link from 'next/link'
 import { useAiAssistantStateSnapshot } from 'state/ai-assistant-state'
 import { useSidebarManagerSnapshot } from 'state/sidebar-manager-state'
 import { AiIconAnimation, Button, Card, cn } from 'ui'
+
 import { AnimatedCursors } from './AnimatedCursors'
 
 /**
@@ -22,7 +23,7 @@ export const EmptyRealtime = ({ projectRef }: { projectRef: string }) => {
   }
 
   return (
-    <div className="flex grow items-center justify-center p-12 border-t @container">
+    <div className="flex grow items-center justify-center p-12 @container">
       <div className="w-full max-w-4xl flex flex-col items-center gap-0">
         <div className="text-center mb-12">
           <AnimatedCursors />
diff --git a/apps/studio/components/interfaces/Realtime/Inspector/Header.tsx b/apps/studio/components/interfaces/Realtime/Inspector/Header.tsx
index e37f6039714fa..9e8af8a2d6783 100644
--- a/apps/studio/components/interfaces/Realtime/Inspector/Header.tsx
+++ b/apps/studio/components/interfaces/Realtime/Inspector/Header.tsx
@@ -1,13 +1,13 @@
 import { PermissionAction } from '@supabase/shared-types/out/constants'
-import { PlayCircle, StopCircle } from 'lucide-react'
-import { Dispatch, SetStateAction } from 'react'
-
 import { IS_PLATFORM, useParams } from 'common'
 import { ButtonTooltip } from 'components/ui/ButtonTooltip'
 import { getTemporaryAPIKey } from 'data/api-keys/temp-api-keys-query'
 import { useSendEventMutation } from 'data/telemetry/send-event-mutation'
 import { useAsyncCheckPermissions } from 'hooks/misc/useCheckPermissions'
 import { useSelectedOrganizationQuery } from 'hooks/misc/useSelectedOrganization'
+import { PlayCircle, StopCircle } from 'lucide-react'
+import { Dispatch, SetStateAction } from 'react'
+
 import { ChooseChannelPopover } from './ChooseChannelPopover'
 import { RealtimeFilterPopover } from './RealtimeFilterPopover'
 import { RealtimeTokensPopover } from './RealtimeTokensPopover'
@@ -29,7 +29,7 @@ export const Header = ({ config, onChangeConfig }: HeaderProps) => {
   )
 
   return (
-    <div className="flex flex-row h-14 gap-2.5 items-center px-4">
+    <div className="flex flex-row min-h-14 md:min-h-[var(--header-height)] gap-2.5 items-center px-4 border-b ">
       <div className="flex flex-row">
         <ChooseChannelPopover config={config} onChangeConfig={onChangeConfig} />
         <RealtimeTokensPopover config={config} onChangeConfig={onChangeConfig} />
diff --git a/apps/studio/components/interfaces/Realtime/Inspector/MessageSelection.tsx b/apps/studio/components/interfaces/Realtime/Inspector/MessageSelection.tsx
index 4ac29213a726e..e0d14a7bb26cb 100644
--- a/apps/studio/components/interfaces/Realtime/Inspector/MessageSelection.tsx
+++ b/apps/studio/components/interfaces/Realtime/Inspector/MessageSelection.tsx
@@ -1,11 +1,11 @@
-import { X } from 'lucide-react'
-import { useMemo } from 'react'
-
 import { useParams } from 'common'
 import CopyButton from 'components/ui/CopyButton'
 import { useSendEventMutation } from 'data/telemetry/send-event-mutation'
 import { useSelectedOrganizationQuery } from 'hooks/misc/useSelectedOrganization'
+import { X } from 'lucide-react'
+import { useMemo } from 'react'
 import { Button, cn } from 'ui'
+
 import type { LogData } from './Messages.types'
 import { SelectedRealtimeMessagePanel } from './SelectedRealtimeMessagePanel'
 
@@ -25,9 +25,7 @@ const MessageSelection = ({ log, onClose }: MessageSelectionProps) => {
 
   return (
     <div
-      className={cn(
-        'relative flex h-full flex-grow flex-col border-l border-t-2 overflow-y-scroll bg-200'
-      )}
+      className={cn('relative flex h-full flex-grow flex-col border-l overflow-y-scroll bg-200')}
     >
       <div
         className={cn(
diff --git a/apps/studio/components/interfaces/Realtime/Inspector/MessagesTable.tsx b/apps/studio/components/interfaces/Realtime/Inspector/MessagesTable.tsx
index f104df260aef2..466dbe35b7fb0 100644
--- a/apps/studio/components/interfaces/Realtime/Inspector/MessagesTable.tsx
+++ b/apps/studio/components/interfaces/Realtime/Inspector/MessagesTable.tsx
@@ -1,10 +1,4 @@
 import { PermissionAction } from '@supabase/shared-types/out/constants'
-import { isEqual } from 'lodash'
-import { ExternalLink, Loader2, Megaphone } from 'lucide-react'
-import Link from 'next/link'
-import { useEffect, useState } from 'react'
-import DataGrid, { Row } from 'react-data-grid'
-
 import { useParams } from 'common'
 import { DocsButton } from 'components/ui/DocsButton'
 import NoPermission from 'components/ui/NoPermission'
@@ -13,10 +7,16 @@ import { useSendEventMutation } from 'data/telemetry/send-event-mutation'
 import { useAsyncCheckPermissions } from 'hooks/misc/useCheckPermissions'
 import { useSelectedOrganizationQuery } from 'hooks/misc/useSelectedOrganization'
 import { DOCS_URL } from 'lib/constants'
-import { Button, IconBroadcast, IconDatabaseChanges, IconPresence, cn } from 'ui'
+import { isEqual } from 'lodash'
+import { ExternalLink, Loader2, Megaphone } from 'lucide-react'
+import Link from 'next/link'
+import { useEffect, useState } from 'react'
+import DataGrid, { Row } from 'react-data-grid'
+import { Button, cn, IconBroadcast, IconDatabaseChanges, IconPresence } from 'ui'
 import { GenericSkeletonLoader } from 'ui-patterns'
-import MessageSelection from './MessageSelection'
+
 import type { LogData } from './Messages.types'
+import MessageSelection from './MessageSelection'
 import NoChannelEmptyState from './NoChannelEmptyState'
 import { ColumnRenderer } from './RealtimeMessageColumnRenderer'
 
@@ -140,12 +140,12 @@ const MessagesTable = ({
 
   return (
     <>
-      <section className="flex w-full flex-col" style={{ maxHeight: 'calc(100vh - 42px - 3rem)' }}>
+      <section className="flex w-full flex-col md:max-h-[calc(100vh-var(--header-height)-3rem)]">
         <ShimmerLine active={enabled} />
         <div className={cn('flex h-full flex-row', enabled ? 'border-brand-400' : null)}>
           <div className="flex flex-grow flex-col">
             {enabled && (
-              <div className="w-full h-9 px-4 bg-surface-100 border-b items-center inline-flex justify-between text-foreground-light">
+              <div className="w-full h-9 px-4 bg-surface-100 items-center inline-flex justify-between text-foreground-light">
                 <div className="inline-flex gap-2.5 text-xs">
                   <Loader2 size="16" className="animate-spin" />
                   <div>Listening</div>
diff --git a/apps/studio/components/interfaces/Realtime/Inspector/index.tsx b/apps/studio/components/interfaces/Realtime/Inspector/index.tsx
index 287024092ccf9..64b6d1230d228 100644
--- a/apps/studio/components/interfaces/Realtime/Inspector/index.tsx
+++ b/apps/studio/components/interfaces/Realtime/Inspector/index.tsx
@@ -1,10 +1,10 @@
 import { useParams } from 'common'
-import { useEffect, useState } from 'react'
-
 import { useDatabasePublicationsQuery } from 'data/database-publications/database-publications-query'
 import { useSendEventMutation } from 'data/telemetry/send-event-mutation'
 import { useSelectedOrganizationQuery } from 'hooks/misc/useSelectedOrganization'
 import { useSelectedProjectQuery } from 'hooks/misc/useSelectedProject'
+import { useEffect, useState } from 'react'
+
 import { EmptyRealtime } from './EmptyRealtime'
 import { Header } from './Header'
 import MessagesTable from './MessagesTable'
diff --git a/apps/studio/components/interfaces/Settings/Logs/LogSelectionRenderers/DefaultPreviewSelectionRenderer.tsx b/apps/studio/components/interfaces/Settings/Logs/LogSelectionRenderers/DefaultPreviewSelectionRenderer.tsx
index fd4de31277c57..bebee70eaf2d4 100644
--- a/apps/studio/components/interfaces/Settings/Logs/LogSelectionRenderers/DefaultPreviewSelectionRenderer.tsx
+++ b/apps/studio/components/interfaces/Settings/Logs/LogSelectionRenderers/DefaultPreviewSelectionRenderer.tsx
@@ -13,6 +13,7 @@ import {
   Separator,
 } from 'ui'
 import { TimestampInfo } from 'ui-patterns'
+
 import { ErrorCodeDialog } from '../ErrorCodeDialog'
 import type { LogSearchCallback, PreviewLogData } from '../Logs.types'
 import { ResponseCodeFormatter } from '../LogsFormatters'
@@ -131,14 +132,14 @@ const PropertyRow = ({
         <DropdownMenuTrigger className="group w-full" data-testid={dataTestId}>
           <div className="rounded-md w-full overflow-hidden">
             <div
-              className={cn('flex h-10 w-full', {
+              className={cn('flex h-[var(--header-height)] w-full', {
                 'flex-col gap-1.5 h-auto': isExpanded,
                 'items-center group-hover:bg-surface-300 gap-4': !isExpanded,
               })}
             >
               <h3
                 className={cn('pl-3 text-foreground-lighter text-sm text-left', {
-                  'h-10 flex items-center': isExpanded,
+                  'h-[var(--header-height)] flex items-center': isExpanded,
                 })}
               >
                 {keyName}
diff --git a/apps/studio/components/interfaces/Settings/Logs/LogsPreviewer.tsx b/apps/studio/components/interfaces/Settings/Logs/LogsPreviewer.tsx
index c64a8ae4c0725..5b986b63fe624 100644
--- a/apps/studio/components/interfaces/Settings/Logs/LogsPreviewer.tsx
+++ b/apps/studio/components/interfaces/Settings/Logs/LogsPreviewer.tsx
@@ -1,13 +1,9 @@
-import dayjs from 'dayjs'
-import { Rewind } from 'lucide-react'
-import { useRouter } from 'next/router'
-import { PropsWithChildren, useEffect, useState } from 'react'
-
 import { useParams } from 'common'
 import PreviewFilterPanel from 'components/interfaces/Settings/Logs/PreviewFilterPanel'
 import LoadingOpacity from 'components/ui/LoadingOpacity'
 import ShimmerLine from 'components/ui/ShimmerLine'
 import { useReadReplicasQuery } from 'data/read-replicas/replicas-query'
+import dayjs from 'dayjs'
 import useLogsPreview from 'hooks/analytics/useLogsPreview'
 import { useLogsUrlState } from 'hooks/analytics/useLogsUrlState'
 import { useSelectedLog } from 'hooks/analytics/useSelectedLog'
@@ -15,19 +11,23 @@ import useSingleLog from 'hooks/analytics/useSingleLog'
 import { useCheckEntitlements } from 'hooks/misc/useCheckEntitlements'
 import { useSelectedOrganizationQuery } from 'hooks/misc/useSelectedOrganization'
 import { useUpgradePrompt } from 'hooks/misc/useUpgradePrompt'
+import { Rewind } from 'lucide-react'
+import { useRouter } from 'next/router'
+import { PropsWithChildren, useEffect, useState } from 'react'
 import { useDatabaseSelectorStateSnapshot } from 'state/database-selector'
 import { Button } from 'ui'
 import { LogsBarChart } from 'ui-patterns/LogsBarChart'
-import LogTable from './LogTable'
-import { DatePickerValue } from './Logs.DatePickers'
+
 import {
-  LOGS_TABLES,
   LOG_ROUTES_WITH_REPLICA_SUPPORT,
+  LOGS_TABLES,
   LogsTableName,
   PREVIEWER_DATEPICKER_HELPERS,
 } from './Logs.constants'
+import { DatePickerValue } from './Logs.DatePickers'
 import type { Filters, LogSearchCallback, LogTemplate, QueryType } from './Logs.types'
 import { maybeShowUpgradePromptIfNotEntitled } from './Logs.utils'
+import LogTable from './LogTable'
 import UpgradePrompt from './UpgradePrompt'
 
 /**
diff --git a/apps/studio/components/interfaces/Settings/Logs/LogsQueryPanel.tsx b/apps/studio/components/interfaces/Settings/Logs/LogsQueryPanel.tsx
index 2cace40ccb8ed..8981208653ad5 100644
--- a/apps/studio/components/interfaces/Settings/Logs/LogsQueryPanel.tsx
+++ b/apps/studio/components/interfaces/Settings/Logs/LogsQueryPanel.tsx
@@ -1,11 +1,10 @@
-import { BookOpen, Check, ChevronDown, Copy, ExternalLink, X } from 'lucide-react'
-import Link from 'next/link'
-import { ReactNode, useEffect, useState } from 'react'
-
 import { IS_PLATFORM } from 'common'
 import Table from 'components/to-be-cleaned/Table'
 import { useIsFeatureEnabled } from 'hooks/misc/useIsFeatureEnabled'
 import { DOCS_URL } from 'lib/constants'
+import { BookOpen, Check, ChevronDown, Copy, ExternalLink, X } from 'lucide-react'
+import Link from 'next/link'
+import { ReactNode, useEffect, useState } from 'react'
 import { logConstants } from 'shared-data'
 import {
   Badge,
@@ -21,6 +20,7 @@ import {
   TooltipContent,
   TooltipTrigger,
 } from 'ui'
+
 import {
   EXPLORER_DATEPICKER_HELPERS,
   LOGS_SOURCE_DESCRIPTION,
@@ -81,7 +81,7 @@ const LogsQueryPanel = ({
   }, [value.from, value.to, value.text, value.isHelper])
 
   return (
-    <div className="border-b bg-surface-100">
+    <div className="flex items-center border-b bg-surface-100 h-[var(--header-height)]">
       <div className="flex w-full items-center justify-between px-4 md:px-5 py-2 overflow-x-scroll no-scrollbar">
         <div className="flex w-full flex-row items-center justify-between gap-x-4">
           <div className="flex items-center gap-2">
diff --git a/apps/studio/components/interfaces/Settings/Logs/PreviewFilterPanel.tsx b/apps/studio/components/interfaces/Settings/Logs/PreviewFilterPanel.tsx
index 3aa016afee407..3bc684741ce91 100644
--- a/apps/studio/components/interfaces/Settings/Logs/PreviewFilterPanel.tsx
+++ b/apps/studio/components/interfaces/Settings/Logs/PreviewFilterPanel.tsx
@@ -1,22 +1,22 @@
-import { Eye, EyeOff, RefreshCw, Search, Terminal, X } from 'lucide-react'
-import Link from 'next/link'
-import { useRouter } from 'next/router'
-import { useEffect, useState } from 'react'
-
 import { useParams } from 'common'
 import { ButtonTooltip } from 'components/ui/ButtonTooltip'
 import { DatabaseSelector } from 'components/ui/DatabaseSelector'
 import { DownloadResultsButton } from 'components/ui/DownloadResultsButton'
 import { useLoadBalancersQuery } from 'data/read-replicas/load-balancers-query'
 import { IS_PLATFORM } from 'lib/constants'
-import { Button, Input, Tooltip, TooltipContent, TooltipTrigger, cn } from 'ui'
-import { DatePickerValue, LogsDatePicker } from './Logs.DatePickers'
+import { Eye, EyeOff, RefreshCw, Search, Terminal, X } from 'lucide-react'
+import Link from 'next/link'
+import { useRouter } from 'next/router'
+import { useEffect, useState } from 'react'
+import { Button, cn, Input, Tooltip, TooltipContent, TooltipTrigger } from 'ui'
+
 import {
   FILTER_OPTIONS,
   LOG_ROUTES_WITH_REPLICA_SUPPORT,
   LogsTableName,
   PREVIEWER_DATEPICKER_HELPERS,
 } from './Logs.constants'
+import { DatePickerValue, LogsDatePicker } from './Logs.DatePickers'
 import type { Filters, LogSearchCallback, LogTemplate } from './Logs.types'
 import LogsFilterPopover from './LogsFilterPopover'
 
@@ -94,7 +94,7 @@ const PreviewFilterPanel = ({
   return (
     <div
       className={cn(
-        'flex w-full items-center justify-between overflow-x-scroll no-scrollbar',
+        'flex w-full items-center justify-between overflow-x-scroll no-scrollbar h-[calc(var(--header-height)-1px)]',
         condensedLayout ? ' p-3' : '',
         className
       )}
diff --git a/apps/studio/components/layouts/ProjectLayout/ProductMenuBar.tsx b/apps/studio/components/layouts/ProjectLayout/ProductMenuBar.tsx
index 3895c1115a44a..d79c8d0714fd4 100644
--- a/apps/studio/components/layouts/ProjectLayout/ProductMenuBar.tsx
+++ b/apps/studio/components/layouts/ProjectLayout/ProductMenuBar.tsx
@@ -18,10 +18,7 @@ const ProductMenuBar = ({ title, children, className }: PropsWithChildren<Produc
         'hide-scrollbar bg-dash-sidebar border-default'
       )}
     >
-      <div
-        className="border-default flex max-h-12 items-center border-b px-6"
-        style={{ minHeight: '3rem' }}
-      >
+      <div className="border-default flex min-h-[var(--header-height)] items-center border-b px-6">
         <h4 className="text-lg">{title}</h4>
       </div>
       <div className={cn('flex-grow overflow-y-auto', className)}>{children}</div>
diff --git a/apps/studio/components/layouts/Tabs/CollapseButton.tsx b/apps/studio/components/layouts/Tabs/CollapseButton.tsx
index 5e972241eb1ce..7daab686a7023 100644
--- a/apps/studio/components/layouts/Tabs/CollapseButton.tsx
+++ b/apps/studio/components/layouts/Tabs/CollapseButton.tsx
@@ -1,8 +1,7 @@
+import { useBreakpoint } from 'common'
 import { PanelLeftClose, PanelLeftOpen } from 'lucide-react'
-
 import { useAppStateSnapshot } from 'state/app-state'
 import { cn, Tooltip, TooltipContent, TooltipTrigger } from 'ui'
-import { useBreakpoint } from 'common'
 
 export function CollapseButton({ hideTabs }: { hideTabs: boolean }) {
   const { showSidebar, setShowSidebar, mobileMenuOpen, setMobileMenuOpen } = useAppStateSnapshot()
@@ -21,7 +20,7 @@ export function CollapseButton({ hideTabs }: { hideTabs: boolean }) {
       <TooltipTrigger asChild>
         <button
           className={cn(
-            'hidden md:flex items-center justify-center w-10 h-10 hover:bg-surface-100 shrink-0',
+            'hidden md:flex items-center justify-center w-10 h-[var(--header-height)] hover:bg-surface-100 shrink-0',
             !hideTabs && 'border-b border-b-default'
           )}
           onClick={handleToggle}
diff --git a/apps/studio/components/layouts/Tabs/SortableTab.tsx b/apps/studio/components/layouts/Tabs/SortableTab.tsx
index b763b61a6ff73..b5b33f3744cbd 100644
--- a/apps/studio/components/layouts/Tabs/SortableTab.tsx
+++ b/apps/studio/components/layouts/Tabs/SortableTab.tsx
@@ -1,13 +1,13 @@
 import { useSortable } from '@dnd-kit/sortable'
 import { CSS } from '@dnd-kit/utilities'
+import { EntityTypeIcon } from 'components/ui/EntityTypeIcon'
 import { AnimatePresence, motion } from 'framer-motion'
+import { useQuerySchemaState } from 'hooks/misc/useSchemaQueryState'
 import { X } from 'lucide-react'
 import { useMemo } from 'react'
-
-import { EntityTypeIcon } from 'components/ui/EntityTypeIcon'
-import { useQuerySchemaState } from 'hooks/misc/useSchemaQueryState'
 import { useTabsStateSnapshot, type Tab } from 'state/tabs'
 import { cn, TabsTrigger_Shadcn_ } from 'ui'
+
 import { useEditorType } from '../editors/EditorsLayout.hooks'
 
 /**
@@ -60,7 +60,7 @@ export const SortableTab = ({
       layoutId={tab.id}
       transition={{ duration: 0.045 }}
       animate={{ opacity: isDragging ? 0 : 1 }}
-      className={cn('flex items-center h-10 first-of-type:border-l')}
+      className={cn('flex items-center h-[var(--header-height)] first-of-type:border-l')}
     >
       <TabsTrigger_Shadcn_
         value={tab.id}
diff --git a/apps/studio/components/layouts/Tabs/Tabs.tsx b/apps/studio/components/layouts/Tabs/Tabs.tsx
index e0c3c98bd26d6..842caec30d2b7 100644
--- a/apps/studio/components/layouts/Tabs/Tabs.tsx
+++ b/apps/studio/components/layouts/Tabs/Tabs.tsx
@@ -7,13 +7,12 @@ import {
   useSensors,
 } from '@dnd-kit/core'
 import { horizontalListSortingStrategy, SortableContext } from '@dnd-kit/sortable'
+import { useParams } from 'common'
 import { AnimatePresence, motion } from 'framer-motion'
+import { useDashboardHistory } from 'hooks/misc/useDashboardHistory'
 import { Plus, X } from 'lucide-react'
 import { useRouter } from 'next/router'
 import { useEffect } from 'react'
-
-import { useParams } from 'common'
-import { useDashboardHistory } from 'hooks/misc/useDashboardHistory'
 import { editorEntityTypes, useTabsStateSnapshot, type Tab } from 'state/tabs'
 import {
   cn,
@@ -25,6 +24,7 @@ import {
   TabsList_Shadcn_,
   TabsTrigger_Shadcn_,
 } from 'ui'
+
 import { useEditorType } from '../editors/EditorsLayout.hooks'
 import { CollapseButton } from './CollapseButton'
 import { SortableTab } from './SortableTab'
@@ -147,7 +147,7 @@ export const EditorTabs = () => {
         <TabsList_Shadcn_
           ref={tabsListRef}
           className={cn(
-            'rounded-b-none gap-0 h-10 flex items-center w-full z-[1]',
+            'rounded-b-none gap-0 min-h-[var(--header-height)] flex items-center w-full z-[1]',
             'bg-surface-200 dark:bg-alternative border-none overflow-clip overflow-x-auto'
           )}
         >
@@ -226,7 +226,7 @@ export const EditorTabs = () => {
           <AnimatePresence initial={false}>
             {!hasNewTab && (
               <motion.button
-                className="flex items-center justify-center w-10 h-10 hover:bg-surface-100 shrink-0 border-b"
+                className="flex items-center justify-center w-10 min-h-[var(--header-height)] hover:bg-surface-100 shrink-0 border-b"
                 onClick={() =>
                   router.push(
                     `/project/${router.query.ref}/${editor === 'table' ? 'editor' : 'sql'}/new?skip=true`
diff --git a/apps/studio/components/layouts/editors/EditorBaseLayout.tsx b/apps/studio/components/layouts/editors/EditorBaseLayout.tsx
index 38c687372d04b..fa4ecf5890a9d 100644
--- a/apps/studio/components/layouts/editors/EditorBaseLayout.tsx
+++ b/apps/studio/components/layouts/editors/EditorBaseLayout.tsx
@@ -1,9 +1,9 @@
+import { useParams } from 'common'
 import { usePathname } from 'next/navigation'
 import { ComponentProps, ReactNode } from 'react'
-
-import { useParams } from 'common'
 import { useTabsStateSnapshot } from 'state/tabs'
 import { cn } from 'ui'
+
 import { ProjectLayoutWithAuth } from '../ProjectLayout'
 import { CollapseButton } from '../Tabs/CollapseButton'
 import { EditorTabs } from '../Tabs/Tabs'
@@ -44,7 +44,7 @@ export const EditorBaseLayout = ({
       <div className="flex flex-col h-full">
         <div
           className={cn(
-            'h-10 flex items-center',
+            'h-10 md:min-h-[var(--header-height)] flex items-center',
             !hideTabs ? 'bg-surface-200 dark:bg-alternative' : 'bg-surface-100'
           )}
         >
diff --git a/apps/studio/components/ui/AIAssistantPanel/AIAssistantHeader.tsx b/apps/studio/components/ui/AIAssistantPanel/AIAssistantHeader.tsx
index d3db906c65882..30fe5a09a3c31 100644
--- a/apps/studio/components/ui/AIAssistantPanel/AIAssistantHeader.tsx
+++ b/apps/studio/components/ui/AIAssistantPanel/AIAssistantHeader.tsx
@@ -1,8 +1,8 @@
 import { Plus, Settings, X } from 'lucide-react'
 import { useState } from 'react'
-
 import { AiIconAnimation, Button } from 'ui'
 import { Admonition } from 'ui-patterns'
+
 import { ButtonTooltip } from '../ButtonTooltip'
 import { AIAssistantChatSelector } from './AIAssistantChatSelector'
 import { AIOptInModal } from './AIOptInModal'
@@ -29,7 +29,7 @@ export const AIAssistantHeader = ({
   const [isOptInModalOpen, setIsOptInModalOpen] = useState(false)
   return (
     <div className="z-30 sticky top-0">
-      <div className="border-b border-b-muted flex items-center bg gap-x-4 pl-4 pr-3 h-[46px]">
+      <div className="border-b border-b-muted flex items-center bg gap-x-4 pl-4 pr-3 min-h-[var(--header-height)]">
         <div className="text-sm flex-1 flex items-center">
           <AiIconAnimation size={20} allowHoverEffect={false} />
           <span className="text-border-stronger dark:text-border-strong ml-3">
diff --git a/apps/studio/components/ui/AdvisorPanel/AdvisorFilters.tsx b/apps/studio/components/ui/AdvisorPanel/AdvisorFilters.tsx
index 7f57aed8ec562..1e743400c5609 100644
--- a/apps/studio/components/ui/AdvisorPanel/AdvisorFilters.tsx
+++ b/apps/studio/components/ui/AdvisorPanel/AdvisorFilters.tsx
@@ -1,9 +1,8 @@
-import { X } from 'lucide-react'
-
 import { ButtonTooltip } from 'components/ui/ButtonTooltip'
 import { FilterPopover } from 'components/ui/FilterPopover'
+import { X } from 'lucide-react'
 import { AdvisorSeverity, AdvisorTab } from 'state/advisor-state'
-import { TabsList_Shadcn_, TabsTrigger_Shadcn_, Tabs_Shadcn_ } from 'ui'
+import { Tabs_Shadcn_, TabsList_Shadcn_, TabsTrigger_Shadcn_ } from 'ui'
 
 const severityOptions = [
   { label: 'Critical', value: 'critical' },
@@ -39,7 +38,7 @@ export const AdvisorFilters = ({
 }: AdvisorFiltersProps) => {
   return (
     <div className="border-b overflow-x-auto">
-      <div className="flex items-center justify-between gap-x-4 h-[46px]">
+      <div className="flex items-center justify-between gap-x-4 h-[calc(var(--header-height)-1px)]">
         <Tabs_Shadcn_ value={activeTab} onValueChange={onTabChange} className="h-full pl-4">
           <TabsList_Shadcn_ className="border-b-0 gap-4 h-full">
             <TabsTrigger_Shadcn_ value="all" className="h-full text-xs">
diff --git a/apps/studio/components/ui/AdvisorPanel/AdvisorPanelHeader.tsx b/apps/studio/components/ui/AdvisorPanel/AdvisorPanelHeader.tsx
index cb15bcef32b2e..bfee8cad7210e 100644
--- a/apps/studio/components/ui/AdvisorPanel/AdvisorPanelHeader.tsx
+++ b/apps/studio/components/ui/AdvisorPanel/AdvisorPanelHeader.tsx
@@ -1,7 +1,7 @@
-import { ChevronLeft, X } from 'lucide-react'
-
 import { ButtonTooltip } from 'components/ui/ButtonTooltip'
+import { ChevronLeft, X } from 'lucide-react'
 import { Badge } from 'ui'
+
 import type { AdvisorItem } from './AdvisorPanel.types'
 import {
   formatItemDate,
diff --git a/apps/studio/components/ui/EditorPanel/EditorPanel.tsx b/apps/studio/components/ui/EditorPanel/EditorPanel.tsx
index fe8f8debfa3af..a31d9fe0359b5 100644
--- a/apps/studio/components/ui/EditorPanel/EditorPanel.tsx
+++ b/apps/studio/components/ui/EditorPanel/EditorPanel.tsx
@@ -22,22 +22,22 @@ import { useSidebarManagerSnapshot } from 'state/sidebar-manager-state'
 import { useSqlEditorV2StateSnapshot } from 'state/sql-editor-v2'
 import {
   Button,
+  cn,
   CodeBlock,
+  Command_Shadcn_,
   CommandEmpty_Shadcn_,
   CommandGroup_Shadcn_,
   CommandInput_Shadcn_,
   CommandItem_Shadcn_,
   CommandList_Shadcn_,
-  Command_Shadcn_,
+  HoverCard_Shadcn_,
   HoverCardContent_Shadcn_,
   HoverCardTrigger_Shadcn_,
-  HoverCard_Shadcn_,
   KeyboardShortcut,
+  Popover_Shadcn_,
   PopoverContent_Shadcn_,
   PopoverTrigger_Shadcn_,
-  Popover_Shadcn_,
   SQL_ICON,
-  cn,
 } from 'ui'
 import { Admonition } from 'ui-patterns'
 
@@ -155,7 +155,7 @@ export const EditorPanel = () => {
 
   return (
     <div className="flex h-full flex-col bg-background">
-      <div className="border-b border-b-muted flex items-center justify-between gap-x-4 pl-4 pr-3 h-[46px]">
+      <div className="border-b border-b-muted flex items-center justify-between gap-x-4 pl-4 pr-3 h-[var(--header-height)]">
         <div className="text-xs">{label}</div>
         <div className="flex items-center">
           {templates.length > 0 && (
diff --git a/apps/studio/components/ui/Forms/FormHeader.tsx b/apps/studio/components/ui/Forms/FormHeader.tsx
index ee6cc8388ddcf..29da82179dbc2 100644
--- a/apps/studio/components/ui/Forms/FormHeader.tsx
+++ b/apps/studio/components/ui/Forms/FormHeader.tsx
@@ -1,5 +1,6 @@
 import { ReactNode } from 'react'
 import { cn } from 'ui'
+
 import { DocsButton } from '../DocsButton'
 
 export const FormHeader = ({
@@ -18,7 +19,7 @@ export const FormHeader = ({
   return (
     <div
       className={cn(
-        `w-full mb-6 flex flex-col sm:flex-row md:items-center justify-between gap-4 ${className}`
+        `w-full mb-6 flex flex-col sm:flex-row md:items-center justify-between gap-4 md:h-[var(--header-height)] ${className}`
       )}
     >
       <div className="space-y-1">
diff --git a/apps/studio/components/ui/ShimmerLine.tsx b/apps/studio/components/ui/ShimmerLine.tsx
index be6512f237bdb..229e7c78328a8 100644
--- a/apps/studio/components/ui/ShimmerLine.tsx
+++ b/apps/studio/components/ui/ShimmerLine.tsx
@@ -1,5 +1,9 @@
-const ShimmerLine = ({ active }: { active: boolean }) => {
-  return active ? <div className="logs-shimmering-loader w-full h-0.5"></div> : null
+import { cn } from 'ui'
+
+const ShimmerLine = ({ active, className }: { active: boolean; className?: string }) => {
+  return active ? (
+    <div className={cn('logs-shimmering-loader w-full h-0.5', className)}></div>
+  ) : null
 }
 
 export default ShimmerLine
diff --git a/apps/studio/pages/project/[ref]/advisors/performance.tsx b/apps/studio/pages/project/[ref]/advisors/performance.tsx
index daffc7b505c0a..491a852cebc78 100644
--- a/apps/studio/pages/project/[ref]/advisors/performance.tsx
+++ b/apps/studio/pages/project/[ref]/advisors/performance.tsx
@@ -1,18 +1,17 @@
-import { useMemo, useState } from 'react'
-
 import { useParams } from 'common'
-import LintPageTabs from 'components/interfaces/Linter/LintPageTabs'
 import { LINTER_LEVELS } from 'components/interfaces/Linter/Linter.constants'
 import { lintInfoMap } from 'components/interfaces/Linter/Linter.utils'
 import LinterDataGrid from 'components/interfaces/Linter/LinterDataGrid'
 import LinterFilters from 'components/interfaces/Linter/LinterFilters'
 import { LinterPageFooter } from 'components/interfaces/Linter/LinterPageFooter'
+import LintPageTabs from 'components/interfaces/Linter/LintPageTabs'
 import AdvisorsLayout from 'components/layouts/AdvisorsLayout/AdvisorsLayout'
 import DefaultLayout from 'components/layouts/DefaultLayout'
 import { FormHeader } from 'components/ui/Forms/FormHeader'
 import { Lint, useProjectLintsQuery } from 'data/lint/lint-query'
 import { useSelectedProjectQuery } from 'hooks/misc/useSelectedProject'
 import { DOCS_URL } from 'lib/constants'
+import { useMemo, useState } from 'react'
 import type { NextPageWithLayout } from 'types'
 import { LoadingLine } from 'ui'
 
diff --git a/apps/studio/pages/project/[ref]/advisors/security.tsx b/apps/studio/pages/project/[ref]/advisors/security.tsx
index 14c647177d387..f58aa695d3daa 100644
--- a/apps/studio/pages/project/[ref]/advisors/security.tsx
+++ b/apps/studio/pages/project/[ref]/advisors/security.tsx
@@ -1,18 +1,17 @@
-import { useMemo, useState } from 'react'
-
 import { useParams } from 'common'
-import LintPageTabs from 'components/interfaces/Linter/LintPageTabs'
 import { LINTER_LEVELS } from 'components/interfaces/Linter/Linter.constants'
 import { lintInfoMap } from 'components/interfaces/Linter/Linter.utils'
 import LinterDataGrid from 'components/interfaces/Linter/LinterDataGrid'
 import LinterFilters from 'components/interfaces/Linter/LinterFilters'
 import { LinterPageFooter } from 'components/interfaces/Linter/LinterPageFooter'
+import LintPageTabs from 'components/interfaces/Linter/LintPageTabs'
 import AdvisorsLayout from 'components/layouts/AdvisorsLayout/AdvisorsLayout'
 import DefaultLayout from 'components/layouts/DefaultLayout'
 import { FormHeader } from 'components/ui/Forms/FormHeader'
 import { Lint, useProjectLintsQuery } from 'data/lint/lint-query'
 import { useSelectedProjectQuery } from 'hooks/misc/useSelectedProject'
 import { DOCS_URL } from 'lib/constants'
+import { useMemo, useState } from 'react'
 import type { NextPageWithLayout } from 'types'
 import { LoadingLine } from 'ui'
 
@@ -66,7 +65,7 @@ const ProjectLints: NextPageWithLayout = () => {
   return (
     <div className="h-full flex flex-col">
       <FormHeader
-        className="py-4 px-6 !mb-0"
+        className="py-4 px-6 !-mb-px"
         title="Security Advisor"
         docsUrl={`${DOCS_URL}/guides/database/database-linter`}
       />
diff --git a/apps/studio/styles/main.scss b/apps/studio/styles/main.scss
index f7df5cab778ea..76473f85a60b3 100644
--- a/apps/studio/styles/main.scss
+++ b/apps/studio/styles/main.scss
@@ -21,6 +21,7 @@
   --sidebar-accent-foreground: var(--foreground-default);
   --sidebar-border: var(--border-default);
   --sidebar-ring: 217.2 91.2% 59.8%;
+  --header-height: 3rem;
 }
 
 [data-theme='deep-dark'],
diff --git a/packages/ui/src/lib/theme/defaultTheme.ts b/packages/ui/src/lib/theme/defaultTheme.ts
index d0a11f514c2cf..8635e5d54885f 100644
--- a/packages/ui/src/lib/theme/defaultTheme.ts
+++ b/packages/ui/src/lib/theme/defaultTheme.ts
@@ -867,8 +867,9 @@ export default {
       shadow-xl
     `,
     header: `
+      flex items-center
       space-y-1 py-4 px-4 bg-dash-sidebar sm:px-6
-      border-b
+      border-b h-[var(--header-height)]
     `,
     contents: `
       relative

From 3241c9a07112111c489ea07bd0b6f869ccff0889 Mon Sep 17 00:00:00 2001
From: Kostas Botsas <kostas.botsas@supabase.io>
Date: Fri, 13 Feb 2026 13:38:44 +0200
Subject: [PATCH 3/6] Clarify pool size as portion of max database connections
 (#42683)

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

Docs update to resolve ambiguity. Clarifies assigning pool size
percentage in proportion to Database Max Connections, as it could be
mistaken for a percentage of max client connections.

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

## Summary by CodeRabbit

## Release Notes

* **Documentation**
* Improved clarity in the database connection management guide regarding
pool size configuration thresholds.

<!-- end of auto-generated comment: release notes by coderabbit.ai -->
---
 apps/docs/content/guides/database/connection-management.mdx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/apps/docs/content/guides/database/connection-management.mdx b/apps/docs/content/guides/database/connection-management.mdx
index 8029bf3411d83..e3055e0337fba 100644
--- a/apps/docs/content/guides/database/connection-management.mdx
+++ b/apps/docs/content/guides/database/connection-management.mdx
@@ -15,7 +15,7 @@ You can change how many database connections Supavisor can manage by altering th
 
 ![Connection Info and Certificate.](/docs/img/database/pool-size.png)
 
-The general rule is that if you are heavily using the PostgREST database API, you should be conscientious about raising your pool size past 40%. Otherwise, you can commit 80% to the pool. This leaves adequate room for the Authentication server and other utilities.
+The general rule is that if you are heavily using the PostgREST database API, you should be conscientious about raising your pool size past 40% of the Database Max Connections. Otherwise, you can commit 80% to the pool. This leaves adequate room for the Authentication server and other utilities.
 
 These numbers are generalizations and depends on other Supabase products that you use and the extent of their usage. The actual values depend on your concurrent peak connection usage. For instance, if you were only using 80 connections in a week period and your database max connections is set to 500, then realistically you could allocate the difference of 420 (minus a reasonable buffer) to service more demand.
 

From f7d2160e0cbe09a36bc3b38800a03f58ba085807 Mon Sep 17 00:00:00 2001
From: Pedro Rodrigues <44656907+Rodriguespn@users.noreply.github.com>
Date: Fri, 13 Feb 2026 14:52:10 +0000
Subject: [PATCH 4/6] fix: correct RLS permissions for storage move and copy
 operations (#42777)

### Summary

- The `move` operation requires `select` + `update` permissions (not
`select` + `insert` as previously documented). The implementation was
changed in
[supabase/storage#400](https://github.com/supabase/storage/pull/400) to
update the row in-place instead of deleting and reinserting, but the
docs were never updated to reflect this.
- The `copy` operation requires `select` + `insert` by default. When the
user also has `update` permission, the copy can be performed as an
upsert, overwriting the destination if it already exists.
- Added an `update` policy example alongside the existing `select` and
`insert` examples.

### Related

Fixes https://github.com/supabase/storage/issues/807


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

## Summary by CodeRabbit

* **Documentation**
* Enhanced guidance for storage copy operations with clarified
permissions requirements on source and destination.
  * Added upsert option details for users with update permissions.
* Clarified move operation requirements for select and update
permissions.
* Updated policy examples with explicit operation names and owner
authentication checks.

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

Co-authored-by: Claude Opus 4.6 <noreply@anthropic.com>
---
 .../storage/management/copy-move-objects.mdx     | 16 ++++++++++++++--
 1 file changed, 14 insertions(+), 2 deletions(-)

diff --git a/apps/docs/content/guides/storage/management/copy-move-objects.mdx b/apps/docs/content/guides/storage/management/copy-move-objects.mdx
index be357fce7e011..9103fdbed7d59 100644
--- a/apps/docs/content/guides/storage/management/copy-move-objects.mdx
+++ b/apps/docs/content/guides/storage/management/copy-move-objects.mdx
@@ -74,7 +74,11 @@ await supabase.storage.from('avatars').move('public/avatar1.png', 'private/avata
 
 ## Permissions
 
-For a user to move and copy objects, they need `select` permission on the source object and `insert` permission on the destination object. For example:
+To **copy** objects, users need `select` permission on the source object and `insert` permission on the destination object. If the user also has `update` permission, the copy can be performed as an upsert, which will overwrite the destination object if it already exists.
+
+To **move** objects, users need `select` and `update` permissions on the object.
+
+For example:
 
 ```sql
 create policy "User can select their own objects (in any buckets)"
@@ -85,11 +89,19 @@ using (
     owner_id = (select auth.uid())
 );
 
-create policy "User can upload in their own folders (in any buckets)"
+create policy "User can insert in their own folders (in any buckets)"
 on storage.objects
 for insert
 to authenticated
 with check (
     (storage.folder(name))[1] = (select auth.uid())
 );
+
+create policy "User can update their own objects (in any buckets)"
+on storage.objects
+for update
+to authenticated
+using (
+    owner_id = (select auth.uid())
+);
 ```

From 7fba97517c94ae8f5d8025621edcbaf71458ff99 Mon Sep 17 00:00:00 2001
From: Joshen Lim <joshenlimek@gmail.com>
Date: Fri, 13 Feb 2026 23:55:21 +0800
Subject: [PATCH 5/6] Fix grid error not clickable (#42780)

## Context

As per PR title - currently the error CTA here is not clickable

<img width="467" height="145" alt="image"
src="https://github.com/user-attachments/assets/596e4f16-0fd9-4fc4-bcfd-3b3e99d96e41"
/>


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

## Summary by CodeRabbit

* **Bug Fixes**
* Improved error message display styling and layout in the grid
component.

* **New Features**
  * Enhanced query identification during SQL execution preflight checks.

<!-- end of auto-generated comment: release notes by coderabbit.ai -->
---
 apps/studio/components/grid/components/grid/Grid.tsx | 6 +++++-
 apps/studio/data/sql/execute-sql-query.ts            | 5 +++++
 2 files changed, 10 insertions(+), 1 deletion(-)

diff --git a/apps/studio/components/grid/components/grid/Grid.tsx b/apps/studio/components/grid/components/grid/Grid.tsx
index 0ee375115afdf..0b589f5451fb0 100644
--- a/apps/studio/components/grid/components/grid/Grid.tsx
+++ b/apps/studio/components/grid/components/grid/Grid.tsx
@@ -250,7 +250,11 @@ export const Grid = memo(
                 <GenericSkeletonLoader className="w-full top-9 absolute p-2" />
               )}
 
-              {isError && <GridError error={error} />}
+              {isError && (
+                <div className="w-full top-9 absolute p-2 pointer-events-auto">
+                  <GridError error={error} />
+                </div>
+              )}
 
               {isSuccess && (
                 <>
diff --git a/apps/studio/data/sql/execute-sql-query.ts b/apps/studio/data/sql/execute-sql-query.ts
index 08fab08e683a4..7182f5ae52cbf 100644
--- a/apps/studio/data/sql/execute-sql-query.ts
+++ b/apps/studio/data/sql/execute-sql-query.ts
@@ -113,6 +113,11 @@ export async function executeSql<T = any>(
           query: `explain ${sql}`,
           disable_statement_timeout: isStatementTimeoutDisabled,
         },
+        params: {
+          ...options.params,
+          // @ts-expect-error: This is just a client side thing to identify queries better
+          query: { key: 'preflight-check' },
+        },
       })
       const parsedTree = !!costCheck ? createNodeTree(costCheck) : undefined
       const summary = !!parsedTree ? calculateSummary(parsedTree) : undefined

From 1b319f8856c3553594619c6bc816e44f3a962cf1 Mon Sep 17 00:00:00 2001
From: Ali Waseem <waseema393@gmail.com>
Date: Fri, 13 Feb 2026 08:56:59 -0700
Subject: [PATCH 6/6] chore: added e2e tests for filter bar (#42709)

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

Chore: E2E tests to cover the full keyboard and mouse flow for the AI
Filters

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

* **Tests**
* Added a comprehensive end-to-end test suite for the Filter Bar:
creation/removal of filters, keyboard and dropdown navigation,
operator/value flows, boolean/date/timestamp presets, multiple
simultaneous filters, and grid result validation.
* **Tests / Utilities**
* Added reusable test helpers to set up tables, interact with the filter
bar, and wait for data updates.
* **Style / Test hooks**
* Added test IDs and highlight attributes to filter UI elements to
improve test reliability.
<!-- end of auto-generated comment: release notes by coderabbit.ai -->
---
 e2e/studio/features/filter-bar.spec.ts        | 813 ++++++++++++++++++
 e2e/studio/utils/filter-bar-helpers.ts        |  84 ++
 .../src/FilterBar/CommandListItem.tsx         |   1 +
 .../src/FilterBar/FilterCondition.tsx         |   5 +
 .../ui-patterns/src/FilterBar/FilterGroup.tsx |   1 +
 5 files changed, 904 insertions(+)
 create mode 100644 e2e/studio/features/filter-bar.spec.ts
 create mode 100644 e2e/studio/utils/filter-bar-helpers.ts

diff --git a/e2e/studio/features/filter-bar.spec.ts b/e2e/studio/features/filter-bar.spec.ts
new file mode 100644
index 0000000000000..279afffe8b369
--- /dev/null
+++ b/e2e/studio/features/filter-bar.spec.ts
@@ -0,0 +1,813 @@
+import { expect } from '@playwright/test'
+
+import { createTable, dropTable, query } from '../utils/db/index.js'
+import {
+  addFilter,
+  addFilterWithDropdownValue,
+  getFilterBarInput,
+  navigateToTable,
+  selectColumnFilter,
+  selectOperator,
+  selectOperatorByClick,
+  setupFilterBarPage,
+} from '../utils/filter-bar-helpers.js'
+import { test } from '../utils/test.js'
+import { toUrl } from '../utils/to-url.js'
+
+const tableNamePrefix = 'pw_filter_bar'
+
+function getDateValue(daysAgo: number): string {
+  const date = new Date(Date.now() - daysAgo * 86400000)
+  const year = date.getFullYear()
+  const month = String(date.getMonth() + 1).padStart(2, '0')
+  const day = String(date.getDate()).padStart(2, '0')
+  return `${year}-${month}-${day}`
+}
+
+test.describe('Filter Bar', () => {
+  test.beforeEach(async ({ page, ref }) => {
+    await setupFilterBarPage(page, ref, toUrl(`/project/${ref}/editor?schema=public`))
+  })
+
+  test.describe('Basic Filter Operations', () => {
+    test('selecting a column creates a filter condition', async ({ page, ref }) => {
+      const tableName = `${tableNamePrefix}_col_sel`
+      const columnName = 'name'
+
+      await createTable(tableName, columnName, [{ name: 'Alice' }])
+
+      try {
+        await setupFilterBarPage(page, ref, toUrl(`/project/${ref}/editor?schema=public`))
+        await navigateToTable(page, ref, tableName)
+
+        await selectColumnFilter(page, columnName)
+
+        await expect(page.getByTestId(`filter-condition-${columnName}`)).toBeVisible()
+        await expect(page.getByTestId(`filter-operator-${columnName}`)).toBeFocused()
+      } finally {
+        await dropTable(tableName)
+      }
+    })
+
+    test('entering value filters the grid', async ({ page, ref }) => {
+      const tableName = `${tableNamePrefix}_val_filt`
+      const columnName = 'name'
+
+      await createTable(tableName, columnName, [
+        { name: 'Alice' },
+        { name: 'Bob' },
+        { name: 'Charlie' },
+      ])
+
+      try {
+        await setupFilterBarPage(page, ref, toUrl(`/project/${ref}/editor?schema=public`))
+        await navigateToTable(page, ref, tableName)
+
+        await addFilter(page, ref, columnName, '=', 'Alice')
+
+        await expect(page.getByRole('gridcell', { name: 'Alice' })).toBeVisible()
+        await expect(page.getByRole('gridcell', { name: 'Bob' })).not.toBeVisible()
+        await expect(page.getByRole('gridcell', { name: 'Charlie' })).not.toBeVisible()
+      } finally {
+        await dropTable(tableName)
+      }
+    })
+
+    test('removing filter via X button restores all data', async ({ page, ref }) => {
+      const tableName = `${tableNamePrefix}_remove_x`
+      const columnName = 'name'
+
+      await createTable(tableName, columnName, [{ name: 'Alice' }, { name: 'Bob' }])
+
+      try {
+        await setupFilterBarPage(page, ref, toUrl(`/project/${ref}/editor?schema=public`))
+        await navigateToTable(page, ref, tableName)
+
+        await addFilter(page, ref, columnName, '=', 'Alice')
+        await expect(page.getByRole('gridcell', { name: 'Bob' })).not.toBeVisible()
+
+        await page.getByTestId(`filter-remove-${columnName}`).click()
+
+        await expect(page.getByTestId(`filter-condition-${columnName}`)).not.toBeVisible()
+        await expect(page.getByRole('gridcell', { name: 'Alice' })).toBeVisible()
+        await expect(page.getByRole('gridcell', { name: 'Bob' })).toBeVisible()
+      } finally {
+        await dropTable(tableName)
+      }
+    })
+
+    test('multiple filters can be added', async ({ page, ref }) => {
+      const tableName = `${tableNamePrefix}_multi`
+
+      await query(
+        `CREATE TABLE IF NOT EXISTS ${tableName} (
+          id bigint generated by default as identity primary key,
+          first_name text,
+          last_name text
+        )`
+      )
+      await query(
+        `INSERT INTO ${tableName} (first_name, last_name) VALUES ('Alice', 'Smith'), ('Bob', 'Smith'), ('Alice', 'Jones')`
+      )
+
+      try {
+        await setupFilterBarPage(page, ref, toUrl(`/project/${ref}/editor?schema=public`))
+        await navigateToTable(page, ref, tableName)
+
+        await addFilter(page, ref, 'first_name', '=', 'Alice')
+        await addFilter(page, ref, 'last_name', '=', 'Smith')
+
+        await expect(page.getByTestId('filter-condition-first_name')).toBeVisible()
+        await expect(page.getByTestId('filter-condition-last_name')).toBeVisible()
+      } finally {
+        await dropTable(tableName)
+      }
+    })
+  })
+
+  test.describe('Keyboard Navigation - Freeform Input', () => {
+    test('Enter selects column from dropdown', async ({ page, ref }) => {
+      const tableName = `${tableNamePrefix}_enter_col`
+      const columnName = 'name'
+
+      await createTable(tableName, columnName, [{ name: 'Alice' }])
+
+      try {
+        await setupFilterBarPage(page, ref, toUrl(`/project/${ref}/editor?schema=public`))
+        await navigateToTable(page, ref, tableName)
+
+        const freeformInput = getFilterBarInput(page)
+        await freeformInput.click()
+        await freeformInput.fill(columnName)
+        await expect(page.getByTestId(`filter-menu-item-${columnName}`)).toBeVisible()
+
+        await page.keyboard.press('Enter')
+
+        await expect(page.getByTestId(`filter-condition-${columnName}`)).toBeVisible()
+      } finally {
+        await dropTable(tableName)
+      }
+    })
+
+    test('Tab selects column from dropdown', async ({ page, ref }) => {
+      const tableName = `${tableNamePrefix}_tab_col`
+      const columnName = 'name'
+
+      await createTable(tableName, columnName, [{ name: 'Alice' }])
+
+      try {
+        await setupFilterBarPage(page, ref, toUrl(`/project/${ref}/editor?schema=public`))
+        await navigateToTable(page, ref, tableName)
+
+        const freeformInput = getFilterBarInput(page)
+        await freeformInput.click()
+        await freeformInput.fill(columnName)
+        await expect(page.getByTestId(`filter-menu-item-${columnName}`)).toBeVisible()
+
+        await page.keyboard.press('Tab')
+
+        await expect(page.getByTestId(`filter-condition-${columnName}`)).toBeVisible()
+      } finally {
+        await dropTable(tableName)
+      }
+    })
+
+    test('ArrowDown/ArrowUp navigates dropdown items', async ({ page, ref }) => {
+      const tableName = `${tableNamePrefix}_arrow_nav`
+
+      await query(
+        `CREATE TABLE IF NOT EXISTS ${tableName} (
+          id bigint generated by default as identity primary key,
+          alpha text,
+          beta text,
+          gamma text
+        )`
+      )
+      await query(`INSERT INTO ${tableName} (alpha, beta, gamma) VALUES ('a', 'b', 'g')`)
+
+      try {
+        await setupFilterBarPage(page, ref, toUrl(`/project/${ref}/editor?schema=public`))
+        await navigateToTable(page, ref, tableName)
+
+        const freeformInput = getFilterBarInput(page)
+        await freeformInput.click()
+
+        // Items: id (0), alpha (1), beta (2), gamma (3)
+        await page.keyboard.press('ArrowDown')
+        await page.keyboard.press('ArrowDown')
+        await page.keyboard.press('Enter')
+
+        await expect(page.getByTestId('filter-condition-beta')).toBeVisible()
+      } finally {
+        await dropTable(tableName)
+      }
+    })
+
+    test('Backspace on empty input highlights last filter, second Backspace deletes it', async ({
+      page,
+      ref,
+    }) => {
+      const tableName = `${tableNamePrefix}_bksp_hl_del`
+      const columnName = 'name'
+
+      await createTable(tableName, columnName, [{ name: 'Alice' }])
+
+      try {
+        await setupFilterBarPage(page, ref, toUrl(`/project/${ref}/editor?schema=public`))
+        await navigateToTable(page, ref, tableName)
+
+        await addFilter(page, ref, columnName, '=', 'Alice')
+
+        const freeformInput = getFilterBarInput(page)
+        await freeformInput.click()
+        await page.keyboard.press('Backspace')
+
+        await expect(page.getByTestId(`filter-condition-${columnName}`)).toHaveAttribute(
+          'data-highlighted',
+          'true'
+        )
+
+        await page.keyboard.press('Backspace')
+
+        await expect(page.getByTestId(`filter-condition-${columnName}`)).not.toBeVisible()
+      } finally {
+        await dropTable(tableName)
+      }
+    })
+
+    test('ArrowLeft highlights previous condition', async ({ page, ref }) => {
+      const tableName = `${tableNamePrefix}_arrowl_hl`
+      const columnName = 'name'
+
+      await createTable(tableName, columnName, [{ name: 'Alice' }])
+
+      try {
+        await setupFilterBarPage(page, ref, toUrl(`/project/${ref}/editor?schema=public`))
+        await navigateToTable(page, ref, tableName)
+
+        await addFilter(page, ref, columnName, '=', 'Alice')
+
+        const freeformInput = getFilterBarInput(page)
+        await freeformInput.click()
+        await page.keyboard.press('ArrowLeft')
+
+        await expect(page.getByTestId(`filter-condition-${columnName}`)).toHaveAttribute(
+          'data-highlighted',
+          'true'
+        )
+      } finally {
+        await dropTable(tableName)
+      }
+    })
+
+    test('ArrowRight clears highlight at end', async ({ page, ref }) => {
+      const tableName = `${tableNamePrefix}_arrowr_cl`
+      const columnName = 'name'
+
+      await createTable(tableName, columnName, [{ name: 'Alice' }])
+
+      try {
+        await setupFilterBarPage(page, ref, toUrl(`/project/${ref}/editor?schema=public`))
+        await navigateToTable(page, ref, tableName)
+
+        await addFilter(page, ref, columnName, '=', 'Alice')
+
+        const freeformInput = getFilterBarInput(page)
+        await freeformInput.click()
+        await page.keyboard.press('ArrowLeft')
+        await expect(page.getByTestId(`filter-condition-${columnName}`)).toHaveAttribute(
+          'data-highlighted',
+          'true'
+        )
+
+        await page.keyboard.press('ArrowRight')
+        await expect(page.getByTestId(`filter-condition-${columnName}`)).not.toHaveAttribute(
+          'data-highlighted',
+          'true'
+        )
+      } finally {
+        await dropTable(tableName)
+      }
+    })
+
+    test('Escape clears highlight', async ({ page, ref }) => {
+      const tableName = `${tableNamePrefix}_esc_cl`
+      const columnName = 'name'
+
+      await createTable(tableName, columnName, [{ name: 'Alice' }])
+
+      try {
+        await setupFilterBarPage(page, ref, toUrl(`/project/${ref}/editor?schema=public`))
+        await navigateToTable(page, ref, tableName)
+
+        await addFilter(page, ref, columnName, '=', 'Alice')
+
+        const freeformInput = getFilterBarInput(page)
+        await freeformInput.click()
+        await page.keyboard.press('ArrowLeft')
+        await expect(page.getByTestId(`filter-condition-${columnName}`)).toHaveAttribute(
+          'data-highlighted',
+          'true'
+        )
+
+        await page.keyboard.press('Escape')
+        await expect(page.getByTestId(`filter-condition-${columnName}`)).not.toHaveAttribute(
+          'data-highlighted',
+          'true'
+        )
+      } finally {
+        await dropTable(tableName)
+      }
+    })
+
+    test('Enter on highlighted condition focuses value input', async ({ page, ref }) => {
+      const tableName = `${tableNamePrefix}_enter_hl`
+      const columnName = 'name'
+
+      await createTable(tableName, columnName, [{ name: 'Alice' }])
+
+      try {
+        await setupFilterBarPage(page, ref, toUrl(`/project/${ref}/editor?schema=public`))
+        await navigateToTable(page, ref, tableName)
+
+        await addFilter(page, ref, columnName, '=', 'Alice')
+
+        const freeformInput = getFilterBarInput(page)
+        await freeformInput.click()
+        await page.keyboard.press('Backspace')
+        await expect(page.getByTestId(`filter-condition-${columnName}`)).toHaveAttribute(
+          'data-highlighted',
+          'true'
+        )
+
+        await page.keyboard.press('Enter')
+        await expect(page.getByTestId(`filter-value-${columnName}`)).toBeFocused()
+      } finally {
+        await dropTable(tableName)
+      }
+    })
+  })
+
+  test.describe('Keyboard Navigation - Operator Input', () => {
+    test('Enter selects operator and focuses value', async ({ page, ref }) => {
+      const tableName = `${tableNamePrefix}_op_enter`
+      const columnName = 'name'
+
+      await createTable(tableName, columnName, [{ name: 'Alice' }])
+
+      try {
+        await setupFilterBarPage(page, ref, toUrl(`/project/${ref}/editor?schema=public`))
+        await navigateToTable(page, ref, tableName)
+
+        await selectColumnFilter(page, columnName)
+        await page.keyboard.press('Enter')
+
+        await expect(page.getByTestId(`filter-value-${columnName}`)).toBeFocused()
+      } finally {
+        await dropTable(tableName)
+      }
+    })
+
+    test('Backspace on empty operator removes condition', async ({ page, ref }) => {
+      const tableName = `${tableNamePrefix}_op_bksp`
+      const columnName = 'name'
+
+      await createTable(tableName, columnName, [{ name: 'Alice' }])
+
+      try {
+        await setupFilterBarPage(page, ref, toUrl(`/project/${ref}/editor?schema=public`))
+        await navigateToTable(page, ref, tableName)
+
+        await selectColumnFilter(page, columnName)
+
+        const operatorInput = page.getByTestId(`filter-operator-${columnName}`)
+        await operatorInput.fill('')
+        await page.keyboard.press('Backspace')
+
+        await expect(page.getByTestId(`filter-condition-${columnName}`)).not.toBeVisible()
+      } finally {
+        await dropTable(tableName)
+      }
+    })
+  })
+
+  test.describe('Keyboard Navigation - Value Input', () => {
+    test('Enter on value moves focus to group freeform', async ({ page, ref }) => {
+      const tableName = `${tableNamePrefix}_val_enter`
+      const columnName = 'name'
+
+      await createTable(tableName, columnName, [{ name: 'Alice' }])
+
+      try {
+        await setupFilterBarPage(page, ref, toUrl(`/project/${ref}/editor?schema=public`))
+        await navigateToTable(page, ref, tableName)
+
+        await addFilter(page, ref, columnName, '=', 'Alice')
+
+        await expect(getFilterBarInput(page)).toBeFocused()
+      } finally {
+        await dropTable(tableName)
+      }
+    })
+
+    test('Backspace on empty value moves to operator', async ({ page, ref }) => {
+      const tableName = `${tableNamePrefix}_val_bksp`
+      const columnName = 'name'
+
+      await createTable(tableName, columnName, [{ name: 'Alice' }])
+
+      try {
+        await setupFilterBarPage(page, ref, toUrl(`/project/${ref}/editor?schema=public`))
+        await navigateToTable(page, ref, tableName)
+
+        await selectColumnFilter(page, columnName)
+        await selectOperator(page, columnName, '=')
+
+        await page.keyboard.press('Backspace')
+
+        await expect(page.getByTestId(`filter-operator-${columnName}`)).toBeFocused()
+      } finally {
+        await dropTable(tableName)
+      }
+    })
+
+    test('ArrowLeft at position 0 moves to previous condition value', async ({ page, ref }) => {
+      const tableName = `${tableNamePrefix}_val_arrowl`
+
+      await query(
+        `CREATE TABLE IF NOT EXISTS ${tableName} (
+          id bigint generated by default as identity primary key,
+          first_name text,
+          last_name text
+        )`
+      )
+      await query(
+        `INSERT INTO ${tableName} (first_name, last_name) VALUES ('Alice', 'Smith'), ('Bob', 'Jones')`
+      )
+
+      try {
+        await setupFilterBarPage(page, ref, toUrl(`/project/${ref}/editor?schema=public`))
+        await navigateToTable(page, ref, tableName)
+
+        await addFilter(page, ref, 'first_name', '=', 'Alice')
+        await addFilter(page, ref, 'last_name', '=', 'Smith')
+
+        const lastNameValue = page.getByTestId('filter-value-last_name')
+        await lastNameValue.click()
+        await page.keyboard.press('Home')
+
+        await page.keyboard.press('ArrowLeft')
+
+        await expect(page.getByTestId('filter-value-first_name')).toBeFocused()
+      } finally {
+        await dropTable(tableName)
+      }
+    })
+
+    test('ArrowRight at end moves to next condition or freeform', async ({ page, ref }) => {
+      const tableName = `${tableNamePrefix}_val_arrowr`
+      const columnName = 'name'
+
+      await createTable(tableName, columnName, [{ name: 'Alice' }])
+
+      try {
+        await setupFilterBarPage(page, ref, toUrl(`/project/${ref}/editor?schema=public`))
+        await navigateToTable(page, ref, tableName)
+
+        await addFilter(page, ref, columnName, '=', 'Alice')
+
+        // Use keyboard to focus value: highlight condition then Enter to avoid re-opening dropdown
+        const freeformInput = getFilterBarInput(page)
+        await freeformInput.click()
+        await page.keyboard.press('Backspace')
+        await page.keyboard.press('Enter')
+
+        await expect(page.getByTestId(`filter-value-${columnName}`)).toBeFocused()
+        await page.keyboard.press('End')
+        await page.keyboard.press('ArrowRight')
+
+        await expect(freeformInput).toBeFocused()
+      } finally {
+        await dropTable(tableName)
+      }
+    })
+
+    test('editing value in the middle preserves cursor position', async ({ page, ref }) => {
+      const tableName = `${tableNamePrefix}_cursor_pos`
+      const columnName = 'name'
+
+      await createTable(tableName, columnName, [{ name: 'test' }])
+
+      try {
+        await setupFilterBarPage(page, ref, toUrl(`/project/${ref}/editor?schema=public`))
+        await navigateToTable(page, ref, tableName)
+
+        await selectColumnFilter(page, columnName)
+        await selectOperator(page, columnName, '=')
+
+        const valueInput = page.getByTestId(`filter-value-${columnName}`)
+        await valueInput.fill('HelloWorld')
+
+        // Move cursor to middle (after "Hello") and insert text
+        await page.keyboard.press('Home')
+        for (let i = 0; i < 5; i++) {
+          await page.keyboard.press('ArrowRight')
+        }
+        await page.keyboard.type('_Middle_')
+
+        // Verify the text was inserted in the middle, not appended at the end
+        await expect(valueInput).toHaveValue('Hello_Middle_World')
+      } finally {
+        await dropTable(tableName)
+      }
+    })
+  })
+
+  test.describe('Boolean Column Filters', () => {
+    test('filtering by true shows only true rows', async ({ page, ref }) => {
+      const tableName = `${tableNamePrefix}_bool_true`
+
+      await query(
+        `CREATE TABLE IF NOT EXISTS ${tableName} (
+          id bigint generated by default as identity primary key,
+          is_active boolean
+        )`
+      )
+      await query(`INSERT INTO ${tableName} (is_active) VALUES (true), (false), (true)`)
+
+      try {
+        await setupFilterBarPage(page, ref, toUrl(`/project/${ref}/editor?schema=public`))
+        await navigateToTable(page, ref, tableName)
+
+        await addFilterWithDropdownValue(page, ref, 'is_active', '=', 'true')
+
+        const rows = page.locator('[role="row"]')
+        // Header row + 2 data rows with true
+        await expect(rows).toHaveCount(3)
+      } finally {
+        await dropTable(tableName)
+      }
+    })
+
+    test('filtering by false shows only false rows', async ({ page, ref }) => {
+      const tableName = `${tableNamePrefix}_bool_false`
+
+      await query(
+        `CREATE TABLE IF NOT EXISTS ${tableName} (
+          id bigint generated by default as identity primary key,
+          is_active boolean
+        )`
+      )
+      await query(`INSERT INTO ${tableName} (is_active) VALUES (true), (false), (true)`)
+
+      try {
+        await setupFilterBarPage(page, ref, toUrl(`/project/${ref}/editor?schema=public`))
+        await navigateToTable(page, ref, tableName)
+
+        await addFilterWithDropdownValue(page, ref, 'is_active', '=', 'false')
+
+        const rows = page.locator('[role="row"]')
+        // Header row + 1 data row with false
+        await expect(rows).toHaveCount(2)
+      } finally {
+        await dropTable(tableName)
+      }
+    })
+
+    test('not equal operator with boolean filters correctly', async ({ page, ref }) => {
+      const tableName = `${tableNamePrefix}_bool_neq`
+
+      await query(
+        `CREATE TABLE IF NOT EXISTS ${tableName} (
+          id bigint generated by default as identity primary key,
+          is_active boolean
+        )`
+      )
+      await query(`INSERT INTO ${tableName} (is_active) VALUES (true), (false), (true)`)
+
+      try {
+        await setupFilterBarPage(page, ref, toUrl(`/project/${ref}/editor?schema=public`))
+        await navigateToTable(page, ref, tableName)
+
+        await addFilterWithDropdownValue(page, ref, 'is_active', '<>', 'true')
+
+        const rows = page.locator('[role="row"]')
+        // Header row + 1 data row with false (not equal to true)
+        await expect(rows).toHaveCount(2)
+      } finally {
+        await dropTable(tableName)
+      }
+    })
+  })
+
+  test.describe('Date Column Filters', () => {
+    test('filtering by Today shows only today rows', async ({ page, ref }) => {
+      const tableName = `${tableNamePrefix}_date_today`
+      const todayValue = getDateValue(0)
+
+      await query(
+        `CREATE TABLE IF NOT EXISTS ${tableName} (
+          id bigint generated by default as identity primary key,
+          created_at date
+        )`
+      )
+      await query(
+        `INSERT INTO ${tableName} (created_at) VALUES 
+          (CURRENT_DATE),
+          (CURRENT_DATE - INTERVAL '1 day'),
+          (CURRENT_DATE - INTERVAL '7 days')`
+      )
+
+      try {
+        await setupFilterBarPage(page, ref, toUrl(`/project/${ref}/editor?schema=public`))
+        await navigateToTable(page, ref, tableName)
+
+        await addFilterWithDropdownValue(page, ref, 'created_at', '=', todayValue)
+
+        const rows = page.locator('[role="row"]')
+        await expect(rows).toHaveCount(2)
+      } finally {
+        await dropTable(tableName)
+      }
+    })
+
+    test('filtering by Yesterday shows only yesterday rows', async ({ page, ref }) => {
+      const tableName = `${tableNamePrefix}_date_yest`
+      const yesterdayValue = getDateValue(1)
+
+      await query(
+        `CREATE TABLE IF NOT EXISTS ${tableName} (
+          id bigint generated by default as identity primary key,
+          created_at date
+        )`
+      )
+      await query(
+        `INSERT INTO ${tableName} (created_at) VALUES 
+          (CURRENT_DATE),
+          (CURRENT_DATE - INTERVAL '1 day'),
+          (CURRENT_DATE - INTERVAL '7 days')`
+      )
+
+      try {
+        await setupFilterBarPage(page, ref, toUrl(`/project/${ref}/editor?schema=public`))
+        await navigateToTable(page, ref, tableName)
+
+        await addFilterWithDropdownValue(page, ref, 'created_at', '=', yesterdayValue)
+
+        const rows = page.locator('[role="row"]')
+        await expect(rows).toHaveCount(2)
+      } finally {
+        await dropTable(tableName)
+      }
+    })
+
+    test('filtering by Last 7 days with greater or equal operator', async ({ page, ref }) => {
+      const tableName = `${tableNamePrefix}_date_7d`
+      const last7DaysValue = getDateValue(7)
+
+      await query(
+        `CREATE TABLE IF NOT EXISTS ${tableName} (
+          id bigint generated by default as identity primary key,
+          created_at date
+        )`
+      )
+      await query(
+        `INSERT INTO ${tableName} (created_at) VALUES 
+          (CURRENT_DATE),
+          (CURRENT_DATE - INTERVAL '3 days'),
+          (CURRENT_DATE - INTERVAL '7 days'),
+          (CURRENT_DATE - INTERVAL '30 days')`
+      )
+
+      try {
+        await setupFilterBarPage(page, ref, toUrl(`/project/${ref}/editor?schema=public`))
+        await navigateToTable(page, ref, tableName)
+
+        await addFilterWithDropdownValue(page, ref, 'created_at', '>=', last7DaysValue)
+
+        const rows = page.locator('[role="row"]')
+        await expect(rows).toHaveCount(4)
+      } finally {
+        await dropTable(tableName)
+      }
+    })
+
+    test('date less than operator filters correctly', async ({ page, ref }) => {
+      const tableName = `${tableNamePrefix}_date_lt`
+      const todayValue = getDateValue(0)
+
+      await query(
+        `CREATE TABLE IF NOT EXISTS ${tableName} (
+          id bigint generated by default as identity primary key,
+          created_at date
+        )`
+      )
+      await query(
+        `INSERT INTO ${tableName} (created_at) VALUES 
+          (CURRENT_DATE),
+          (CURRENT_DATE - INTERVAL '1 day'),
+          (CURRENT_DATE - INTERVAL '7 days')`
+      )
+
+      try {
+        await setupFilterBarPage(page, ref, toUrl(`/project/${ref}/editor?schema=public`))
+        await navigateToTable(page, ref, tableName)
+
+        await addFilterWithDropdownValue(page, ref, 'created_at', '<', todayValue)
+
+        const rows = page.locator('[role="row"]')
+        await expect(rows).toHaveCount(3)
+      } finally {
+        await dropTable(tableName)
+      }
+    })
+  })
+
+  test.describe('Timestamp Column Filters', () => {
+    test('timestamp column shows date preset dropdown options', async ({ page, ref }) => {
+      const tableName = `${tableNamePrefix}_ts_today`
+      const todayValue = getDateValue(0)
+
+      await query(
+        `CREATE TABLE IF NOT EXISTS ${tableName} (
+          id bigint generated by default as identity primary key,
+          created_at timestamp
+        )`
+      )
+      await query(
+        `INSERT INTO ${tableName} (created_at) VALUES 
+          (NOW()),
+          (NOW() - INTERVAL '1 day'),
+          (NOW() - INTERVAL '7 days')`
+      )
+
+      try {
+        await setupFilterBarPage(page, ref, toUrl(`/project/${ref}/editor?schema=public`))
+        await navigateToTable(page, ref, tableName)
+
+        await addFilterWithDropdownValue(page, ref, 'created_at', '>=', todayValue)
+
+        const rows = page.locator('[role="row"]')
+        await expect(rows).toHaveCount(2)
+      } finally {
+        await dropTable(tableName)
+      }
+    })
+  })
+
+  test.describe('Keyboard Navigation - Dropdown Values', () => {
+    test('ArrowDown/Enter navigates and selects dropdown value option', async ({ page, ref }) => {
+      const tableName = `${tableNamePrefix}_kb_dropdown`
+
+      await query(
+        `CREATE TABLE IF NOT EXISTS ${tableName} (
+          id bigint generated by default as identity primary key,
+          is_active boolean
+        )`
+      )
+      await query(`INSERT INTO ${tableName} (is_active) VALUES (true), (false)`)
+
+      try {
+        await setupFilterBarPage(page, ref, toUrl(`/project/${ref}/editor?schema=public`))
+        await navigateToTable(page, ref, tableName)
+
+        await selectColumnFilter(page, 'is_active')
+        await selectOperator(page, 'is_active', '=')
+
+        // Navigate to 'false' option (second item) and select with Enter
+        await page.keyboard.press('ArrowDown')
+        await page.keyboard.press('Enter')
+
+        await expect(page.getByTestId('filter-condition-is_active')).toBeVisible()
+      } finally {
+        await dropTable(tableName)
+      }
+    })
+
+    test('Tab selects dropdown value option', async ({ page, ref }) => {
+      const tableName = `${tableNamePrefix}_kb_tab`
+
+      await query(
+        `CREATE TABLE IF NOT EXISTS ${tableName} (
+          id bigint generated by default as identity primary key,
+          is_active boolean
+        )`
+      )
+      await query(`INSERT INTO ${tableName} (is_active) VALUES (true), (false)`)
+
+      try {
+        await setupFilterBarPage(page, ref, toUrl(`/project/${ref}/editor?schema=public`))
+        await navigateToTable(page, ref, tableName)
+
+        await selectColumnFilter(page, 'is_active')
+        await selectOperator(page, 'is_active', '=')
+
+        await page.keyboard.press('Tab')
+
+        await expect(page.getByTestId('filter-condition-is_active')).toBeVisible()
+      } finally {
+        await dropTable(tableName)
+      }
+    })
+  })
+})
diff --git a/e2e/studio/utils/filter-bar-helpers.ts b/e2e/studio/utils/filter-bar-helpers.ts
new file mode 100644
index 0000000000000..8a9edbbc1905e
--- /dev/null
+++ b/e2e/studio/utils/filter-bar-helpers.ts
@@ -0,0 +1,84 @@
+import { expect, Page } from '@playwright/test'
+
+import { createApiResponseWaiter, waitForTableToLoad } from './wait-for-response.js'
+
+const FILTER_BAR_KEY = 'supabase-ui-table-filter-bar'
+
+export async function enableFilterBar(page: Page) {
+  await page.evaluate((key) => {
+    localStorage.setItem(key, 'true')
+  }, FILTER_BAR_KEY)
+}
+
+export function getFilterBarInput(page: Page) {
+  return page.getByTestId('filter-bar-freeform-input')
+}
+
+export async function navigateToTable(page: Page, ref: string, tableName: string) {
+  const gridWaiter = createApiResponseWaiter(page, 'pg-meta', ref, 'query?key=table-rows-')
+  await page.getByRole('button', { name: `View ${tableName}`, exact: true }).click()
+  await page.waitForURL(/\/editor\/\d+\?schema=public$/)
+  await gridWaiter
+}
+
+export async function selectColumnFilter(page: Page, columnName: string) {
+  const freeformInput = getFilterBarInput(page)
+  await freeformInput.click()
+  await freeformInput.fill(columnName)
+  await expect(page.getByTestId(`filter-menu-item-${columnName}`)).toBeVisible()
+  await page.keyboard.press('Enter')
+  await expect(page.getByTestId(`filter-operator-${columnName}`)).toBeFocused()
+}
+
+export async function selectOperator(page: Page, columnName: string, operator: string) {
+  await expect(page.getByTestId(`filter-menu-item-${operator}`)).toBeVisible()
+  await page.keyboard.press('Enter')
+  await expect(page.getByTestId(`filter-value-${columnName}`)).toBeFocused()
+}
+
+export async function addFilter(
+  page: Page,
+  ref: string,
+  columnName: string,
+  operator: string,
+  value: string
+) {
+  await selectColumnFilter(page, columnName)
+  await selectOperator(page, columnName, operator)
+  const rowsWaiter = createApiResponseWaiter(page, 'pg-meta', ref, 'query?key=table-rows-')
+  const valueInput = page.getByTestId(`filter-value-${columnName}`)
+  await valueInput.fill(value)
+  await page.keyboard.press('Enter')
+  await rowsWaiter
+}
+
+export async function selectOperatorByClick(page: Page, columnName: string, operator: string) {
+  await expect(page.getByTestId(`filter-menu-item-${operator}`)).toBeVisible()
+  await page.getByTestId(`filter-menu-item-${operator}`).click()
+  await expect(page.getByTestId(`filter-value-${columnName}`)).toBeFocused()
+}
+
+export async function addFilterWithDropdownValue(
+  page: Page,
+  ref: string,
+  columnName: string,
+  operator: string,
+  optionValue: string
+) {
+  await selectColumnFilter(page, columnName)
+  await selectOperatorByClick(page, columnName, operator)
+  const rowsWaiter = createApiResponseWaiter(page, 'pg-meta', ref, 'query?key=table-rows-')
+  await expect(page.getByTestId(`filter-menu-item-${optionValue}`)).toBeVisible()
+  await page.getByTestId(`filter-menu-item-${optionValue}`).click()
+  await rowsWaiter
+}
+
+export async function setupFilterBarPage(page: Page, ref: string, editorUrl: string) {
+  const loadPromise = waitForTableToLoad(page, ref)
+  await page.goto(editorUrl)
+  await loadPromise
+  await enableFilterBar(page)
+  const reloadPromise = waitForTableToLoad(page, ref)
+  await page.reload({ waitUntil: 'networkidle' })
+  await reloadPromise
+}
diff --git a/packages/ui-patterns/src/FilterBar/CommandListItem.tsx b/packages/ui-patterns/src/FilterBar/CommandListItem.tsx
index d5f42c4a5bd08..38b2e9e88bbad 100644
--- a/packages/ui-patterns/src/FilterBar/CommandListItem.tsx
+++ b/packages/ui-patterns/src/FilterBar/CommandListItem.tsx
@@ -29,6 +29,7 @@ export function CommandListItem({
         isHighlighted && 'bg-surface-300',
         !isHighlighted && 'hover:bg-surface-200'
       )}
+      data-testid={`filter-menu-item-${item.value}`}
     >
       <span className="flex items-center gap-2">
         {includeIcon && item.icon}
diff --git a/packages/ui-patterns/src/FilterBar/FilterCondition.tsx b/packages/ui-patterns/src/FilterBar/FilterCondition.tsx
index 7c685c437fd6c..f94ea8626db18 100644
--- a/packages/ui-patterns/src/FilterBar/FilterCondition.tsx
+++ b/packages/ui-patterns/src/FilterBar/FilterCondition.tsx
@@ -222,6 +222,8 @@ export function FilterCondition({
         variant === 'pill' ? 'rounded border' : 'border-r',
         isHighlighted && 'ring-2 ring-primary'
       )}
+      data-testid={`filter-condition-${property.name}`}
+      data-highlighted={isHighlighted}
     >
       <span
         className="text-xs pl-2 pr-1 cursor-pointer shrink-0 whitespace-nowrap text-foreground-light h-full flex items-center"
@@ -243,6 +245,7 @@ export function FilterCondition({
               className="h-full border-none bg-transparent py-0 px-1 text-center text-xs focus:outline-none focus:ring-0 focus:shadow-none focus-visible:ring-0 focus-visible:ring-offset-0 text-brand w-full absolute left-0 top-0"
               disabled={isLoading}
               aria-label={`Operator for ${property.label}`}
+              data-testid={`filter-operator-${property.name}`}
             />
             <span className="invisible whitespace-pre text-xs block px-1 shrink-0 px-1">
               {condition.operator || ' '}
@@ -285,6 +288,7 @@ export function FilterCondition({
               className="h-full border-none bg-transparent py-0 px-1 text-xs focus:outline-none focus:ring-0 focus:shadow-none focus-visible:ring-0 focus-visible:ring-offset-0 w-full absolute left-0 top-0"
               disabled={isLoading}
               aria-label={`Value for ${property.label}`}
+              data-testid={`filter-value-${property.name}`}
             />
             <span className="invisible whitespace-pre text-xs block px-1">{localValue || ' '}</span>
           </div>
@@ -343,6 +347,7 @@ export function FilterCondition({
         className="group hover:text-foreground hover:!bg-surface-600 rounded-none px-1 h-auto py-0"
         aria-label={`Remove ${property.label} filter`}
         tabIndex={-1}
+        data-testid={`filter-remove-${property.name}`}
       />
     </div>
   )
diff --git a/packages/ui-patterns/src/FilterBar/FilterGroup.tsx b/packages/ui-patterns/src/FilterBar/FilterGroup.tsx
index 310708e9627c0..c256effe0c185 100644
--- a/packages/ui-patterns/src/FilterBar/FilterGroup.tsx
+++ b/packages/ui-patterns/src/FilterBar/FilterGroup.tsx
@@ -195,6 +195,7 @@ export function FilterGroup({ group, path }: FilterGroupProps) {
                   group.conditions.length === 0 ? emptyPlaceholder : 'Add more filters...'
                 }
                 disabled={isLoading}
+                data-testid="filter-bar-freeform-input"
               />
             ) : (
               <div className="relative inline-block">