From a7862fc4b7955a84ffd06d678e05d49b053b2d4f Mon Sep 17 00:00:00 2001
From: Alexander Brown <drjkl@comfy.org>
Date: Tue, 27 Jan 2026 18:58:50 -0800
Subject: [PATCH] feat: Asset Browser Placeholder update (#8349)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

## Summary

Remind Creators that they can add models that they don't have available
yet

┆Issue is synchronized with this [Notion
page](https://www.notion.so/PR-8349-feat-Asset-Browser-Placeholder-update-2f66d73d3650815f83b4e7ce3587740c)
by [Unito](https://www.unito.io)

---------

Co-authored-by: GitHub Action <action@github.com>
---
 src/locales/en/main.json                             | 3 ++-
 src/platform/assets/components/AssetBrowserModal.vue | 6 +++++-
 src/platform/assets/components/AssetGrid.vue         | 2 +-
 3 files changed, 8 insertions(+), 3 deletions(-)

diff --git a/src/locales/en/main.json b/src/locales/en/main.json
index d2c360f44..1cbe43d10 100644
--- a/src/locales/en/main.json
+++ b/src/locales/en/main.json
@@ -2458,9 +2458,10 @@
     "allModels": "All Models",
     "byType": "By type",
     "emptyImported": {
-      "canImport": "No imported models yet. Click \"Import Model\" to add your own.",
+      "canImport": "No imported models yet. Click \"Import\" to add your own.",
       "restricted": "Personal models are only available at Creator tier and above."
     },
+    "noResultsCanImport": "Try adjusting your search or filters.\nYou can also add models using the \"Import\" button above.",
     "imported": "Imported",
     "assetCollection": "Asset collection",
     "assets": "Assets",
diff --git a/src/platform/assets/components/AssetBrowserModal.vue b/src/platform/assets/components/AssetBrowserModal.vue
index 2fd343d42..05f0c1efc 100644
--- a/src/platform/assets/components/AssetBrowserModal.vue
+++ b/src/platform/assets/components/AssetBrowserModal.vue
@@ -211,7 +211,11 @@ const shouldShowLeftPanel = computed(() => {
 })
 
 const emptyMessage = computed(() => {
-  if (!isImportedSelected.value) return undefined
+  if (!isImportedSelected.value) {
+    return isUploadButtonEnabled.value
+      ? t('assetBrowser.noResultsCanImport')
+      : undefined
+  }
 
   return isUploadButtonEnabled.value
     ? t('assetBrowser.emptyImported.canImport')
diff --git a/src/platform/assets/components/AssetGrid.vue b/src/platform/assets/components/AssetGrid.vue
index 03c624a79..30bb3f66c 100644
--- a/src/platform/assets/components/AssetGrid.vue
+++ b/src/platform/assets/components/AssetGrid.vue
@@ -21,7 +21,7 @@
       <h3 class="mb-2 text-lg font-medium">
         {{ emptyTitle ?? $t('assetBrowser.noAssetsFound') }}
       </h3>
-      <p class="text-sm">
+      <p class="text-sm whitespace-pre-wrap text-center">
         {{ emptyMessage ?? $t('assetBrowser.tryAdjustingFilters') }}
       </p>
     </div>