feat: New Policy Editor (#19166)

* Add two more sizes to the Panel component.

* Add alias for the older openai-api library. The new one is added under the openai name.

* Add API routes

* Add components for the new AI RLS panel.

* Bunch of changes to the AI Policy Editor.

* Add a button for opening the new Policy Editor.

* Add a feature flag for the new editor.

* Add a confirmation modal when closing the panel.

* Fix leftover data when closing the panel.

* Make the copy button work.

* Add the next/swc packages to package-lock.json.

* Merge master

* Scaffold debug sql in rls editor

* Small improvements to policy chat

* Hook up debug to ai assistant panel

* Improve debug UX

* Add debug request badge

* Some styling fix

* Small styling fix

* Another small styling fix

* Shift create new policy ai button + fix error stylign with code editor height

* Add tooltips to apply changes and copy code from assistant message

* Hide assistant button is not platform

* Small lint

* Add default error handlers to all AI RQ mutations

* Small fix

* Remove IS PLATFORM check for rls assistant

* Add placeholder to RLS code editor

* Fix diff + rls code editor

* Add placeholder message after sending prompt

* Small style

* RLSCodeEditor hit tab if empty to populate placeholder text

* Light mode nudeges

* Update logic for when confirmation close modal should show

* Set render overview ruler as false for rls diff editor

* improve chat UX to make it smoother (thank you alaister for your help 🙏)

* Dynamically do keepPreviousData

* Gracefully handle errors for add prompt

* Use animated ai icon while message is loading

* using Sheet component

* Address commernts

* Bit more improvements

---------

Co-authored-by: Joshen Lim <joshenlimek@gmail.com>
Co-authored-by: Jonathan Summers-Muir <MildTomato@users.noreply.github.com>

apps/studio/data/sql/execute-sql-mutation.ts

@@ -1,19 +1,30 @@
 import { toast } from 'react-hot-toast'
 import { useMutation, UseMutationOptions } from '@tanstack/react-query'
 import { executeSql, ExecuteSqlData, ExecuteSqlVariables } from './execute-sql-query'
-import { ResponseError } from 'types'
 
-/* Execute Query */
+export type QueryResponseError = {
+  code: string
+  message: string
+  error: string
+  formattedError: string
+  file: string
+  length: number
+  line: string
+  name: string
+  position: string
+  routine: string
+  severity: string
+}
 
 export const useExecuteSqlMutation = ({
   onSuccess,
   onError,
   ...options
 }: Omit<
-  UseMutationOptions<ExecuteSqlData, ResponseError, ExecuteSqlVariables>,
+  UseMutationOptions<ExecuteSqlData, QueryResponseError, ExecuteSqlVariables>,
   'mutationFn'
 > = {}) => {
-  return useMutation<ExecuteSqlData, ResponseError, ExecuteSqlVariables>(
+  return useMutation<ExecuteSqlData, QueryResponseError, ExecuteSqlVariables>(
     (args) => executeSql(args),
     {
       async onSuccess(data, variables, context) {