diff --git a/frontend/src/views/accounts/components/AccountCreateModal/index.vue b/frontend/src/views/accounts/components/AccountCreateModal/index.vue index 28a28868f..1c07583f3 100644 --- a/frontend/src/views/accounts/components/AccountCreateModal/index.vue +++ b/frontend/src/views/accounts/components/AccountCreateModal/index.vue @@ -3,14 +3,19 @@ import type { AccountRow } from '../../constants' import type { AccountCreateForm, AccountImportMode } from './model' import type { AccountGroup } from '@/api' import { Openai, Xai } from '@boxicons/vue' -import { LayoutGrid, Settings2 } from '@lucide/vue' +import { Copy, LayoutGrid, Settings2 } from '@lucide/vue' import { computed } from 'vue' import BaseButton from '@/components/base/BaseButton.vue' +import BaseIconButton from '@/components/base/BaseIconButton.vue' import BaseModal from '@/components/base/BaseModal/index.vue' import BaseSegmented from '@/components/base/BaseSegmented.vue' +import ProviderIconGroup from '@/components/ProviderIconGroup.vue' +import { useCopyText } from '@/composables/useCopyText' import { accountModelAccessError } from '../../utils/modelAccess' import { parseAccountSchedulingForm } from '../../utils/schedulingForm' import AccountApiKeyFields from '../AccountApiKeyFields.vue' +import AccountIdentityCell from '../AccountIdentityCell.vue' +import AccountPlanBadge from '../AccountPlanBadge.vue' import AccountImportFields from './AccountImportFields.vue' import AccountOAuthFields from './AccountOAuthFields.vue' import AccountSetupFields from './AccountSetupFields.vue' @@ -29,6 +34,13 @@ const props = withDefaults(defineProps<{ const emit = defineEmits<{ create: [], generateOauth: [] }>() const open = defineModel({ default: false }) const form = defineModel('form', { required: true }) +const copyWithToast = useCopyText() +const accountCopyValue = computed(() => + props.account?.email?.trim() + || props.account?.accountId?.trim() + || props.account?.id + || '', +) const busy = computed(() => props.saving || props.oauthLoading) const proxyError = computed(() => accountProxyError(form.value)) const modelError = computed(() => accountModelAccessError(form.value.modelAccess)) @@ -78,6 +90,37 @@ function continueToImport() {
+
+ +
+ + + + + +
+
+