fix(integrations): use Flow and Jama brand icons

apps/docs/components/icons.tsx

@@ -1,6 +1,92 @@
 import type { SVGProps } from 'react'
 import { useId } from 'react'
 
+interface FlowIconProps extends SVGProps<SVGSVGElement> {}
+
+export function FlowIcon(props: FlowIconProps) {
+  return (
+    <svg {...props} viewBox='0 0 160 160' fill='currentColor' xmlns='http://www.w3.org/2000/svg'>
+      <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' />
+    </svg>
+  )
+}
+
+interface JamaIconProps extends SVGProps<SVGSVGElement> {}
+
+export function JamaIcon(props: JamaIconProps) {
+  const id = useId()
+  return (
+    <svg {...props} viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'>
+      <path
+        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'
+        fill='#e25100'
+      />
+      <path
+        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'
+        fill={`url(#${id}-a)`}
+      />
+      <path
+        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'
+        fill={`url(#${id}-b)`}
+      />
+      <path
+        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'
+        fill={`url(#${id}-c)`}
+      />
+      <path
+        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'
+        fill={`url(#${id}-d)`}
+      />
+      <defs>
+        <linearGradient
+          gradientUnits='userSpaceOnUse'
+          id={`${id}-a`}
+          x1='31.999'
+          x2='10.327'
+          y1='13.288'
+          y2='14.016'
+        >
+          <stop offset='.099' stopColor='#d6512b' />
+          <stop offset='.885' stopColor='#f90' />
+        </linearGradient>
+        <linearGradient
+          gradientUnits='userSpaceOnUse'
+          id={`${id}-b`}
+          x1='7.535'
+          x2='7.535'
+          y1='.198'
+          y2='26.303'
+        >
+          <stop offset='.557' stopColor='#f90' />
+          <stop offset='1' stopColor='#e77900' />
+        </linearGradient>
+        <linearGradient
+          gradientUnits='userSpaceOnUse'
+          id={`${id}-c`}
+          x1='4.825'
+          x2='4.825'
+          y1='3.373'
+          y2='20.032'
+        >
+          <stop offset='.557' stopColor='#f90' />
+          <stop offset='1' stopColor='#e77900' />
+        </linearGradient>
+        <linearGradient
+          gradientUnits='userSpaceOnUse'
+          id={`${id}-d`}
+          x1='6.184'
+          x2='6.184'
+          y1='1.758'
+          y2='23.175'
+        >
+          <stop offset='.557' stopColor='#f90' />
+          <stop offset='1' stopColor='#e77900' />
+        </linearGradient>
+      </defs>
+    </svg>
+  )
+}
+
 interface LucidIconProps extends SVGProps<SVGSVGElement> {}
 
 export function LucidIcon(props: LucidIconProps) {

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

@@ -107,6 +107,7 @@ import {
   FirefliesIcon,
   FivetranIcon,
   FlintIcon,
+  FlowIcon,
   GammaIcon,
   GaugeIcon,
   GithubIcon,
@@ -153,6 +154,7 @@ import {
   InstantlyIcon,
   IntercomIcon,
   IntuneIcon,
+  JamaIcon,
   JinaAIIcon,
   JiraIcon,
   JiraServiceManagementIcon,
@@ -427,7 +429,7 @@ export const blockTypeToIconMap: Record<string, IconComponent> = {
   fireflies_v2: FirefliesIcon,
   fivetran: FivetranIcon,
   flint: FlintIcon,
-  flow: ApiIcon,
+  flow: FlowIcon,
   function: CodeIcon,
   gamma: GammaIcon,
   gauge: GaugeIcon,
@@ -493,7 +495,7 @@ export const blockTypeToIconMap: Record<string, IconComponent> = {
   intercom: IntercomIcon,
   intercom_v2: IntercomIcon,
   intune: IntuneIcon,
-  jama: ApiIcon,
+  jama: JamaIcon,
   jina: JinaAIIcon,
   jira: JiraIcon,
   jira_service_management: JiraServiceManagementIcon,

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

@@ -3,7 +3,7 @@ title: Flow Engineering
 description: Manage engineering requirements and traceability
 integration:
   type: "flow"
-  color: "#2448C7"
+  color: "#FFFFFF"
 ---
 
 import { ReferenceDetails } from "@/components/ui/reference-details"

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

@@ -3,7 +3,7 @@ title: Jama Connect
 description: Manage requirements, traceability, and verification in Jama Connect
 integration:
   type: "jama"
-  color: "#E25100"
+  color: "#FFFFFF"
 ---
 
 import { ReferenceDetails } from "@/components/ui/reference-details"

apps/sim/blocks/blocks/flow.ts

@@ -1,4 +1,4 @@
-import { ApiIcon } from '@/components/icons'
+import { FlowIcon } from '@/components/icons'
 import type { BlockConfig, BlockMeta } from '@/blocks/types'
 import { AuthMode, IntegrationType } from '@/blocks/types'
 
@@ -11,8 +11,8 @@ export const FlowBlock: BlockConfig = {
   docsLink: 'https://docs.sim.ai/integrations/flow',
   category: 'tools',
   integrationType: IntegrationType.DevOps,
-  bgColor: '#2448C7',
-  icon: ApiIcon,
+  bgColor: '#FFFFFF',
+  icon: FlowIcon,
   authMode: AuthMode.ApiKey,
   canvasPresentation: {
     defaultTitle: 'Flow Engineering',
@@ -1086,7 +1086,7 @@ export const FlowBlockMeta = {
   url: 'https://www.flowengineering.com',
   templates: [
     {
-      icon: ApiIcon,
+      icon: FlowIcon,
       title: 'Flow requirement lookup',
       prompt:
         '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 = {
       tags: ['project-management'],
     },
     {
-      icon: ApiIcon,
+      icon: FlowIcon,
       title: 'Flow traceability review',
       prompt:
         '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 = {
       tags: ['project-management'],
     },
     {
-      icon: ApiIcon,
+      icon: FlowIcon,
       title: 'Flow requirement drafts',
       prompt:
         '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 = {
       tags: ['project-management'],
     },
     {
-      icon: ApiIcon,
+      icon: FlowIcon,
       title: 'Flow review digest',
       prompt:
         '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 = {
       tags: ['project-management'],
     },
     {
-      icon: ApiIcon,
+      icon: FlowIcon,
       title: 'Flow field update',
       prompt:
         '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 = {
       tags: ['project-management'],
     },
     {
-      icon: ApiIcon,
+      icon: FlowIcon,
       title: 'Flow discussion summary',
       prompt:
         '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 = {
       tags: ['project-management'],
     },
     {
-      icon: ApiIcon,
+      icon: FlowIcon,
       title: 'Flow change history',
       prompt:
         '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

@@ -1,4 +1,4 @@
-import { ApiIcon } from '@/components/icons'
+import { JamaIcon } from '@/components/icons'
 import { AuthMode, type BlockConfig, type BlockMeta, IntegrationType } from '@/blocks/types'
 
 export const JamaBlock: BlockConfig = {
@@ -10,8 +10,8 @@ export const JamaBlock: BlockConfig = {
   docsLink: 'https://docs.sim.ai/integrations/jama',
   category: 'tools',
   integrationType: IntegrationType.DevOps,
-  bgColor: '#E25100',
-  icon: ApiIcon,
+  bgColor: '#FFFFFF',
+  icon: JamaIcon,
   authMode: AuthMode.OAuth,
   canvasPresentation: {
     defaultTitle: 'Jama Connect',
@@ -813,7 +813,7 @@ export const JamaBlockMeta = {
   url: 'https://www.jamasoftware.com/',
   templates: [
     {
-      icon: ApiIcon,
+      icon: JamaIcon,
       title: 'Requirement change digest',
       prompt:
         '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 = {
       tags: ['requirements', 'reporting'],
     },
     {
-      icon: ApiIcon,
+      icon: JamaIcon,
       title: 'Change impact analysis',
       prompt:
         '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 = {
       tags: ['traceability', 'requirements'],
     },
     {
-      icon: ApiIcon,
+      icon: JamaIcon,
       title: 'Verification status report',
       prompt:
         '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 = {
       tags: ['testing', 'reporting'],
     },
     {
-      icon: ApiIcon,
+      icon: JamaIcon,
       title: 'Baseline comparison',
       prompt:
         '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 = {
       tags: ['baselines', 'change-management'],
     },
     {
-      icon: ApiIcon,
+      icon: JamaIcon,
       title: 'Requirement discussion summary',
       prompt:
         '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 = {
       tags: ['collaboration', 'requirements'],
     },
     {
-      icon: ApiIcon,
+      icon: JamaIcon,
       title: 'Requirement creation assistant',
       prompt:
         '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 = {
       tags: ['requirements', 'automation'],
     },
     {
-      icon: ApiIcon,
+      icon: JamaIcon,
       title: 'Requirement history review',
       prompt:
         '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.',