fix(integrations): update the mention chip test to the new color owner

The chip test asserted the wrapper still carried the descendant
`[&>svg]:text-*` rule that BrandIcon now owns. Assert the absence of a
competing descendant rule and check the glyph itself instead.

Also give BrandIconSlot and the test's PlainIcon dedicated props
interfaces.

Author: waleedlatif1

apps/sim/app/workspace/[workspaceId]/files/components/file-viewer/rich-markdown-editor/mention/mention-chip.test.tsx

@@ -72,7 +72,11 @@ describe('MentionChipView', () => {
       .filter((cls) => cls.startsWith('text-') || cls.startsWith('[&]:text-'))
     expect(ownTextUtilities).toEqual([])
 
-    // The icon's own monochrome fallback is unrelated and must be untouched by this fix.
-    expect(chip.className).toContain('[&>svg]:text-[var(--text-icon)]')
+    // The icon's monochrome fallback moved into `BrandIcon`, which owns the glyph color for every
+    // surface. A descendant color rule here would be a second, silently-losing source of truth.
+    expect(chip.className).not.toContain('[&>svg]:text-')
+    expect(container?.querySelector('svg')?.getAttribute('class')).toContain(
+      'text-[var(--text-icon)]'
+    )
   })
 })

apps/sim/blocks/brand-icon.test.tsx

@@ -12,7 +12,11 @@ vi.mocked(getAllBlocks).mockReturnValue([
   { icon: DropboxIcon, iconColor: '#0061FF' },
 ] as unknown as ReturnType<typeof getAllBlocks>)
 
-function PlainIcon({ className }: { className?: string }) {
+interface PlainIconProps {
+  className?: string
+}
+
+function PlainIcon({ className }: PlainIconProps) {
   return <svg className={className} />
 }
 

apps/sim/blocks/brand-icon.tsx

@@ -62,18 +62,23 @@ export function BrandIcon({ icon: Icon, className }: BrandIconProps) {
  * renders hand the same component reference back and React never remounts the
  * slot it fills.
  */
-const brandIconComponents = new WeakMap<StyleableIcon, ComponentType<{ className?: string }>>()
+const brandIconComponents = new WeakMap<StyleableIcon, ComponentType<BrandIconSlotProps>>()
+
+export interface BrandIconSlotProps {
+  /** Supplied by the host slot; sizing and layout only. */
+  className?: string
+}
 
 /**
  * Adapts a brand glyph for the `icon` prop slots that take a component rather
  * than an element — `ChipModalHeader`, dropdown options, command rows — so
  * those surfaces get the same treatment as a direct {@link BrandIcon}.
  */
-export function withBrandIcon(icon: StyleableIcon): ComponentType<{ className?: string }> {
+export function withBrandIcon(icon: StyleableIcon): ComponentType<BrandIconSlotProps> {
   const cached = brandIconComponents.get(icon)
   if (cached) return cached
 
-  function BrandIconSlot({ className }: { className?: string }) {
+  function BrandIconSlot({ className }: BrandIconSlotProps) {
     return <BrandIcon icon={icon} className={className} />
   }
   BrandIconSlot.displayName = `BrandIcon(${icon.displayName ?? icon.name ?? 'Icon'})`