Skip to content

Commit 349b076

Browse files
waleedlatif1waleedlatif1
authored
fix(integrations): use Flow and Jama brand icons (#9755)
1 parent dc9798d commit 349b076

11 files changed

Lines changed: 217 additions & 41 deletions

File tree

‎apps/docs/components/icons.tsx‎

Lines changed: 86 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,92 @@
11
import type { SVGProps } from 'react'
22
import { useId } from 'react'
33

4+
interface FlowIconProps extends SVGProps<SVGSVGElement> {}
5+
6+
export function FlowIcon(props: FlowIconProps) {
7+
return (
8+
<svg {...props} viewBox='0 0 160 160' fill='currentColor' xmlns='http://www.w3.org/2000/svg'>
9+
<path d='M79.6 150.03L76.47 149.84L73.01 149.24L69.52 148.24L66.33 146.97L63.12 145.35L59.57 143.17L56.35 140.81L53.15 138.11L49.98 135.08L46.55 131.37L43.49 127.69L40.22 123.33L37.34 119.09L34.28 114.16L31.61 109.46L28.82 104.1L25.71 97.53L23.27 91.83L20.99 86.04L18.55 79.13L16.52 72.74L14.74 66.4L13.07 59.64L11.7 53.05L10.63 46.72L9.86 40.68L9.36 34.61L9.22 29.8L9.36 24.74L9.83 20.34L10.18 18.42L10.59 16.7L11.12 14.99L11.7 13.59L12.37 12.38L13.05 11.5L13.71 10.95L14.38 10.69L15.34 10.64L16.38 10.81L17.73 11.24L19.17 11.88L20.8 12.78L22.59 13.94L24.51 15.36L26.56 17.03L30.67 20.81L35.1 25.39L39.77 30.69L44.66 36.65L50.08 43.64L55.64 51.18L61.69 59.68L68.55 69.61L90.98 102.89L99.72 115.61L105.14 123.25L109.09 128.63L113.26 134.1L116.99 138.77L121.19 143.72L125.53 148.38L127.49 150.32L129.7 152.35L133.22 155.19L134.83 156.31L136.44 157.3L138.07 158.16L139.72 158.88L141.41 159.44L142.84 159.77L144.31 159.96L145.8 159.99L147.6 159.8L149.07 159.43L150.48 158.87L151.81 158.14L153.02 157.26L154.31 156.03L155.41 154.66L156.35 153.19L157.14 151.61L157.8 149.95L158.43 147.91L158.93 145.76L159.26 143.82L159.58 141.1L159.75 138.59L159.83 135.57L159.79 132.4L159.6 128.66L158.93 121.54L157.9 114.41L156.28 105.86L154.33 97.46L151.98 88.83L149.42 80.61L146.33 71.81L143.54 64.72L140.53 57.74L137.3 50.93L133.85 44.34L130.19 38.04L126.64 32.51L123.25 27.72L119.39 22.84L115.71 18.71L111.9 14.94L107.97 11.54L106.14 10.13L103.53 8.31L101.26 6.88L98.95 5.59L95.03 3.75L93.03 2.99L91.02 2.33L88.58 1.68L86.53 1.25L82.82 0.78L79.5 0.67L75.77 0.9L72.07 1.49L68.41 2.45L64.8 3.75L61.26 5.39L57.81 7.34L54.43 9.59L51.13 12.13L47.92 14.94L44.46 18.35L41.1 22.07L37.85 26.06L34.41 30.74L31.69 34.78L28.49 39.95L25.17 45.84L22.02 51.97L19.3 57.74L16.51 64.18L13.71 71.27L11.52 77.31L9.17 84.45L7.07 91.55L5.23 98.53L3.77 104.83L2.35 111.94L1.26 118.74L0.55 124.72L0.15 129.92L0 134.8L0.12 139.32L0.48 143.16L1.1 146.7L1.93 149.67L2.46 151.07L3.07 152.41L3.77 153.69L4.41 154.66L5.32 155.81L6.14 156.66L7.04 157.44L8.02 158.14L9.07 158.74L10.19 159.23L11.34 159.6L12.53 159.85L13.73 159.98L14.92 159.99L16.11 159.9L17.56 159.66L18.99 159.27L20.39 158.77L21.76 158.16L23.12 157.46L25.8 155.77L29.04 153.28L31.23 151.36L33.74 148.96L36.3 146.29L38.93 143.39L41.62 140.24L44.69 136.49L51.39 127.76L57.04 119.97L64.27 109.61L88.74 73.35L98.86 58.66L104.19 51.18L108.38 45.48L112.82 39.63L117.47 33.79L122.27 28.13L126.83 23.16L130.56 19.46L134.56 15.96L137.93 13.48L139.86 12.3L141.4 11.53L142.89 10.97L144.18 10.67L145.19 10.64L145.94 10.85L146.66 11.38L147.39 12.27L148.05 13.44L148.71 14.99L149.24 16.7L149.71 18.68L150.08 20.92L150.36 23.41L150.6 28.29L150.49 34.19L149.97 40.68L149.2 46.72L148.12 53.05L146.75 59.64L145.09 66.4L142.99 73.81L140.56 81.26L138.03 88.16L135.47 94.44L132.47 101.09L129.76 106.56L126.9 111.83L123.9 116.88L120.48 122.08L117.54 126.14L114.2 130.3L111.11 133.77L107.64 137.23L104.44 140.03L100.9 142.72L97.36 144.99L93.82 146.83L90.3 148.24L88.4 148.84L86.5 149.31L84.61 149.67L82.73 149.9L79.6 150.03ZM79.91 159.33L82.4 159.25L84.47 159.05L86.53 158.74L88.58 158.32L90.62 157.79L92.63 157.15L94.63 156.41L96.61 155.56L98.95 154.41L100.88 153.34L104.66 150.93L108.69 147.87L112.61 144.41L116.39 140.56L120.04 136.37L123.87 131.43L127.55 126.14L131.34 120.06L134.66 114.16L137.81 108.03L141.01 101.19L144.64 92.56L147.53 84.89L150.66 75.55L153.06 67.37L155.36 58.3L157.2 49.56L158.56 41.26L159.41 33.95L159.79 27.6L159.83 24.42L159.75 21.41L159.58 18.9L159.26 16.18L158.86 13.92L158.35 11.79L157.8 10.05L157.02 8.12L156.06 6.31L155.07 4.87L153.9 3.54L152.79 2.56L151.55 1.7L150.21 1L148.49 0.4L147 0.11L145.5 0L143.72 0.1L142.26 0.34L140.56 0.82L138.89 1.46L136.98 2.4L135.1 3.52L133.22 4.81L131.33 6.27L129.15 8.14L126.93 10.21L124.96 12.2L120.31 17.29L116.07 22.36L111.99 27.54L107.12 34.02L101.77 41.47L92.04 55.54L74.37 81.8L66.01 94.09L58.47 104.88L52.49 113.12L45.33 122.51L39.14 130.06L36.32 133.27L33 136.84L30.39 139.47L27.62 142.04L25.01 144.25L22.82 145.9L20.8 147.22L18.8 148.3L16.94 149.03L15.34 149.36L14.7 149.36L14.22 149.27L13.39 148.82L12.86 148.28L12.44 147.73L11.48 145.92L10.71 143.76L10.07 141.06L9.63 138.17L9.32 134.58L9.22 130.58L9.29 127.04L9.6 121.98L10.12 117.03L10.85 111.84L11.9 105.94L13.07 100.36L14.46 94.65L16.21 88.32L18.02 82.47L20.21 76.08L22.42 70.26L24.58 65.04L26.88 59.92L29.31 54.91L31.87 50.06L34.55 45.39L37.34 40.91L39.93 37.09L42.89 33.08L45.62 29.7L48.72 26.23L51.56 23.37L54.43 20.77L57.32 18.45L60.54 16.19L63.44 14.47L66.65 12.88L69.52 11.76L72.69 10.83L75.84 10.24L78.98 9.98L82.11 10.05L84.93 10.38L88.08 11.07L91.58 12.22L95.1 13.79L98.65 15.79L101.87 17.97L105.4 20.77L108.9 23.98L112.04 27.24L115.12 30.8L118.13 34.65L121.06 38.77L124.18 43.57L127.17 48.64L130.01 53.93L132.71 59.41L135.25 65.04L138.03 71.84L140.37 78.21L142.66 85.13L144.67 92.02L146.27 98.3L147.63 104.44L148.9 111.36L149.82 117.95L150.39 124.13L150.61 130.2L150.46 135.26L150 139.66L149.6 141.84L149.12 143.76L148.57 145.38L147.98 146.71L147.32 147.83L146.54 148.73L145.78 149.22L144.99 149.37L143.95 149.3L142.74 148.99L141.4 148.47L139.86 147.7L138.38 146.81L136.53 145.56L133.01 142.75L129.44 139.47L125.34 135.27L120.69 130.06L116.16 124.59L112.48 119.93L108.38 114.52L104.19 108.82L98.86 101.34L88.74 86.65L64.97 51.41L58.74 42.43L54.03 35.84L48.16 27.95L42.84 21.23L38.05 15.62L35.73 13.09L33.17 10.49L30.68 8.14L28.5 6.27L25.8 4.23L23.66 2.85L21.49 1.71L19.27 0.82L17.28 0.28L15.52 0.04L13.43 0.04L11.64 0.33L9.9 0.88L8.02 1.86L6.36 3.13L4.94 4.64L3.77 6.31L2.69 8.39L2.03 10.05L1.48 11.79L0.97 13.92L0.57 16.18L0.12 20.68L0.01 25.99L0.25 31.77L0.9 38.46L1.93 45.59L3.12 52.09L4.84 59.88L6.77 67.37L9.17 75.55L11.52 82.69L14.33 90.38L16.96 96.9L20.02 103.85L23.31 110.61L26.26 116.15L29.64 121.96L32.58 126.59L35.96 131.43L39.47 135.97L42.77 139.82L46.53 143.73L49.7 146.66L53.69 149.87L57.05 152.18L60.88 154.41L64.8 156.25L66.8 157.01L68.81 157.67L72.48 158.59L76.19 159.14L79.91 159.33Z' />
10+
</svg>
11+
)
12+
}
13+
14+
interface JamaIconProps extends SVGProps<SVGSVGElement> {}
15+
16+
export function JamaIcon(props: JamaIconProps) {
17+
const id = useId()
18+
return (
19+
<svg {...props} viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'>
20+
<path
21+
d='M30.856 28.323c-.042.025-6.18 3.5-6.269 3.55a.29.29 0 0 1-.294 0c-.09-.053-2.941-1.683-3.74-2.14-3.387-1.938-6.184-1.697-9.148-.005-.799.457-3.65 2.085-3.743 2.136a.29.29 0 0 1-.294 0c-.091-.053-6.192-3.516-6.234-3.54a.251.251 0 0 1 0-.437c8.17-4.652 10.57-6.542 14.847-6.51 4.312-.027 6.882 1.95 14.875 6.51.165.096.17.34 0 .436'
22+
fill='#e25100'
23+
/>
24+
<path
25+
d='M31.886 18.994c0-.19-.066-.365-.232-.46-2.801-1.595-5.318-2.872-6.778-4.966-1.575-2.26-1.318-4.087-1.35-9.425a.3.3 0 0 0-.145-.258L17.207.235a.253.253 0 0 0-.381.213c-.003 10.195-.294 11.649 1.267 15.217 1.832 4.188 6.269 6.51 13.485 10.622.113.064.315-.058.315-.186z'
26+
fill={`url(#${id}-a)`}
27+
/>
28+
<path
29+
d='M0 26.1c0 .129.204.248.315.186C7.534 22.174 11.97 19.853 13.8 15.664c.941-2.156 1.286-4.07 1.27-6.362L15.067.448a.251.251 0 0 0-.38-.214l-.763.455a.25.25 0 0 0-.122.216l-.011 8.406c.016 2.175-.393 4.124-1.137 5.828-1.717 3.926-6.193 6.08-12.415 9.712a.48.48 0 0 0-.239.416z'
30+
fill={`url(#${id}-b)`}
31+
/>
32+
<path
33+
d='M8.514 3.918a.3.3 0 0 0-.145.257l-.028 4.71c.04 5.404-3.678 7.131-8.1 9.65-.166.094-.232.268-.232.46v.867c0 .13.14.211.252.147 5.447-3.095 9.405-4.86 9.357-11.529l.023-4.939a.17.17 0 0 0-.257-.145z'
34+
fill={`url(#${id}-c)`}
35+
/>
36+
<path
37+
d='M.009 23.003v-.9c0-.172.092-.33.24-.416 6.095-3.471 8.8-4.932 10.088-8.42.783-2.119.787-3.568.735-10.702 0-.108.055-.206.147-.262l.874-.52a.17.17 0 0 1 .258.144c-.014 7.318.185 9.079-.816 11.784-1.58 4.273-5.203 5.951-11.274 9.441a.17.17 0 0 1-.252-.149'
38+
fill={`url(#${id}-d)`}
39+
/>
40+
<defs>
41+
<linearGradient
42+
gradientUnits='userSpaceOnUse'
43+
id={`${id}-a`}
44+
x1='31.999'
45+
x2='10.327'
46+
y1='13.288'
47+
y2='14.016'
48+
>
49+
<stop offset='.099' stopColor='#d6512b' />
50+
<stop offset='.885' stopColor='#f90' />
51+
</linearGradient>
52+
<linearGradient
53+
gradientUnits='userSpaceOnUse'
54+
id={`${id}-b`}
55+
x1='7.535'
56+
x2='7.535'
57+
y1='.198'
58+
y2='26.303'
59+
>
60+
<stop offset='.557' stopColor='#f90' />
61+
<stop offset='1' stopColor='#e77900' />
62+
</linearGradient>
63+
<linearGradient
64+
gradientUnits='userSpaceOnUse'
65+
id={`${id}-c`}
66+
x1='4.825'
67+
x2='4.825'
68+
y1='3.373'
69+
y2='20.032'
70+
>
71+
<stop offset='.557' stopColor='#f90' />
72+
<stop offset='1' stopColor='#e77900' />
73+
</linearGradient>
74+
<linearGradient
75+
gradientUnits='userSpaceOnUse'
76+
id={`${id}-d`}
77+
x1='6.184'
78+
x2='6.184'
79+
y1='1.758'
80+
y2='23.175'
81+
>
82+
<stop offset='.557' stopColor='#f90' />
83+
<stop offset='1' stopColor='#e77900' />
84+
</linearGradient>
85+
</defs>
86+
</svg>
87+
)
88+
}
89+
490
interface LucidIconProps extends SVGProps<SVGSVGElement> {}
591

692
export function LucidIcon(props: LucidIconProps) {

‎apps/docs/components/ui/icon-mapping.ts‎

Lines changed: 4 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -107,6 +107,7 @@ import {
107107
FirefliesIcon,
108108
FivetranIcon,
109109
FlintIcon,
110+
FlowIcon,
110111
GammaIcon,
111112
GaugeIcon,
112113
GithubIcon,
@@ -153,6 +154,7 @@ import {
153154
InstantlyIcon,
154155
IntercomIcon,
155156
IntuneIcon,
157+
JamaIcon,
156158
JinaAIIcon,
157159
JiraIcon,
158160
JiraServiceManagementIcon,
@@ -427,7 +429,7 @@ export const blockTypeToIconMap: Record<string, IconComponent> = {
427429
fireflies_v2: FirefliesIcon,
428430
fivetran: FivetranIcon,
429431
flint: FlintIcon,
430-
flow: ApiIcon,
432+
flow: FlowIcon,
431433
function: CodeIcon,
432434
gamma: GammaIcon,
433435
gauge: GaugeIcon,
@@ -493,7 +495,7 @@ export const blockTypeToIconMap: Record<string, IconComponent> = {
493495
intercom: IntercomIcon,
494496
intercom_v2: IntercomIcon,
495497
intune: IntuneIcon,
496-
jama: ApiIcon,
498+
jama: JamaIcon,
497499
jina: JinaAIIcon,
498500
jira: JiraIcon,
499501
jira_service_management: JiraServiceManagementIcon,

‎apps/docs/content/docs/integrations/flow.mdx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,7 @@ title: Flow Engineering
33
description: Manage engineering requirements and traceability
44
integration:
55
type: "flow"
6-
color: "#2448C7"
6+
color: "#FFFFFF"
77
---
88

99
import { ReferenceDetails } from "@/components/ui/reference-details"

‎apps/docs/content/docs/integrations/jama.mdx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,7 @@ title: Jama Connect
33
description: Manage requirements, traceability, and verification in Jama Connect
44
integration:
55
type: "jama"
6-
color: "#E25100"
6+
color: "#FFFFFF"
77
---
88

99
import { ReferenceDetails } from "@/components/ui/reference-details"

‎apps/sim/blocks/blocks/flow.ts‎

Lines changed: 10 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
import { ApiIcon } from '@/components/icons'
1+
import { FlowIcon } from '@/components/icons'
22
import type { BlockConfig, BlockMeta } from '@/blocks/types'
33
import { AuthMode, IntegrationType } from '@/blocks/types'
44

@@ -11,8 +11,8 @@ export const FlowBlock: BlockConfig = {
1111
docsLink: 'https://docs.sim.ai/integrations/flow',
1212
category: 'tools',
1313
integrationType: IntegrationType.DevOps,
14-
bgColor: '#2448C7',
15-
icon: ApiIcon,
14+
bgColor: '#FFFFFF',
15+
icon: FlowIcon,
1616
authMode: AuthMode.ApiKey,
1717
canvasPresentation: {
1818
defaultTitle: 'Flow Engineering',
@@ -1086,7 +1086,7 @@ export const FlowBlockMeta = {
10861086
url: 'https://www.flowengineering.com',
10871087
templates: [
10881088
{
1089-
icon: ApiIcon,
1089+
icon: FlowIcon,
10901090
title: 'Flow requirement lookup',
10911091
prompt:
10921092
'When asked about a component, search its Flow project, read the matching entities, and summarize requirements with their IDs.',
@@ -1095,7 +1095,7 @@ export const FlowBlockMeta = {
10951095
tags: ['project-management'],
10961096
},
10971097
{
1098-
icon: ApiIcon,
1098+
icon: FlowIcon,
10991099
title: 'Flow traceability review',
11001100
prompt:
11011101
'Read the Flow data model and selected requirements, follow their links, and report missing test coverage without changing the project.',
@@ -1104,7 +1104,7 @@ export const FlowBlockMeta = {
11041104
tags: ['project-management'],
11051105
},
11061106
{
1107-
icon: ApiIcon,
1107+
icon: FlowIcon,
11081108
title: 'Flow requirement drafts',
11091109
prompt:
11101110
'On request, create a working branch in Flow, draft requirements in a selected category, and set their fields using the project data model.',
@@ -1113,7 +1113,7 @@ export const FlowBlockMeta = {
11131113
tags: ['project-management'],
11141114
},
11151115
{
1116-
icon: ApiIcon,
1116+
icon: FlowIcon,
11171117
title: 'Flow review digest',
11181118
prompt:
11191119
'On a schedule, list Flow project branches and summarize the branches ready for review and their unresolved discussion threads.',
@@ -1122,7 +1122,7 @@ export const FlowBlockMeta = {
11221122
tags: ['project-management'],
11231123
},
11241124
{
1125-
icon: ApiIcon,
1125+
icon: FlowIcon,
11261126
title: 'Flow field update',
11271127
prompt:
11281128
'From a supplied change list, read the current Flow entity values, apply the approved field updates as one batch, and report the changed IDs.',
@@ -1131,7 +1131,7 @@ export const FlowBlockMeta = {
11311131
tags: ['project-management'],
11321132
},
11331133
{
1134-
icon: ApiIcon,
1134+
icon: FlowIcon,
11351135
title: 'Flow discussion summary',
11361136
prompt:
11371137
'When given a Flow entity, read its comment threads and their direct replies, summarize open decisions, and post a follow-up only when requested.',
@@ -1140,7 +1140,7 @@ export const FlowBlockMeta = {
11401140
tags: ['project-management'],
11411141
},
11421142
{
1143-
icon: ApiIcon,
1143+
icon: FlowIcon,
11441144
title: 'Flow change history',
11451145
prompt:
11461146
'When investigating a requirement change, read its paginated Flow history on the selected branch and explain the actors, changes, and timestamps.',

‎apps/sim/blocks/blocks/jama.ts‎

Lines changed: 10 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
import { ApiIcon } from '@/components/icons'
1+
import { JamaIcon } from '@/components/icons'
22
import { AuthMode, type BlockConfig, type BlockMeta, IntegrationType } from '@/blocks/types'
33

44
export const JamaBlock: BlockConfig = {
@@ -10,8 +10,8 @@ export const JamaBlock: BlockConfig = {
1010
docsLink: 'https://docs.sim.ai/integrations/jama',
1111
category: 'tools',
1212
integrationType: IntegrationType.DevOps,
13-
bgColor: '#E25100',
14-
icon: ApiIcon,
13+
bgColor: '#FFFFFF',
14+
icon: JamaIcon,
1515
authMode: AuthMode.OAuth,
1616
canvasPresentation: {
1717
defaultTitle: 'Jama Connect',
@@ -813,7 +813,7 @@ export const JamaBlockMeta = {
813813
url: 'https://www.jamasoftware.com/',
814814
templates: [
815815
{
816-
icon: ApiIcon,
816+
icon: JamaIcon,
817817
title: 'Requirement change digest',
818818
prompt:
819819
'Build a scheduled workflow that searches Jama items modified since the previous day, reads their current descriptions, and produces a digest grouped by project with document keys.',
@@ -822,7 +822,7 @@ export const JamaBlockMeta = {
822822
tags: ['requirements', 'reporting'],
823823
},
824824
{
825-
icon: ApiIcon,
825+
icon: JamaIcon,
826826
title: 'Change impact analysis',
827827
prompt:
828828
'Build an agent that takes a Jama requirement ID, reads the item and its upstream and downstream related items, and explains the potential impact of a proposed change with the affected document keys.',
@@ -831,7 +831,7 @@ export const JamaBlockMeta = {
831831
tags: ['traceability', 'requirements'],
832832
},
833833
{
834-
icon: ApiIcon,
834+
icon: JamaIcon,
835835
title: 'Verification status report',
836836
prompt:
837837
'Build a workflow that lists the test cycles in a selected Jama test plan, reads their test runs, and summarizes the recorded execution results and unresolved tests.',
@@ -840,7 +840,7 @@ export const JamaBlockMeta = {
840840
tags: ['testing', 'reporting'],
841841
},
842842
{
843-
icon: ApiIcon,
843+
icon: JamaIcon,
844844
title: 'Baseline comparison',
845845
prompt:
846846
'Build an agent that reads the items in a selected Jama baseline, compares selected requirements against their current versions, and reports differences in the recorded fields.',
@@ -849,7 +849,7 @@ export const JamaBlockMeta = {
849849
tags: ['baselines', 'change-management'],
850850
},
851851
{
852-
icon: ApiIcon,
852+
icon: JamaIcon,
853853
title: 'Requirement discussion summary',
854854
prompt:
855855
'Build a workflow that reads a Jama requirement and its comments and summarizes the open questions, decisions, and action items without changing the requirement.',
@@ -858,7 +858,7 @@ export const JamaBlockMeta = {
858858
tags: ['collaboration', 'requirements'],
859859
},
860860
{
861-
icon: ApiIcon,
861+
icon: JamaIcon,
862862
title: 'Requirement creation assistant',
863863
prompt:
864864
'Build an agent that discovers the item types and required fields in a selected Jama project, drafts a new requirement using that schema, and creates the item after the user confirms the content.',
@@ -867,7 +867,7 @@ export const JamaBlockMeta = {
867867
tags: ['requirements', 'automation'],
868868
},
869869
{
870-
icon: ApiIcon,
870+
icon: JamaIcon,
871871
title: 'Requirement history review',
872872
prompt:
873873
'Build an agent that lists the versions of a Jama item, reads the selected historical snapshots, and produces a timeline of changes with authors and version numbers.',

0 commit comments

Comments
 (0)