|
<script lang="ts"> |
|
import { getContext, onMount } from 'svelte'; |
|
const i18n = getContext('i18n'); |
|
|
|
import Switch from '$lib/components/common/Switch.svelte'; |
|
import Tooltip from '$lib/components/common/Tooltip.svelte'; |
|
|
|
|
|
const defaultPermissions = { |
|
workspace: { |
|
models: false, |
|
knowledge: false, |
|
prompts: false, |
|
tools: false |
|
}, |
|
sharing: { |
|
public_models: false, |
|
public_knowledge: false, |
|
public_prompts: false, |
|
public_tools: false |
|
}, |
|
chat: { |
|
controls: true, |
|
delete: true, |
|
edit: true, |
|
file_upload: true, |
|
temporary: true, |
|
temporary_enforced: false |
|
}, |
|
features: { |
|
direct_tool_servers: false, |
|
web_search: true, |
|
image_generation: true, |
|
code_interpreter: true |
|
} |
|
}; |
|
|
|
export let permissions = {}; |
|
|
|
|
|
$: { |
|
permissions = fillMissingProperties(permissions, defaultPermissions); |
|
} |
|
|
|
function fillMissingProperties(obj: any, defaults: any) { |
|
return { |
|
...defaults, |
|
...obj, |
|
workspace: { ...defaults.workspace, ...obj.workspace }, |
|
sharing: { ...defaults.sharing, ...obj.sharing }, |
|
chat: { ...defaults.chat, ...obj.chat }, |
|
features: { ...defaults.features, ...obj.features } |
|
}; |
|
} |
|
|
|
onMount(() => { |
|
permissions = fillMissingProperties(permissions, defaultPermissions); |
|
}); |
|
</script> |
|
|
|
<div> |
|
<!-- <div> |
|
<div class=" mb-2 text-sm font-medium">{$i18n.t('Model Permissions')}</div> |
|
|
|
<div class="mb-2"> |
|
<div class="flex justify-between items-center text-xs pr-2"> |
|
<div class=" text-xs font-medium">{$i18n.t('Model Filtering')}</div> |
|
|
|
<Switch bind:state={permissions.model.filter} /> |
|
</div> |
|
</div> |
|
|
|
{#if permissions.model.filter} |
|
<div class="mb-2"> |
|
<div class=" space-y-1.5"> |
|
<div class="flex flex-col w-full"> |
|
<div class="mb-1 flex justify-between"> |
|
<div class="text-xs text-gray-500">{$i18n.t('Model IDs')}</div> |
|
</div> |
|
|
|
{#if model_ids.length > 0} |
|
<div class="flex flex-col"> |
|
{#each model_ids as modelId, modelIdx} |
|
<div class=" flex gap-2 w-full justify-between items-center"> |
|
<div class=" text-sm flex-1 rounded-lg"> |
|
{modelId} |
|
</div> |
|
<div class="shrink-0"> |
|
<button |
|
type="button" |
|
on:click={() => { |
|
model_ids = model_ids.filter((_, idx) => idx !== modelIdx); |
|
}} |
|
> |
|
<Minus strokeWidth="2" className="size-3.5" /> |
|
</button> |
|
</div> |
|
</div> |
|
{/each} |
|
</div> |
|
{:else} |
|
<div class="text-gray-500 text-xs text-center py-2 px-10"> |
|
{$i18n.t('No model IDs')} |
|
</div> |
|
{/if} |
|
</div> |
|
</div> |
|
<hr class=" border-gray-100 dark:border-gray-700/10 mt-2.5 mb-1 w-full" /> |
|
|
|
<div class="flex items-center"> |
|
<select |
|
class="w-full py-1 text-sm rounded-lg bg-transparent {selectedModelId |
|
? '' |
|
: 'text-gray-500'} placeholder:text-gray-300 dark:placeholder:text-gray-700 outline-hidden" |
|
bind:value={selectedModelId} |
|
> |
|
<option value="">{$i18n.t('Select a model')}</option> |
|
{#each $models.filter((m) => m?.owned_by !== 'arena') as model} |
|
<option value={model.id} class="bg-gray-50 dark:bg-gray-700">{model.name}</option> |
|
{/each} |
|
</select> |
|
|
|
<div> |
|
<button |
|
type="button" |
|
on:click={() => { |
|
if (selectedModelId && !permissions.model.model_ids.includes(selectedModelId)) { |
|
permissions.model.model_ids = [...permissions.model.model_ids, selectedModelId]; |
|
selectedModelId = ''; |
|
} |
|
}} |
|
> |
|
<Plus className="size-3.5" strokeWidth="2" /> |
|
</button> |
|
</div> |
|
</div> |
|
</div> |
|
{/if} |
|
|
|
<div class=" space-y-1 mb-3"> |
|
<div class=""> |
|
<div class="flex justify-between items-center text-xs"> |
|
<div class=" text-xs font-medium">{$i18n.t('Default Model')}</div> |
|
</div> |
|
</div> |
|
|
|
<div class="flex-1 mr-2"> |
|
<select |
|
class="w-full bg-transparent outline-hidden py-0.5 text-sm" |
|
bind:value={permissions.model.default_id} |
|
placeholder="Select a model" |
|
> |
|
<option value="" disabled selected>{$i18n.t('Select a model')}</option> |
|
{#each permissions.model.filter ? $models.filter( (model) => filterModelIds.includes(model.id) ) : $models.filter((model) => model.id) as model} |
|
<option value={model.id} class="bg-gray-100 dark:bg-gray-700">{model.name}</option> |
|
{/each} |
|
</select> |
|
</div> |
|
</div> |
|
</div> |
|
|
|
<hr class=" border-gray-100 dark:border-gray-850 my-2" /> --> |
|
|
|
<div> |
|
<div class=" mb-2 text-sm font-medium">{$i18n.t('Workspace Permissions')}</div> |
|
|
|
<div class=" flex w-full justify-between my-2 pr-2"> |
|
<div class=" self-center text-xs font-medium"> |
|
{$i18n.t('Models Access')} |
|
</div> |
|
<Switch bind:state={permissions.workspace.models} /> |
|
</div> |
|
|
|
<div class=" flex w-full justify-between my-2 pr-2"> |
|
<div class=" self-center text-xs font-medium"> |
|
{$i18n.t('Knowledge Access')} |
|
</div> |
|
<Switch bind:state={permissions.workspace.knowledge} /> |
|
</div> |
|
|
|
<div class=" flex w-full justify-between my-2 pr-2"> |
|
<div class=" self-center text-xs font-medium"> |
|
{$i18n.t('Prompts Access')} |
|
</div> |
|
<Switch bind:state={permissions.workspace.prompts} /> |
|
</div> |
|
|
|
<div class=" "> |
|
<Tooltip |
|
className=" flex w-full justify-between my-2 pr-2" |
|
content={$i18n.t( |
|
'Warning: Enabling this will allow users to upload arbitrary code on the server.' |
|
)} |
|
placement="top-start" |
|
> |
|
<div class=" self-center text-xs font-medium"> |
|
{$i18n.t('Tools Access')} |
|
</div> |
|
<Switch bind:state={permissions.workspace.tools} /> |
|
</Tooltip> |
|
</div> |
|
</div> |
|
|
|
<hr class=" border-gray-100 dark:border-gray-850 my-2" /> |
|
|
|
<div> |
|
<div class=" mb-2 text-sm font-medium">{$i18n.t('Sharing Permissions')}</div> |
|
|
|
<div class=" flex w-full justify-between my-2 pr-2"> |
|
<div class=" self-center text-xs font-medium"> |
|
{$i18n.t('Models Public Sharing')} |
|
</div> |
|
<Switch bind:state={permissions.sharing.public_models} /> |
|
</div> |
|
|
|
<div class=" flex w-full justify-between my-2 pr-2"> |
|
<div class=" self-center text-xs font-medium"> |
|
{$i18n.t('Knowledge Public Sharing')} |
|
</div> |
|
<Switch bind:state={permissions.sharing.public_knowledge} /> |
|
</div> |
|
|
|
<div class=" flex w-full justify-between my-2 pr-2"> |
|
<div class=" self-center text-xs font-medium"> |
|
{$i18n.t('Prompts Public Sharing')} |
|
</div> |
|
<Switch bind:state={permissions.sharing.public_prompts} /> |
|
</div> |
|
|
|
<div class=" flex w-full justify-between my-2 pr-2"> |
|
<div class=" self-center text-xs font-medium"> |
|
{$i18n.t('Tools Public Sharing')} |
|
</div> |
|
<Switch bind:state={permissions.sharing.public_tools} /> |
|
</div> |
|
</div> |
|
|
|
<hr class=" border-gray-100 dark:border-gray-850 my-2" /> |
|
|
|
<div> |
|
<div class=" mb-2 text-sm font-medium">{$i18n.t('Chat Permissions')}</div> |
|
|
|
<div class=" flex w-full justify-between my-2 pr-2"> |
|
<div class=" self-center text-xs font-medium"> |
|
{$i18n.t('Allow Chat Controls')} |
|
</div> |
|
|
|
<Switch bind:state={permissions.chat.controls} /> |
|
</div> |
|
|
|
<div class=" flex w-full justify-between my-2 pr-2"> |
|
<div class=" self-center text-xs font-medium"> |
|
{$i18n.t('Allow File Upload')} |
|
</div> |
|
|
|
<Switch bind:state={permissions.chat.file_upload} /> |
|
</div> |
|
|
|
<div class=" flex w-full justify-between my-2 pr-2"> |
|
<div class=" self-center text-xs font-medium"> |
|
{$i18n.t('Allow Chat Delete')} |
|
</div> |
|
|
|
<Switch bind:state={permissions.chat.delete} /> |
|
</div> |
|
|
|
<div class=" flex w-full justify-between my-2 pr-2"> |
|
<div class=" self-center text-xs font-medium"> |
|
{$i18n.t('Allow Chat Edit')} |
|
</div> |
|
|
|
<Switch bind:state={permissions.chat.edit} /> |
|
</div> |
|
|
|
<div class=" flex w-full justify-between my-2 pr-2"> |
|
<div class=" self-center text-xs font-medium"> |
|
{$i18n.t('Allow Temporary Chat')} |
|
</div> |
|
|
|
<Switch bind:state={permissions.chat.temporary} /> |
|
</div> |
|
|
|
{#if permissions.chat.temporary} |
|
<div class=" flex w-full justify-between my-2 pr-2"> |
|
<div class=" self-center text-xs font-medium"> |
|
{$i18n.t('Enforce Temporary Chat')} |
|
</div> |
|
|
|
<Switch bind:state={permissions.chat.temporary_enforced} /> |
|
</div> |
|
{/if} |
|
</div> |
|
|
|
<hr class=" border-gray-100 dark:border-gray-850 my-2" /> |
|
|
|
<div> |
|
<div class=" mb-2 text-sm font-medium">{$i18n.t('Features Permissions')}</div> |
|
|
|
<div class=" flex w-full justify-between my-2 pr-2"> |
|
<div class=" self-center text-xs font-medium"> |
|
{$i18n.t('Direct Tool Servers')} |
|
</div> |
|
|
|
<Switch bind:state={permissions.features.direct_tool_servers} /> |
|
</div> |
|
|
|
<div class=" flex w-full justify-between my-2 pr-2"> |
|
<div class=" self-center text-xs font-medium"> |
|
{$i18n.t('Web Search')} |
|
</div> |
|
|
|
<Switch bind:state={permissions.features.web_search} /> |
|
</div> |
|
|
|
<div class=" flex w-full justify-between my-2 pr-2"> |
|
<div class=" self-center text-xs font-medium"> |
|
{$i18n.t('Image Generation')} |
|
</div> |
|
|
|
<Switch bind:state={permissions.features.image_generation} /> |
|
</div> |
|
|
|
<div class=" flex w-full justify-between my-2 pr-2"> |
|
<div class=" self-center text-xs font-medium"> |
|
{$i18n.t('Code Interpreter')} |
|
</div> |
|
|
|
<Switch bind:state={permissions.features.code_interpreter} /> |
|
</div> |
|
</div> |
|
</div> |
|
|
