From a946b3fb74a2932748fbc8189244a927afaf2eea Mon Sep 17 00:00:00 2001
From: Alexander Onnikov <Alexander.Onnikov@xored.com>
Date: Sat, 17 Jan 2026 14:16:50 +0700
Subject: [PATCH] fix: show custom icons for cards breadcrumbs

---
 plugins/card-resources/src/components/Main.svelte          | 6 ++++--
 .../workbench-resources/src/components/SpecialView.svelte  | 7 +++++--
 2 files changed, 9 insertions(+), 4 deletions(-)

diff --git a/plugins/card-resources/src/components/Main.svelte b/plugins/card-resources/src/components/Main.svelte
index c78fa887a40..34af5882ad9 100644
--- a/plugins/card-resources/src/components/Main.svelte
+++ b/plugins/card-resources/src/components/Main.svelte
@@ -16,8 +16,9 @@
   import { MasterTag } from '@hcengineering/card'
   import { Class, Doc, Ref, Space } from '@hcengineering/core'
   import { IntlString } from '@hcengineering/platform'
-  import { createQuery } from '@hcengineering/presentation'
+  import { createQuery, IconWithEmoji } from '@hcengineering/presentation'
   import { location } from '@hcengineering/ui'
+  import view from '@hcengineering/view'
   import { SpecialView } from '@hcengineering/workbench-resources'
   import { onDestroy } from 'svelte'
   import card from '../plugin'
@@ -54,6 +55,7 @@
     baseQuery={space !== undefined ? { space } : {}}
     {space}
     {label}
-    icon={clazz.icon ?? card.icon.Card}
+    icon={clazz.icon === view.ids.IconWithEmoji ? IconWithEmoji : clazz.icon}
+    iconProps={clazz.icon === view.ids.IconWithEmoji ? { icon: clazz.color } : {}}
   />
 {/if}
diff --git a/plugins/workbench-resources/src/components/SpecialView.svelte b/plugins/workbench-resources/src/components/SpecialView.svelte
index 9d70b7a54fd..539cffe876b 100644
--- a/plugins/workbench-resources/src/components/SpecialView.svelte
+++ b/plugins/workbench-resources/src/components/SpecialView.svelte
@@ -18,6 +18,7 @@
   import { getClient, ComponentExtensions } from '@hcengineering/presentation'
   import {
     AnyComponent,
+    AnySvelteComponent,
     Breadcrumb,
     Button,
     Component,
@@ -41,10 +42,12 @@
   import workbench, { ParentsNavigationModel } from '@hcengineering/workbench'
   import ComponentNavigator from './ComponentNavigator.svelte'
   import { deepEqual } from 'fast-equals'
+  import { ComponentType } from 'svelte'
 
   export let _class: Ref<Class<Doc>>
   export let space: Ref<Space> | undefined = undefined
-  export let icon: Asset
+  export let icon: Asset | AnySvelteComponent | ComponentType | undefined = undefined
+  export let iconProps: any | undefined = undefined
   export let label: IntlString
   export let createEvent: string | undefined = undefined
   export let createLabel: IntlString | undefined = undefined
@@ -153,7 +156,7 @@
     <ViewletSettingButton bind:viewOptions bind:viewlet {defaultViewOptions} {defaultConfig} />
   </svelte:fragment>
 
-  <Breadcrumb {icon} {label} size={'large'} isCurrent />
+  <Breadcrumb {icon} {iconProps} {label} size={'large'} isCurrent />
 
   <svelte:fragment slot="search">
     <SearchInput bind:value={search} collapsed />