mirror of
https://github.com/supabase/supabase.git
synced 2026-10-16 06:39:09 +03:00
Joshen LimandAlaister Young
e70242f822
* Clean up usage of newOrgAiOptIn and useBedrockAssistant feature flags * Remove all OpenAI endpoints * Fix for self-hosted * Default isLimited to false * Update PG meta tests * Fix unit tests for model * Revert pg meta tests * Fix test --------- Co-authored-by: Alaister Young <alaister@users.noreply.github.com>
100 lines
3.4 KiB
TypeScript
100 lines
3.4 KiB
TypeScript
import { ReactNode } from 'react'
|
||
import { Control } from 'react-hook-form'
|
||
|
||
import { AIOptInFormValues } from 'hooks/forms/useAIOptInForm'
|
||
import { FormField_Shadcn_, RadioGroup_Shadcn_, RadioGroupItem_Shadcn_ } from 'ui'
|
||
import { FormItemLayout } from 'ui-patterns/form/FormItemLayout/FormItemLayout'
|
||
import { OptInToOpenAIToggle } from './OptInToOpenAIToggle'
|
||
|
||
interface AIOptInLevelSelectorProps {
|
||
control: Control<AIOptInFormValues>
|
||
disabled?: boolean
|
||
label?: ReactNode
|
||
layout?: 'horizontal' | 'vertical' | 'flex-row-reverse'
|
||
}
|
||
|
||
const AI_OPT_IN_LEVELS = [
|
||
{
|
||
value: 'disabled',
|
||
title: 'Disabled',
|
||
description:
|
||
'You do not consent to sharing any database information with Amazon Bedrock and understand that responses will be generic and not tailored to your database',
|
||
},
|
||
{
|
||
value: 'schema',
|
||
title: 'Schema Only',
|
||
description:
|
||
'You consent to sharing your database’s schema metadata (such as table and column names, data types, and relationships—but not actual database data) with Amazon Bedrock',
|
||
},
|
||
{
|
||
value: 'schema_and_log',
|
||
title: 'Schema & Logs',
|
||
description:
|
||
'You consent to sharing your schema and logs (which may contain PII/database data) with Amazon Bedrock for better results',
|
||
},
|
||
{
|
||
value: 'schema_and_log_and_data',
|
||
title: 'Schema, Logs & Database Data',
|
||
description:
|
||
'You consent to give Amazon Bedrock full access to run database read only queries and analyze results for optimal results',
|
||
},
|
||
]
|
||
|
||
export const AIOptInLevelSelector = ({
|
||
control,
|
||
disabled,
|
||
label,
|
||
layout = 'vertical',
|
||
}: AIOptInLevelSelectorProps) => {
|
||
return (
|
||
<FormItemLayout
|
||
label={label}
|
||
layout={layout}
|
||
description={
|
||
<div className="flex flex-col gap-y-4 my-4 max-w-xl">
|
||
<p>
|
||
Supabase AI can provide more relevant answers if you choose to share different levels of
|
||
data. This feature is powered by Amazon Bedrock which does not store or log your prompts
|
||
and completions, nor does it use them to train AWS models or distribute them to third
|
||
parties. This is an organization-wide setting, so please select the level of data you
|
||
are comfortable sharing.
|
||
</p>
|
||
<OptInToOpenAIToggle />
|
||
</div>
|
||
}
|
||
>
|
||
<div className="max-w-xl">
|
||
<FormField_Shadcn_
|
||
control={control}
|
||
name="aiOptInLevel"
|
||
render={({ field }) => (
|
||
<RadioGroup_Shadcn_
|
||
value={field.value}
|
||
onValueChange={field.onChange}
|
||
disabled={disabled}
|
||
className="space-y-2 mb-6"
|
||
>
|
||
{AI_OPT_IN_LEVELS.map((item) => (
|
||
<div key={item.value} className="flex items-start space-x-3">
|
||
<RadioGroupItem_Shadcn_
|
||
value={item.value}
|
||
id={`ai-opt-in-${item.value}`}
|
||
className="mt-0.5"
|
||
/>
|
||
<label
|
||
htmlFor={`ai-opt-in-${item.value}`}
|
||
className="cursor-pointer flex flex-col"
|
||
>
|
||
<span className="text-sm font-medium text-foreground">{item.title}</span>
|
||
<span className="text-sm text-foreground-light">{item.description}</span>
|
||
</label>
|
||
</div>
|
||
))}
|
||
</RadioGroup_Shadcn_>
|
||
)}
|
||
/>
|
||
</div>
|
||
</FormItemLayout>
|
||
)
|
||
}
|