diff --git a/apps/studio/components/interfaces/App/FeaturePreview/FeaturePreviewModal.tsx b/apps/studio/components/interfaces/App/FeaturePreview/FeaturePreviewModal.tsx
index b0e994c5052..3153dade9b7 100644
--- a/apps/studio/components/interfaces/App/FeaturePreview/FeaturePreviewModal.tsx
+++ b/apps/studio/components/interfaces/App/FeaturePreview/FeaturePreviewModal.tsx
@@ -5,13 +5,13 @@ import { useRouter } from 'next/router'
import { useState } from 'react'
import { Button, IconExternalLink, IconEye, IconEyeOff, Modal, ScrollArea, cn } from 'ui'
+import { useFlag } from 'hooks'
import { LOCAL_STORAGE_KEYS } from 'lib/constants'
import Telemetry from 'lib/telemetry'
import { useAppStateSnapshot } from 'state/app-state'
import APISidePanelPreview from './APISidePanelPreview'
import { useFeaturePreviewContext } from './FeaturePreviewContext'
import RLSAIAssistantPreview from './RLSAIAssistantPreview'
-import { useFlag } from 'hooks'
const FeaturePreviewModal = () => {
const isAiAssistantEnabled = useFlag('policyEditorWithAi')
@@ -28,7 +28,7 @@ const FeaturePreviewModal = () => {
? [
{
key: LOCAL_STORAGE_KEYS.UI_PREVIEW_RLS_AI_ASSISTANT,
- name: 'AI Assistant for RLS policies',
+ name: 'Supabase Assistant for RLS policies',
content:
+
{
- return {props.children[0].props.children}
+ return (
+
+ {props.children[0].props.children}
+
+ )
},
}}
>
diff --git a/apps/studio/components/interfaces/Auth/Policies/AIPolicyEditorPanel/index.tsx b/apps/studio/components/interfaces/Auth/Policies/AIPolicyEditorPanel/index.tsx
index 1b46f91466a..6e9a47a0bb7 100644
--- a/apps/studio/components/interfaces/Auth/Policies/AIPolicyEditorPanel/index.tsx
+++ b/apps/studio/components/interfaces/Auth/Policies/AIPolicyEditorPanel/index.tsx
@@ -286,6 +286,7 @@ export const AIPolicyEditorPanel = memo(function ({
modified={incomingChange}
onMount={(editor) => (diffEditorRef.current = editor)}
options={{
+ wordWrap: 'on',
renderSideBySide: false,
scrollBeyondLastLine: false,
renderOverviewRuler: false,
diff --git a/apps/studio/components/interfaces/SQLEditor/AISettingsModal.tsx b/apps/studio/components/interfaces/SQLEditor/AISettingsModal.tsx
deleted file mode 100644
index 8ab1da2e8b8..00000000000
--- a/apps/studio/components/interfaces/SQLEditor/AISettingsModal.tsx
+++ /dev/null
@@ -1,64 +0,0 @@
-import { ModalProps } from '@ui/components/Modal/Modal'
-import { useLocalStorageQuery, useSelectedOrganization, useStore } from 'hooks'
-import { IS_PLATFORM, OPT_IN_TAGS } from 'lib/constants'
-import Link from 'next/link'
-import { Alert, IconExternalLink, Modal, Toggle } from 'ui'
-export interface AISettingsModalProps {
- visible: boolean
-}
-
-const AISettingsModal = (props: ModalProps) => {
- const selectedOrganization = useSelectedOrganization()
- const isOptedInToAI = selectedOrganization?.opt_in_tags?.includes(OPT_IN_TAGS.AI_SQL) ?? false
- const [hasEnabledAISchema, setHasEnabledAISchema] = useLocalStorageQuery(
- 'supabase_sql-editor-ai-schema-enabled',
- true
- )
- const { ui } = useStore()
-
- const includeSchemaMetadata = (isOptedInToAI || !IS_PLATFORM) && hasEnabledAISchema
-
- const handleOptInToggle = () => {
- setHasEnabledAISchema((prev) => !prev)
- ui.setNotification({ category: 'success', message: 'Successfully saved settings' })
- }
-
- return (
-
-
- {IS_PLATFORM && !isOptedInToAI && selectedOrganization && (
-
-
- Go to your organization's settings to opt-in.
-
-
-
- )}
-
-
-
- Include anonymous database metadata in AI queries
-
- Includes table names, column names and their corresponding data types in the request.
- This will generate queries that are more relevant to your project.
-
-
-
-
-
- )
-}
-
-export default AISettingsModal
diff --git a/apps/studio/components/ui/AISettingsModal.tsx b/apps/studio/components/ui/AISettingsModal.tsx
index a511b7df804..6772239ca45 100644
--- a/apps/studio/components/ui/AISettingsModal.tsx
+++ b/apps/studio/components/ui/AISettingsModal.tsx
@@ -56,8 +56,8 @@ const AISettingsModal = () => {
Include anonymous database metadata in AI queries
- Includes table names, column names and their corresponding data types in the request.
- This will generate queries that are more relevant to your project.
+ Metadata includes table names, column names and their corresponding data types in the
+ request. This will generate queries that are more relevant to your project.