fix(app): keep square logos out of loading screens (#8897)

Author: waleedlatif1

apps/docs/content/docs/platform/enterprise/whitelabeling.mdx

@@ -23,9 +23,10 @@ Go to **Settings → Organization → White-labeling** in your workspace.
 | Field | Description |
 |-------|-------------|
 | **Logo** | Shown in the collapsed sidebar. Square image (PNG, JPEG, SVG, or WebP). Max 5 MB. |
-| **Wordmark** | Shown in the expanded sidebar. Wide image (PNG, JPEG, SVG, or WebP). Max 5 MB. |
+| **Wordmark** | Shown in the expanded sidebar and application loading screens. Wide image (PNG, JPEG, SVG, or WebP). Max 5 MB. |
 | **Brand name** | Replaces "Sim" in the sidebar and select UI elements. Max 64 characters. |
 
+Loading screens use the wordmark, never the square logo. Without a wordmark, they show the brand name; when the name is still Sim, they use the built-in Sim wordmark.
 
 ### 3. Configure colors
 

apps/sim/app/_shell/application-loading.tsx

@@ -1,4 +1,5 @@
 import { cn, SimWordmark } from '@sim/emcn'
+import { defaultBrandConfig } from '@/lib/branding'
 import { DesktopTitleBarLane } from '@/app/_shell/desktop-title-bar'
 import { type BrandConfig, getBrandConfig } from '@/ee/whitelabeling'
 
@@ -12,8 +13,6 @@ export function ApplicationLoading({
   brand = getBrandConfig(),
   fullScreen = true,
 }: ApplicationLoadingProps) {
-  const wordmarkUrl = brand.wordmarkUrl || brand.logoUrl
-
   return (
     <div
       role='status'
@@ -24,9 +23,9 @@ export function ApplicationLoading({
       )}
     >
       {fullScreen && <DesktopTitleBarLane />}
-      {wordmarkUrl ? (
-        <img src={wordmarkUrl} alt='' className='h-8 max-w-[240px] object-contain' />
-      ) : brand.isWhitelabeled ? (
+      {brand.wordmarkUrl ? (
+        <img src={brand.wordmarkUrl} alt='' className='h-8 max-w-[240px] object-contain' />
+      ) : brand.name !== defaultBrandConfig.name ? (
         <span className='text-[var(--text-tertiary)] text-lg'>{brand.name}</span>
       ) : (
         <SimWordmark size='loading' tone='brand-muted' />