From e6332046b0b4f7b87adedb748a844a2de5549108 Mon Sep 17 00:00:00 2001 From: Alexander Brown Date: Tue, 25 Nov 2025 19:19:16 -0800 Subject: [PATCH] BYOM: Model Import Wizard (#6949) MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit ## Summary Design alignment for the model import wizard. ┆Issue is synchronized with this [Notion page](https://www.notion.so/PR-6949-BYOM-Model-Import-Wizard-2b76d73d365081a48632c40430e05c93) by [Unito](https://www.unito.io) --- public/assets/images/civitai.svg | 9 ++++++ src/components/input/SingleSelect.vue | 2 +- src/locales/en/main.json | 8 ++--- .../assets/components/AssetBrowserModal.vue | 6 ++++ .../components/UploadModelConfirmation.vue | 30 +++++++----------- .../assets/components/UploadModelDialog.vue | 4 ++- .../components/UploadModelDialogHeader.vue | 7 ++--- .../assets/components/UploadModelFooter.vue | 27 +++++++++++++--- .../assets/components/UploadModelProgress.vue | 31 ++++++++++--------- .../assets/components/UploadModelUrlInput.vue | 21 ++++++------- .../assets/composables/useModelTypes.ts | 10 +++--- .../composables/useUploadModelWizard.ts | 2 +- src/types/buttonTypes.ts | 4 +-- 13 files changed, 92 insertions(+), 69 deletions(-) create mode 100644 public/assets/images/civitai.svg diff --git a/public/assets/images/civitai.svg b/public/assets/images/civitai.svg new file mode 100644 index 000000000..0c29253c4 --- /dev/null +++ b/public/assets/images/civitai.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/src/components/input/SingleSelect.vue b/src/components/input/SingleSelect.vue index d22d0064e..2a3f7cdee 100644 --- a/src/components/input/SingleSelect.vue +++ b/src/components/input/SingleSelect.vue @@ -152,7 +152,7 @@ const { popoverMaxWidth?: string }>() -const selectedItem = defineModel({ required: true }) +const selectedItem = defineModel({ required: true }) const { t } = useI18n() diff --git a/src/locales/en/main.json b/src/locales/en/main.json index 5e1519de3..d3a34c8f1 100644 --- a/src/locales/en/main.json +++ b/src/locales/en/main.json @@ -2092,11 +2092,11 @@ "uploadModelFailedToRetrieveMetadata": "Failed to retrieve metadata. Please check the link and try again.", "onlyCivitaiUrlsSupported": "Only Civitai URLs are supported", "uploadModelDescription1": "Paste a Civitai model download link to add it to your library.", - "uploadModelDescription2": "Only links from https://civitai.com are supported at the moment", - "uploadModelDescription3": "Max file size: 1 GB", - "civitaiLinkLabel": "Civitai model download link", + "uploadModelDescription2": "Only links from https://civitai.com are supported at the moment", + "uploadModelDescription3": "Max file size: 1 GB", + "civitaiLinkLabel": "Civitai model download link", "civitaiLinkPlaceholder": "Paste link here", - "civitaiLinkExample": "Example: https://civitai.com/api/download/models/833921?type=Model&format=SafeTensor", + "civitaiLinkExample": "Example: https://civitai.com/api/download/models/833921?type=Model&format=SafeTensor", "confirmModelDetails": "Confirm Model Details", "fileName": "File Name", "fileSize": "File Size", diff --git a/src/platform/assets/components/AssetBrowserModal.vue b/src/platform/assets/components/AssetBrowserModal.vue index 5af4a440f..381a20b73 100644 --- a/src/platform/assets/components/AssetBrowserModal.vue +++ b/src/platform/assets/components/AssetBrowserModal.vue @@ -201,6 +201,12 @@ function handleUploadClick() { onUploadSuccess: async () => { await execute() } + }, + dialogComponentProps: { + pt: { + header: 'py-0! pl-0!', + content: 'p-0!' + } } }) } diff --git a/src/platform/assets/components/UploadModelConfirmation.vue b/src/platform/assets/components/UploadModelConfirmation.vue index 27185262e..d3f632523 100644 --- a/src/platform/assets/components/UploadModelConfirmation.vue +++ b/src/platform/assets/components/UploadModelConfirmation.vue @@ -1,22 +1,24 @@ diff --git a/src/platform/assets/components/UploadModelDialog.vue b/src/platform/assets/components/UploadModelDialog.vue index 4ec0e2eaa..159f852a2 100644 --- a/src/platform/assets/components/UploadModelDialog.vue +++ b/src/platform/assets/components/UploadModelDialog.vue @@ -1,5 +1,7 @@ - - diff --git a/src/platform/assets/components/UploadModelFooter.vue b/src/platform/assets/components/UploadModelFooter.vue index 6425d5bbd..019e68ac2 100644 --- a/src/platform/assets/components/UploadModelFooter.vue +++ b/src/platform/assets/components/UploadModelFooter.vue @@ -1,9 +1,26 @@