Skip to content

Commit 479e500

Browse files
committed
feat(knowledge): use the sim wordmark for the native connector icons
Adds SimLogoIcon to the shared icons module, reusing the v1.0 brand-guide logotype paths already used by the landing navbar's SimWordmark, and points both sim_files and sim_conversations at it. SimWordmark itself is not reusable here: it takes no props (so a caller's className is ignored) and carries a navbar-specific size and offset. The icon fills with var(--text-body) rather than currentColor so the brand mark stays solid ink instead of taking the tile's muted icon color.
1 parent c50bc17 commit 479e500

3 files changed

Lines changed: 36 additions & 4 deletions

File tree

apps/sim/components/icons.tsx

Lines changed: 32 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -8944,3 +8944,35 @@ export function ZohoDeskIcon(props: SVGProps<SVGSVGElement>) {
89448944
</svg>
89458945
)
89468946
}
8947+
8948+
/**
8949+
* The "sim" logotype, sized for an icon slot.
8950+
*
8951+
* Same paths as `SimWordmark` in the landing navbar (v1.0 brand guide's
8952+
* `simLogotype--dark.svg`), re-exposed as a prop-taking icon so surfaces that
8953+
* size their icon via `className` - connector tiles, pickers - can use the real
8954+
* brand mark instead of a stand-in glyph.
8955+
*
8956+
* Filled with `var(--text-body)` rather than `currentColor` on purpose: this is a
8957+
* brand mark, so it stays solid ink (black on light, white on dark) and does not
8958+
* take on a caller's muted icon color. The wordmark is ~2:1, so it letterboxes
8959+
* inside a square slot rather than stretching.
8960+
*/
8961+
export function SimLogoIcon(props: SVGProps<SVGSVGElement>) {
8962+
return (
8963+
<svg
8964+
viewBox='0 0 441 212'
8965+
fill='none'
8966+
xmlns='http://www.w3.org/2000/svg'
8967+
aria-hidden='true'
8968+
{...props}
8969+
>
8970+
<g fill='var(--text-body)'>
8971+
<path d='M0 160.9H29.51C29.51 169.08 32.46 175.61 38.37 180.48C44.27 185.12 52.25 187.44 62.31 187.44C73.24 187.44 81.65 185.34 87.56 181.14C93.46 176.71 96.41 170.85 96.41 163.55C96.41 158.24 94.77 153.82 91.49 150.28C88.43 146.74 82.75 143.86 74.44 141.65L46.24 135.01C32.03 131.47 21.42 126.05 14.43 118.75C7.65 111.45 4.26 101.83 4.26 89.88C4.26 79.93 6.78 71.3 11.81 64C17.05 56.7 24.16 51.06 33.12 47.08C42.3 43.09 52.8 41.1 64.6 41.1C76.41 41.1 86.57 43.2 95.1 47.41C103.84 51.61 110.62 57.47 115.43 64.99C120.46 72.52 123.08 81.48 123.3 91.87H93.79C93.57 83.47 90.84 76.94 85.59 72.3C80.34 67.65 73.02 65.33 63.62 65.33C54 65.33 46.57 67.43 41.32 71.63C36.07 75.83 33.45 81.59 33.45 88.89C33.45 99.73 41.32 107.14 57.06 111.12L85.26 118.09C98.81 121.19 108.98 126.28 115.76 133.35C122.53 140.21 125.92 149.61 125.92 161.56C125.92 171.74 123.19 180.7 117.73 188.44C112.26 195.96 104.72 201.82 95.1 206.03C85.7 210.01 74.55 212 61.65 212C42.85 212 27.87 207.35 16.72 198.06C5.57 188.77 0 176.38 0 160.9Z' />
8972+
<path d='M232.8 212H202.13L202.13 49.76H229.54V77.39C232.8 68.34 239.11 60.66 247.81 54.7C256.73 48.52 267.5 45.43 280.12 45.43C294.26 45.43 306.01 49.29 315.36 57.02C324.72 64.75 330.81 75.01 333.64 87.82H328.09C330.27 75.01 336.25 64.75 346.04 57.02C355.83 49.29 367.9 45.43 382.26 45.43C400.54 45.43 414.89 50.84 425.34 61.66C435.78 72.47 441 87.26 441 106.03V212H410.98V113.65C410.98 100.84 407.71 91.02 401.19 84.17C394.88 77.11 386.29 73.58 375.41 73.58C367.79 73.58 361.05 75.34 355.17 78.88C349.52 82.19 345.06 87.04 341.8 93.45C338.53 99.85 336.9 107.36 336.9 115.97V212H306.55V113.32C306.55 100.51 303.4 90.8 297.09 84.17C290.78 77.33 282.19 73.91 271.31 73.91C263.69 73.91 256.95 75.67 251.08 79.21C245.42 82.52 240.96 87.38 237.7 93.78C234.43 99.96 232.8 107.36 232.8 115.97V212Z' />
8973+
<path d='M184.83 20.55C184.83 31.9 175.64 41.1 164.29 41.1C152.95 41.1 143.76 31.9 143.76 20.55C143.76 9.2 152.95 0 164.29 0C175.64 0 184.83 9.2 184.83 20.55Z' />
8974+
<path d='M179.43 212H149.16V49.76C153.76 51.91 158.88 53.12 164.29 53.12C169.7 53.12 174.83 51.91 179.43 49.76V212Z' />
8975+
</g>
8976+
</svg>
8977+
)
8978+
}

apps/sim/connectors/sim-conversations/meta.ts

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,12 +1,12 @@
1-
import { MessagesIcon } from '@/components/icons'
1+
import { SimLogoIcon } from '@/components/icons'
22
import type { ConnectorMeta } from '@/connectors/types'
33

44
export const simConversationsConnectorMeta: ConnectorMeta = {
55
id: 'sim_conversations',
66
name: 'Agent Conversations',
77
description: 'Sync agent block conversation memory so you can search and analyze what users ask',
88
version: '1.0.0',
9-
icon: MessagesIcon,
9+
icon: SimLogoIcon,
1010

1111
auth: { mode: 'sim' },
1212

apps/sim/connectors/sim-files/meta.ts

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,12 +1,12 @@
1-
import { DocumentIcon } from '@/components/icons'
1+
import { SimLogoIcon } from '@/components/icons'
22
import type { ConnectorMeta } from '@/connectors/types'
33

44
export const simFilesConnectorMeta: ConnectorMeta = {
55
id: 'sim_files',
66
name: 'Workspace Files',
77
description: 'Sync files from this workspace so agents can search their contents',
88
version: '1.0.0',
9-
icon: DocumentIcon,
9+
icon: SimLogoIcon,
1010

1111
auth: { mode: 'sim' },
1212

0 commit comments

Comments
 (0)