From e1dd6e15a99706fede43c7c38ae693acb52bad78 Mon Sep 17 00:00:00 2001
From: Chrys <53332481+ChrAlpha@users.noreply.github.com>
Date: Wed, 22 Apr 2026 22:14:41 +0800
Subject: [PATCH] fix(web): unify channel icon fallbacks (#397)

---
 apps/web/public/channels/feishu.png           | Bin 669 -> 0 bytes
 apps/web/public/channels/matrix.svg           |   5 ---
 apps/web/public/channels/telegram.webp        | Bin 6724 -> 0 bytes
 .../web/src/components/channel-icon/index.vue |  18 +++++++++--
 .../src/utils/channel-icon-fallback.test.ts   |  29 ++++++++++++++++++
 apps/web/src/utils/channel-icon-fallback.ts   |  20 ++++++++++++
 internal/handlers/file_embed.go               |   4 +--
 packages/icons/src/index.ts                   |   1 +
 8 files changed, 66 insertions(+), 11 deletions(-)
 delete mode 100644 apps/web/public/channels/feishu.png
 delete mode 100644 apps/web/public/channels/matrix.svg
 delete mode 100644 apps/web/public/channels/telegram.webp
 create mode 100644 apps/web/src/utils/channel-icon-fallback.test.ts
 create mode 100644 apps/web/src/utils/channel-icon-fallback.ts

diff --git a/apps/web/public/channels/feishu.png b/apps/web/public/channels/feishu.png
deleted file mode 100644
index 73a55287721ed08c3cde07feb2dde6faa6eb715f..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 669
zcmV;O0%HA%P)<h;3K|Lk000e1NJLTq001}u001}$0{{R3pIFN*0002VP)t-s|Ns9p
zaQ_uNngG_hLfXJ0X#cau{{YjpFK+)da{mA`mn&@llIPZ;>e~Pzk^tPgOn(0rE|?Qz
z{|Psk<Ldt;Qo-%|_?YO~*Y)rB{rgVb#L4pNcH+)}<k7J0;P3PP(A4LquhNH;!g+?h
zlAXx4yxHRA@vFc8SA_o*wz3m$qAyFKV~qa~!?hG%pcE>YBt)JPnX40krbS$+zs~;`
zdZmk}|DLx0aC*4W-2Zcz|H8-M?(Xs<UgQivs(zE#Enn3JSnGeE|DDv00{{R4k4Z#9
zR7i>K)N50MKokaG7F-0@09Q0Gm6kUui%P;Y?e_nFREwgqdq8&VEANb7cJ`U`p4CxN
z%9QzkT3Q9>Tt>FFswSpdlaZZnhU`hzy?|1af=UfYxw49K24(A1c_{}oWJgkpdseR`
zA$Z$v&b>Z3sc_D5T7&DG;czsb@Yklk2s@m+y|aS4#ZtHLN9)uzoz6trJCt=E9)pIu
zkM+bsjDg%gkn@~k403Df7-3gjbhoDS5~P?Kj1>VQf;=9!<B`s5J?$EE1wdrr5R?_1
zY7a6XGHApf11AnlAYzMhb$fyX0}l`px=0<r2@VYWgYnR1a=4ybYQexXWSg$Gec!Ey
zS~QS@tS^rG>o;2!V^0bo>q|Btz*(Qb0mx!*nnKYp=&~R(O~l#nr6lBRbA$B^mj}1j
zj6Wv#{mQ^3Ij#`WX|_{5dW;d0^)9<Cjog{+mjwUIQi&+ZW^VqtUHTEm#NZX7eptY^
z30Ih6LX0>BW9lxvVwA+wqm}Qv{_JNF9$l?WnUnGhwJ;!6yIjZR00000NkvXXu0mjf
D0N72W

diff --git a/apps/web/public/channels/matrix.svg b/apps/web/public/channels/matrix.svg
deleted file mode 100644
index 979fc713..00000000
--- a/apps/web/public/channels/matrix.svg
+++ /dev/null
@@ -1,5 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="-110 -110 740 740" fill="none">
-  <path fill="#000" d="M13.7 11.9v496.2h35.7V520H0V0h49.4v11.9H13.7Z"/>
-  <path fill="#000" d="M166.3 169.2v25.1h.7c6.7-9.6 14.8-17 24.2-22.2 9.4-5.3 20.3-7.9 32.5-7.9 11.7 0 22.4 2.3 32.1 6.8 9.7 4.5 17 12.6 22.1 24 5.5-8.1 13-15.3 22.4-21.5 9.4-6.2 20.6-9.3 33.5-9.3 9.8 0 18.9 1.2 27.3 3.6 8.4 2.4 15.5 6.2 21.5 11.5 6 5.3 10.6 12.1 14 20.6 3.3 8.5 5 18.7 5 30.7v124.1h-50.9V249.6c0-6.2-.2-12.1-.7-17.6-.5-5.5-1.8-10.3-3.9-14.3-2.2-4.1-5.3-7.3-9.5-9.7-4.2-2.4-9.9-3.6-17-3.6-7.2 0-13 1.4-17.4 4.1-4.4 2.8-7.9 6.3-10.4 10.8-2.5 4.4-4.2 9.4-5 15.1-.8 5.6-1.3 11.3-1.3 17v103.3h-50.9v-104c0-5.5-.1-10.9-.4-16.3-.2-5.4-1.3-10.3-3.1-14.9-1.8-4.5-4.8-8.2-9-10.9-4.2-2.7-10.3-4.1-18.5-4.1-2.4 0-5.6.5-9.5 1.6-3.9 1.1-7.8 3.1-11.5 6.1-3.7 3-6.9 7.3-9.5 12.9-2.6 5.6-3.9 13-3.9 22.1v107.6h-50.9V169.2h50.6Z"/>
-  <path fill="#000" d="M506.3 508.1V11.9h-35.7V0H520v520h-49.4v-11.9h35.7Z"/>
-</svg>
diff --git a/apps/web/public/channels/telegram.webp b/apps/web/public/channels/telegram.webp
deleted file mode 100644
index 3afc19e3868ffdc9f365680a711948d0db305dab..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 6724
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
a;w$NSME0Dgd7xUYWZDxjvTgQ41SkNGdnIWA

diff --git a/apps/web/src/components/channel-icon/index.vue b/apps/web/src/components/channel-icon/index.vue
index bada0faf..00da98a1 100644
--- a/apps/web/src/components/channel-icon/index.vue
+++ b/apps/web/src/components/channel-icon/index.vue
@@ -7,6 +7,8 @@
   />
   <span
     v-else
+    class="inline-flex items-center justify-center font-medium leading-none"
+    :style="fallbackStyle"
     v-bind="$attrs"
   >{{ fallback }}</span>
 </template>
@@ -24,7 +26,9 @@ import {
   Wechatoa,
   Wecom,
   Matrix,
+  Misskey,
 } from '@memohai/icon'
+import { channelIconFallbackText } from '@/utils/channel-icon-fallback'
 
 const channelIcons: Record<string, Component> = {
   qq: Qq,
@@ -37,7 +41,7 @@ const channelIcons: Record<string, Component> = {
   wechatoa: Wechatoa,
   wecom: Wecom,
   matrix: Matrix,
-  // misskey: Misskey,
+  misskey: Misskey,
   dingtalk: Dingtalk,
 }
 
@@ -50,11 +54,19 @@ const props = withDefaults(defineProps<{
 
 defineOptions({ inheritAttrs: false })
 
+const normalizedChannel = computed(() =>
+  props.channel.trim().toLowerCase(),
+)
+
 const iconComponent = computed<Component | undefined>(() =>
-  channelIcons[props.channel],
+  channelIcons[normalizedChannel.value],
 )
 
 const fallback = computed(() =>
-  props.channel.slice(0, 2).toUpperCase(),
+  channelIconFallbackText(props.channel),
 )
+
+const fallbackStyle = computed(() => ({
+  fontSize: typeof props.size === 'number' ? `${props.size}px` : props.size,
+}))
 </script>
diff --git a/apps/web/src/utils/channel-icon-fallback.test.ts b/apps/web/src/utils/channel-icon-fallback.test.ts
new file mode 100644
index 00000000..a6dd1db8
--- /dev/null
+++ b/apps/web/src/utils/channel-icon-fallback.test.ts
@@ -0,0 +1,29 @@
+import { describe, expect, it } from 'vitest'
+import { channelIconFallbackText } from './channel-icon-fallback'
+
+describe('channelIconFallbackText', () => {
+  it('returns empty text for empty channel keys', () => {
+    expect(channelIconFallbackText('')).toBe('')
+    expect(channelIconFallbackText('   ')).toBe('')
+  })
+
+  it('uses explicit built-in fallbacks for non-brand channels', () => {
+    expect(channelIconFallbackText('local')).toBe('LC')
+    expect(channelIconFallbackText('cli')).toBe('CLI')
+    expect(channelIconFallbackText('web')).toBe('Web')
+  })
+
+  it('normalizes casing and whitespace', () => {
+    expect(channelIconFallbackText('  Discord  ')).toBe('DI')
+  })
+
+  it('creates initials for multi-part unknown channels', () => {
+    expect(channelIconFallbackText('custom-bridge')).toBe('CB')
+    expect(channelIconFallbackText('foo_bar')).toBe('FB')
+  })
+
+  it('uses the first two alphanumeric characters for simple unknown channels', () => {
+    expect(channelIconFallbackText('misskey')).toBe('MI')
+    expect(channelIconFallbackText('qq')).toBe('QQ')
+  })
+})
diff --git a/apps/web/src/utils/channel-icon-fallback.ts b/apps/web/src/utils/channel-icon-fallback.ts
new file mode 100644
index 00000000..f5f4458a
--- /dev/null
+++ b/apps/web/src/utils/channel-icon-fallback.ts
@@ -0,0 +1,20 @@
+const explicitChannelFallbacks: Record<string, string> = {
+  cli: 'CLI',
+  local: 'LC',
+  web: 'Web',
+}
+
+export function channelIconFallbackText(channel: string): string {
+  const normalized = channel.trim().toLowerCase()
+  if (!normalized) return ''
+
+  const explicit = explicitChannelFallbacks[normalized]
+  if (explicit) return explicit
+
+  const parts = normalized.match(/[a-z0-9]+/gi) ?? []
+  if (parts.length > 1) {
+    return parts.slice(0, 2).map((part) => part[0]?.toUpperCase() ?? '').join('')
+  }
+
+  return normalized.replace(/[^a-z0-9]/gi, '').slice(0, 2).toUpperCase()
+}
diff --git a/internal/handlers/file_embed.go b/internal/handlers/file_embed.go
index 1f86770c..1656a7c4 100644
--- a/internal/handlers/file_embed.go
+++ b/internal/handlers/file_embed.go
@@ -23,9 +23,7 @@ var embeddedStaticRoutes = map[string]struct {
 	assetPath   string
 	contentType string
 }{
-	"/logo.png":               {assetPath: "logo.png", contentType: "image/png"},
-	"/channels/telegram.webp": {assetPath: "channels/telegram.webp", contentType: "image/webp"},
-	"/channels/feishu.png":    {assetPath: "channels/feishu.png", contentType: "image/png"},
+	"/logo.png": {assetPath: "logo.png", contentType: "image/png"},
 }
 
 func NewEmbeddedWebHandler(log *slog.Logger) (*EmbeddedWebHandler, error) {
diff --git a/packages/icons/src/index.ts b/packages/icons/src/index.ts
index bc5b59e3..adc7ba00 100644
--- a/packages/icons/src/index.ts
+++ b/packages/icons/src/index.ts
@@ -51,6 +51,7 @@ export { default as Microsoft } from './icons/Microsoft.vue'
 export { default as MicrosoftColor } from './icons/MicrosoftColor.vue'
 export { default as Minimax } from './icons/Minimax.vue'
 export { default as MinimaxColor } from './icons/MinimaxColor.vue'
+export { default as Misskey } from './icons/Misskey.vue'
 export { default as Mistral } from './icons/Mistral.vue'
 export { default as MistralColor } from './icons/MistralColor.vue'
 export { default as Moonshot } from './icons/Moonshot.vue'