Feat/ai workflows #1294
Feat/ai workflows #1294
Conversation
…anner PM-2133 dismissable banner
…to feat/ai-workflows
…nges-page PM-1904 active challenges page
…s-page PM-1905 - ai reviews
![github-actions[bot]](https://avatars.githubusercontent.com/in/15368?s=60&v=4){kind=small}
| error: fetchError, | ||
| isValidating: isLoading, | ||
| }: SWRResponse<AiWorkflowRun[], Error> = useSWR<AiWorkflowRun[], Error>( | ||
| `${TC_API_BASE_URL}/workflows/${workflowIds.join(',')}/runs?submissionId=${submissionId}`, |
There was a problem hiding this comment.
[❗❗ correctness]
The URL construction uses workflowIds.join(','), which may not be correctly interpreted by the server if it expects a different delimiter or format for multiple IDs. Ensure the server API supports this format.
| }: SWRResponse<AiWorkflowRun[], Error> = useSWR<AiWorkflowRun[], Error>( | ||
| `${TC_API_BASE_URL}/workflows/${workflowIds.join(',')}/runs?submissionId=${submissionId}`, | ||
| { | ||
| fetcher: () => Promise.all( |
There was a problem hiding this comment.
[performance]
The fetcher function uses Promise.all to fetch each workflow run individually. This could lead to performance issues if workflowIds is large, as it will make multiple network requests simultaneously. Consider batching requests or using a more efficient API endpoint if available.
| )), | ||
| ) | ||
| .then(results => results.flat()), | ||
| isPaused: () => !workflowIds?.length || !submissionId, |
There was a problem hiding this comment.
[correctness]
The isPaused function checks for !workflowIds?.length || !submissionId. Ensure that submissionId is always a non-empty string, as an empty string would bypass this check and potentially lead to unnecessary API calls.
|
|
||
| export interface AiScorecardContextModel extends ChallengeDetailContextModel { | ||
| isLoading: boolean | ||
| submissionId: string |
There was a problem hiding this comment.
[💡 design]
Consider making submissionId optional if there are scenarios where it might not be available. This could improve the flexibility of the interface.
| export interface AiScorecardContextModel extends ChallengeDetailContextModel { | ||
| isLoading: boolean | ||
| submissionId: string | ||
| workflowId: string |
There was a problem hiding this comment.
[💡 design]
Consider making workflowId optional if there are scenarios where it might not be available. This could improve the flexibility of the interface.
| incrementalPayment: number | ||
| type: string | ||
| isAIReviewer: boolean | ||
| aiWorkflowId?: string; |
There was a problem hiding this comment.
[❗❗ correctness]
The change from isAIReviewer: boolean to aiWorkflowId?: string; alters the data model significantly. Ensure that all parts of the application that rely on reviewers are updated to handle this change, as it may affect logic that checks for AI reviewers. Consider the implications on existing data and whether a migration or transformation is needed.
| }, [loadActiveReviews, sort]) | ||
|
|
||
| useEffect(() => { | ||
| const notification = showBannerNotification({ |
There was a problem hiding this comment.
[correctness]
The useEffect hook for showing the banner notification does not include a dependency on IconAiReview. If IconAiReview is a dynamic component or changes, it should be included in the dependency array to ensure the effect runs correctly when it changes.
|
|
||
| // eslint-disable-next-line complexity | ||
| export const ChallengeDetailsPage: FC<Props> = (props: Props) => { | ||
| const { showBannerNotification, removeNotification }: NotificationContextType = useNotification() |
There was a problem hiding this comment.
[maintainability]
The useNotification hook is used to destructure showBannerNotification and removeNotification. Ensure that the NotificationContextType correctly reflects the shape of the object returned by useNotification. If the hook's return type changes, this destructuring could break.
| const shouldShowChallengeMetaRow = Boolean(statusLabel) || trackTypePills.length > 0 | ||
|
|
||
| useEffect(() => { | ||
| const notification = showBannerNotification({ |
There was a problem hiding this comment.
[correctness]
The useEffect dependency array includes showBannerNotification, but not removeNotification. Ensure that removeNotification is stable or add it to the dependency array to prevent potential stale closures.
| authRequired: true, | ||
| element: <ActiveReviewsPage />, | ||
| id: 'active-reviews-page', | ||
| route: '', |
There was a problem hiding this comment.
[❗❗ correctness]
The route property is set to an empty string. If this is intentional, consider adding a comment explaining why it's empty to avoid confusion. If it's not intentional, ensure the correct route path is specified.
|
|
||
| export const challengeDetailsRoutes = [ | ||
| { | ||
| authRequired: true, |
There was a problem hiding this comment.
[❗❗ security]
Consider verifying that authRequired: true is correctly enforced in the routing logic to ensure that unauthorized users cannot access these routes. This is crucial for maintaining security.
| @@ -0,0 +1,2 @@ | |||
| export * from './active-review.routes' | |||
There was a problem hiding this comment.
[maintainability]
Using export * can lead to unintentional exports if new exports are added to the source files. Consider explicitly exporting only the necessary modules to improve maintainability and avoid potential conflicts.
| @@ -0,0 +1,2 @@ | |||
| export * from './active-review.routes' | |||
| export * from './challenge-details.routes' | |||
There was a problem hiding this comment.
[maintainability]
Using export * can lead to unintentional exports if new exports are added to the source files. Consider explicitly exporting only the necessary modules to improve maintainability and avoid potential conflicts.
| import { AiWorkflowRunsResponse, useFetchAiWorkflowsRuns } from '../../../lib/hooks' | ||
|
|
||
| export const AiScorecardContext: Context<AiScorecardContextModel> | ||
| = createContext<AiScorecardContextModel>({} as AiScorecardContextModel) |
There was a problem hiding this comment.
[❗❗ correctness]
Using {} as AiScorecardContextModel to initialize the context can lead to runtime errors if the context is accessed before being properly set. Consider providing a default value that matches the expected shape of AiScorecardContextModel.
| () => workflowRuns.find(w => w.workflow.id === workflowId), | ||
| [workflowRuns, workflowId], | ||
| ) | ||
| const workflow = useMemo(() => workflowRun?.workflow, [workflowRuns, workflowId]) |
There was a problem hiding this comment.
[performance]
The dependency array for useMemo includes workflowRuns and workflowId, but the memoized function only depends on workflowRun. Consider updating the dependency array to [workflowRun] for clarity and to avoid unnecessary recalculations.
| @@ -0,0 +1 @@ | |||
| export * from './AiScorecardContextProvider' | |||
There was a problem hiding this comment.
[maintainability]
Using export * can lead to unintended exports and make it harder to track what is being exported from the module. Consider explicitly exporting only the necessary components to improve maintainability and clarity.
| @@ -0,0 +1,28 @@ | |||
| @import '@libs/ui/styles/includes'; | |||
There was a problem hiding this comment.
[❗❗ correctness]
Ensure that the path @libs/ui/styles/includes is correct and accessible in the current project setup. Incorrect paths can lead to build failures or missing styles.
| flex-basis: 256px; | ||
| } | ||
|
|
||
| @include ltelg { |
There was a problem hiding this comment.
[❗❗ correctness]
Verify that the mixin ltelg is defined and behaves as expected. Undefined or incorrectly implemented mixins can cause unexpected styling issues.
| const { showBannerNotification, removeNotification }: NotificationContextType = useNotification() | ||
| const { challengeInfo }: AiScorecardContextModel = useAiScorecardContext() | ||
|
|
||
| const breadCrumb = useMemo( |
There was a problem hiding this comment.
[💡 performance]
The useMemo hook is used here to memoize a static array. Since the array is not dependent on any props or state, using useMemo is unnecessary and adds complexity without performance benefits.
| message: `Challenges with this icon indicate that | ||
| one or more AI reviews will be conducted for each member submission.`, | ||
| }) | ||
| return () => notification && removeNotification(notification.id) |
There was a problem hiding this comment.
[correctness]
The cleanup function in useEffect should always return a function. In this case, notification could be undefined if showBannerNotification does not return a value. Consider ensuring that removeNotification is only called if notification is defined.
|
|
||
| export const aiScorecardChildRoutes: ReadonlyArray<PlatformRoute> = [ | ||
| { | ||
| authRequired: false, |
There was a problem hiding this comment.
[❗❗ security]
Consider setting authRequired to true if this route should be protected. Currently, it is set to false, which means the route is accessible without authentication. Ensure this is intentional.
| children: [...aiScorecardChildRoutes], | ||
| element: getRoutesContainer(aiScorecardChildRoutes, AiScorecardContextProvider), | ||
| id: aiScorecardRouteId, | ||
| rolesRequired: [ |
There was a problem hiding this comment.
[❗❗ security]
The rolesRequired array is currently commented out. If role-based access control is intended, ensure to uncomment and specify the necessary roles to prevent unauthorized access.
| } | ||
|
|
||
| &:hover { | ||
| background-color: lighten(#E9ECEF, 2.5%); |
There was a problem hiding this comment.
[maintainability]
The use of lighten(#E9ECEF, 2.5%) relies on a specific color manipulation function that may not be supported in all environments or may lead to inconsistencies if the base color changes. Consider using a predefined color variable for better maintainability.
| } | ||
|
|
||
| &:active:hover { | ||
| background-color: darken(#E9ECEF, 5%); |
There was a problem hiding this comment.
[maintainability]
The use of darken(#E9ECEF, 5%) relies on a specific color manipulation function that may not be supported in all environments or may lead to inconsistencies if the base color changes. Consider using a predefined color variable for better maintainability.
| key={run.id} | ||
| > | ||
| <Link | ||
| to={`../ai-scorecard/${submissionId}/${run.workflow.id}`} |
There was a problem hiding this comment.
[accessibility]
The <Link> component is self-closing and does not contain any child elements. This might lead to accessibility issues or unexpected behavior if the link is supposed to be clickable. Consider adding text or an accessible element inside the <Link> to ensure it is interactive.
…orcard-header PM-2135 - AI Workflow Scorecard Header Component
| name: string; | ||
| description: string; | ||
| scorecard?: Scorecard | ||
| defUrl: string |
There was a problem hiding this comment.
[💡 maintainability]
Consider adding a question mark to defUrl to indicate that it is optional, similar to scorecard. This will improve consistency and clarify whether defUrl is required.
|
|
||
| export interface AiWorkflowRun { | ||
| id: string; | ||
| startedAt: string; |
There was a problem hiding this comment.
[correctness]
The startedAt field is defined as a string. Ensure that the format is consistent and properly validated, especially if it represents a date or timestamp. Consider using a specific date type or library for better type safety and validation.
| return | ||
| } | ||
|
|
||
| llmIconImgRef.current.src = iconDeepseekAi |
There was a problem hiding this comment.
[maintainability]
Consider adding a fallback mechanism in case iconDeepseekAi also fails to load. This will ensure that the UI remains robust even if the fallback icon is unavailable.
| }, []) | ||
|
|
||
| return ( | ||
| <img src={props.model.icon} alt={props.model.name} onError={handleError} ref={llmIconImgRef} /> |
There was a problem hiding this comment.
[❗❗ correctness]
Ensure that props.model.icon is a valid URL or path to prevent potential runtime errors. Consider validating the input or providing a default icon if the input is invalid.
| display: flex; | ||
| align-items: center; | ||
| gap: $sp-4; | ||
| @include ltemd { |
There was a problem hiding this comment.
[💡 maintainability]
The gap: $sp-4; is repeated inside the @include ltemd block. Since it is the same as the one defined outside the block, it can be removed from the @include ltemd block to avoid redundancy.
| border: 1px solid #A8A8A8; | ||
| padding: $sp-1; | ||
|
|
||
| align-items: center; |
There was a problem hiding this comment.
[💡 style]
The align-items: center; property is unnecessary here because the .modelIcon class already has display: flex; and justify-content: center;, which centers the content horizontally. Consider removing it unless vertical centering is also required.
| </div> | ||
| <div className={styles.modelName}> | ||
| <h3>{props.model.name}</h3> | ||
| <a href={props.model.url} target='_blank' rel='noreferrer noopener'> |
There was a problem hiding this comment.
[❗❗ security]
Consider adding rel='noopener noreferrer' to the anchor tag for security reasons. This prevents the new page from potentially accessing the window.opener property and ensures better security.
| @@ -0,0 +1,133 @@ | |||
| @import '@libs/ui/styles/includes'; | |||
There was a problem hiding this comment.
[❗❗ correctness]
Ensure that the imported styles from @libs/ui/styles/includes are available and correctly configured in the build system. Missing or misconfigured imports can lead to runtime styling issues.
| font-family: "Nunito Sans", sans-serif; | ||
| font-size: 14px; | ||
| line-height: 19px; | ||
| color: var(--GrayFontColor); |
There was a problem hiding this comment.
[❗❗ correctness]
The variable --GrayFontColor should be verified to ensure it is defined in the CSS variables. Undefined variables can lead to unexpected styling issues.
| font-size: 14px; | ||
| font-weight: 700; | ||
| line-height: 19px; | ||
| color: var(--FontColor); |
There was a problem hiding this comment.
[❗❗ correctness]
The variable --FontColor should be verified to ensure it is defined in the CSS variables. Undefined variables can lead to unexpected styling issues.
| const ScorecardHeader: FC = () => { | ||
| const { workflow, workflowRun }: AiScorecardContextModel = useAiScorecardContext() | ||
| const runDuration = useMemo(() => ( | ||
| workflowRun && workflowRun.completedAt && workflowRun.startedAt && moment.duration( |
There was a problem hiding this comment.
[❗❗ correctness]
Consider adding a check to ensure workflowRun.completedAt and workflowRun.startedAt are valid date strings before using them to create Date objects. This will prevent potential runtime errors if the date strings are malformed.
| <span> | ||
| <strong>Duration:</strong> | ||
| {' '} | ||
| {!!runDuration && formatDuration(runDuration)} |
There was a problem hiding this comment.
[💡 style]
The expression !!runDuration && formatDuration(runDuration) can be simplified to runDuration && formatDuration(runDuration) since runDuration is already a boolean context.
| @@ -0,0 +1 @@ | |||
| <svg width="2500" height="2500" fill="none" xmlns="http://www.w3.org/2000/svg" stroke-width="1.5" class="h-6 w-6" viewBox="-0.17090198558635983 0.482230148717937 41.14235318283891 40.0339509076386"><text x="-9999" y="-9999">ChatGPT</text><path d="M37.532 16.87a9.963 9.963 0 0 0-.856-8.184 10.078 10.078 0 0 0-10.855-4.835A9.964 9.964 0 0 0 18.306.5a10.079 10.079 0 0 0-9.614 6.977 9.967 9.967 0 0 0-6.664 4.834 10.08 10.08 0 0 0 1.24 11.817 9.965 9.965 0 0 0 .856 8.185 10.079 10.079 0 0 0 10.855 4.835 9.965 9.965 0 0 0 7.516 3.35 10.078 10.078 0 0 0 9.617-6.981 9.967 9.967 0 0 0 6.663-4.834 10.079 10.079 0 0 0-1.243-11.813zM22.498 37.886a7.474 7.474 0 0 1-4.799-1.735c.061-.033.168-.091.237-.134l7.964-4.6a1.294 1.294 0 0 0 .655-1.134V19.054l3.366 1.944a.12.12 0 0 1 .066.092v9.299a7.505 7.505 0 0 1-7.49 7.496zm-16.106-6.88a7.471 7.471 0 0 1-.894-5.023c.06.036.162.099.237.141l7.964 4.6a1.297 1.297 0 0 0 1.308 0l9.724-5.614v3.888a.12.12 0 0 1-.048.103l-8.051 4.649a7.504 7.504 0 0 1-10.24-2.744zM4.297 13.62A7.469 7.469 0 0 1 8.2 10.333c0 .068-.004.19-.004.274v9.201a1.294 1.294 0 0 0 .654 1.132l9.723 5.614-3.366 1.944a.12.12 0 0 1-.114.01L7.04 23.856a7.504 7.504 0 0 1-2.743-10.237zm27.658 6.437l-9.724-5.615 3.367-1.943a.121.121 0 0 1 .113-.01l8.052 4.648a7.498 7.498 0 0 1-1.158 13.528v-9.476a1.293 1.293 0 0 0-.65-1.132zm3.35-5.043a7.395 7.395 0 0 0-.236-.141l-7.965-4.6a1.298 1.298 0 0 0-1.308 0l-9.723 5.614v-3.888a.12.12 0 0 1 .048-.103l8.05-4.645a7.497 7.497 0 0 1 11.135 7.763zm-21.063 6.929l-3.367-1.944a.12.12 0 0 1-.065-.092v-9.299a7.497 7.497 0 0 1 12.293-5.756 6.94 6.94 0 0 0-.236.134l-7.965 4.6a1.294 1.294 0 0 0-.654 1.132l-.006 11.225zM16.071 18l4.33-2.501 4.332 2.5v5l-4.331 2.5-4.331-2.5V18z" fill="currentColor"/></svg> No newline at end of file | |||
There was a problem hiding this comment.
[accessibility]
The SVG element is missing a title element for accessibility. Adding a title element can help screen readers provide a description of the icon to visually impaired users.
| @@ -0,0 +1 @@ | |||
| <svg width="2500" height="2500" fill="none" xmlns="http://www.w3.org/2000/svg" stroke-width="1.5" class="h-6 w-6" viewBox="-0.17090198558635983 0.482230148717937 41.14235318283891 40.0339509076386"><text x="-9999" y="-9999">ChatGPT</text><path d="M37.532 16.87a9.963 9.963 0 0 0-.856-8.184 10.078 10.078 0 0 0-10.855-4.835A9.964 9.964 0 0 0 18.306.5a10.079 10.079 0 0 0-9.614 6.977 9.967 9.967 0 0 0-6.664 4.834 10.08 10.08 0 0 0 1.24 11.817 9.965 9.965 0 0 0 .856 8.185 10.079 10.079 0 0 0 10.855 4.835 9.965 9.965 0 0 0 7.516 3.35 10.078 10.078 0 0 0 9.617-6.981 9.967 9.967 0 0 0 6.663-4.834 10.079 10.079 0 0 0-1.243-11.813zM22.498 37.886a7.474 7.474 0 0 1-4.799-1.735c.061-.033.168-.091.237-.134l7.964-4.6a1.294 1.294 0 0 0 .655-1.134V19.054l3.366 1.944a.12.12 0 0 1 .066.092v9.299a7.505 7.505 0 0 1-7.49 7.496zm-16.106-6.88a7.471 7.471 0 0 1-.894-5.023c.06.036.162.099.237.141l7.964 4.6a1.297 1.297 0 0 0 1.308 0l9.724-5.614v3.888a.12.12 0 0 1-.048.103l-8.051 4.649a7.504 7.504 0 0 1-10.24-2.744zM4.297 13.62A7.469 7.469 0 0 1 8.2 10.333c0 .068-.004.19-.004.274v9.201a1.294 1.294 0 0 0 .654 1.132l9.723 5.614-3.366 1.944a.12.12 0 0 1-.114.01L7.04 23.856a7.504 7.504 0 0 1-2.743-10.237zm27.658 6.437l-9.724-5.615 3.367-1.943a.121.121 0 0 1 .113-.01l8.052 4.648a7.498 7.498 0 0 1-1.158 13.528v-9.476a1.293 1.293 0 0 0-.65-1.132zm3.35-5.043a7.395 7.395 0 0 0-.236-.141l-7.965-4.6a1.298 1.298 0 0 0-1.308 0l-9.723 5.614v-3.888a.12.12 0 0 1 .048-.103l8.05-4.645a7.497 7.497 0 0 1 11.135 7.763zm-21.063 6.929l-3.367-1.944a.12.12 0 0 1-.065-.092v-9.299a7.497 7.497 0 0 1 12.293-5.756 6.94 6.94 0 0 0-.236.134l-7.965 4.6a1.294 1.294 0 0 0-.654 1.132l-.006 11.225zM16.071 18l4.33-2.501 4.332 2.5v5l-4.331 2.5-4.331-2.5V18z" fill="currentColor"/></svg> No newline at end of file | |||
There was a problem hiding this comment.
[💡 readability]
The viewBox attribute values are unusually precise and may not be necessary. Consider simplifying these values to improve readability and maintainability.
| @@ -0,0 +1 @@ | |||
| <svg width="2500" height="2500" fill="none" xmlns="http://www.w3.org/2000/svg" stroke-width="1.5" class="h-6 w-6" viewBox="-0.17090198558635983 0.482230148717937 41.14235318283891 40.0339509076386"><text x="-9999" y="-9999">ChatGPT</text><path d="M37.532 16.87a9.963 9.963 0 0 0-.856-8.184 10.078 10.078 0 0 0-10.855-4.835A9.964 9.964 0 0 0 18.306.5a10.079 10.079 0 0 0-9.614 6.977 9.967 9.967 0 0 0-6.664 4.834 10.08 10.08 0 0 0 1.24 11.817 9.965 9.965 0 0 0 .856 8.185 10.079 10.079 0 0 0 10.855 4.835 9.965 9.965 0 0 0 7.516 3.35 10.078 10.078 0 0 0 9.617-6.981 9.967 9.967 0 0 0 6.663-4.834 10.079 10.079 0 0 0-1.243-11.813zM22.498 37.886a7.474 7.474 0 0 1-4.799-1.735c.061-.033.168-.091.237-.134l7.964-4.6a1.294 1.294 0 0 0 .655-1.134V19.054l3.366 1.944a.12.12 0 0 1 .066.092v9.299a7.505 7.505 0 0 1-7.49 7.496zm-16.106-6.88a7.471 7.471 0 0 1-.894-5.023c.06.036.162.099.237.141l7.964 4.6a1.297 1.297 0 0 0 1.308 0l9.724-5.614v3.888a.12.12 0 0 1-.048.103l-8.051 4.649a7.504 7.504 0 0 1-10.24-2.744zM4.297 13.62A7.469 7.469 0 0 1 8.2 10.333c0 .068-.004.19-.004.274v9.201a1.294 1.294 0 0 0 .654 1.132l9.723 5.614-3.366 1.944a.12.12 0 0 1-.114.01L7.04 23.856a7.504 7.504 0 0 1-2.743-10.237zm27.658 6.437l-9.724-5.615 3.367-1.943a.121.121 0 0 1 .113-.01l8.052 4.648a7.498 7.498 0 0 1-1.158 13.528v-9.476a1.293 1.293 0 0 0-.65-1.132zm3.35-5.043a7.395 7.395 0 0 0-.236-.141l-7.965-4.6a1.298 1.298 0 0 0-1.308 0l-9.723 5.614v-3.888a.12.12 0 0 1 .048-.103l8.05-4.645a7.497 7.497 0 0 1 11.135 7.763zm-21.063 6.929l-3.367-1.944a.12.12 0 0 1-.065-.092v-9.299a7.497 7.497 0 0 1 12.293-5.756 6.94 6.94 0 0 0-.236.134l-7.965 4.6a1.294 1.294 0 0 0-.654 1.132l-.006 11.225zM16.071 18l4.33-2.501 4.332 2.5v5l-4.331 2.5-4.331-2.5V18z" fill="currentColor"/></svg> No newline at end of file | |||
There was a problem hiding this comment.
[💡 style]
There is no newline at the end of the file. Adding a newline at the end of files is a common convention that can prevent issues with some tools and version control systems.
| @@ -0,0 +1 @@ | |||
| <svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 65 65"><mask id="maskme" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="65" height="65"><path d="M32.447 0c.68 0 1.273.465 1.439 1.125a38.904 38.904 0 001.999 5.905c2.152 5 5.105 9.376 8.854 13.125 3.751 3.75 8.126 6.703 13.125 8.855a38.98 38.98 0 005.906 1.999c.66.166 1.124.758 1.124 1.438 0 .68-.464 1.273-1.125 1.439a38.902 38.902 0 00-5.905 1.999c-5 2.152-9.375 5.105-13.125 8.854-3.749 3.751-6.702 8.126-8.854 13.125a38.973 38.973 0 00-2 5.906 1.485 1.485 0 01-1.438 1.124c-.68 0-1.272-.464-1.438-1.125a38.913 38.913 0 00-2-5.905c-2.151-5-5.103-9.375-8.854-13.125-3.75-3.749-8.125-6.702-13.125-8.854a38.973 38.973 0 00-5.905-2A1.485 1.485 0 010 32.448c0-.68.465-1.272 1.125-1.438a38.903 38.903 0 005.905-2c5-2.151 9.376-5.104 13.125-8.854 3.75-3.749 6.703-8.125 8.855-13.125a38.972 38.972 0 001.999-5.905A1.485 1.485 0 0132.447 0z" fill="#000"/><path d="M32.447 0c.68 0 1.273.465 1.439 1.125a38.904 38.904 0 001.999 5.905c2.152 5 5.105 9.376 8.854 13.125 3.751 3.75 8.126 6.703 13.125 8.855a38.98 38.98 0 005.906 1.999c.66.166 1.124.758 1.124 1.438 0 .68-.464 1.273-1.125 1.439a38.902 38.902 0 00-5.905 1.999c-5 2.152-9.375 5.105-13.125 8.854-3.749 3.751-6.702 8.126-8.854 13.125a38.973 38.973 0 00-2 5.906 1.485 1.485 0 01-1.438 1.124c-.68 0-1.272-.464-1.438-1.125a38.913 38.913 0 00-2-5.905c-2.151-5-5.103-9.375-8.854-13.125-3.75-3.749-8.125-6.702-13.125-8.854a38.973 38.973 0 00-5.905-2A1.485 1.485 0 010 32.448c0-.68.465-1.272 1.125-1.438a38.903 38.903 0 005.905-2c5-2.151 9.376-5.104 13.125-8.854 3.75-3.749 6.703-8.125 8.855-13.125a38.972 38.972 0 001.999-5.905A1.485 1.485 0 0132.447 0z" fill="url(#prefix__paint0_linear_2001_67)"/></mask><g mask="url(#maskme)"><g filter="url(#prefix__filter0_f_2001_67)"><path d="M-5.859 50.734c7.498 2.663 16.116-2.33 19.249-11.152 3.133-8.821-.406-18.131-7.904-20.794-7.498-2.663-16.116 2.33-19.25 11.151-3.132 8.822.407 18.132 7.905 20.795z" fill="#FFE432"/></g><g filter="url(#prefix__filter1_f_2001_67)"><path d="M27.433 21.649c10.3 0 18.651-8.535 18.651-19.062 0-10.528-8.35-19.062-18.651-19.062S8.78-7.94 8.78 2.587c0 10.527 8.35 19.062 18.652 19.062z" fill="#FC413D"/></g><g filter="url(#prefix__filter2_f_2001_67)"><path d="M20.184 82.608c10.753-.525 18.918-12.244 18.237-26.174-.68-13.93-9.95-24.797-20.703-24.271C6.965 32.689-1.2 44.407-.519 58.337c.681 13.93 9.95 24.797 20.703 24.271z" fill="#00B95C"/></g><g filter="url(#prefix__filter3_f_2001_67)"><path d="M20.184 82.608c10.753-.525 18.918-12.244 18.237-26.174-.68-13.93-9.95-24.797-20.703-24.271C6.965 32.689-1.2 44.407-.519 58.337c.681 13.93 9.95 24.797 20.703 24.271z" fill="#00B95C"/></g><g filter="url(#prefix__filter4_f_2001_67)"><path d="M30.954 74.181c9.014-5.485 11.427-17.976 5.389-27.9-6.038-9.925-18.241-13.524-27.256-8.04-9.015 5.486-11.428 17.977-5.39 27.902 6.04 9.924 18.242 13.523 27.257 8.038z" fill="#00B95C"/></g><g filter="url(#prefix__filter5_f_2001_67)"><path d="M67.391 42.993c10.132 0 18.346-7.91 18.346-17.666 0-9.757-8.214-17.667-18.346-17.667s-18.346 7.91-18.346 17.667c0 9.757 8.214 17.666 18.346 17.666z" fill="#3186FF"/></g><g filter="url(#prefix__filter6_f_2001_67)"><path d="M-13.065 40.944c9.33 7.094 22.959 4.869 30.442-4.972 7.483-9.84 5.987-23.569-3.343-30.663C4.704-1.786-8.924.439-16.408 10.28c-7.483 9.84-5.986 23.57 3.343 30.664z" fill="#FBBC04"/></g><g filter="url(#prefix__filter7_f_2001_67)"><path d="M34.74 51.43c11.135 7.656 25.896 5.524 32.968-4.764 7.073-10.287 3.779-24.832-7.357-32.488C49.215 6.52 34.455 8.654 27.382 18.94c-7.072 10.288-3.779 24.833 7.357 32.49z" fill="#3186FF"/></g><g filter="url(#prefix__filter8_f_2001_67)"><path d="M54.984-2.336c2.833 3.852-.808 11.34-8.131 16.727-7.324 5.387-15.557 6.631-18.39 2.78-2.833-3.853.807-11.342 8.13-16.728 7.324-5.387 15.558-6.631 18.39-2.78z" fill="#749BFF"/></g><g filter="url(#prefix__filter9_f_2001_67)"><path d="M31.727 16.104C43.053 5.598 46.94-8.626 40.41-15.666c-6.53-7.04-21.006-4.232-32.332 6.274s-15.214 24.73-8.683 31.77c6.53 7.04 21.006 4.232 32.332-6.274z" fill="#FC413D"/></g><g filter="url(#prefix__filter10_f_2001_67)"><path d="M8.51 53.838c6.732 4.818 14.46 5.55 17.262 1.636 2.802-3.915-.384-10.994-7.116-15.812-6.731-4.818-14.46-5.55-17.261-1.636-2.802 3.915.383 10.994 7.115 15.812z" fill="#FFEE48"/></g></g><defs><filter id="prefix__filter0_f_2001_67" x="-19.824" y="13.152" width="39.274" height="43.217" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur stdDeviation="2.46" result="effect1_foregroundBlur_2001_67"/></filter><filter id="prefix__filter1_f_2001_67" x="-15.001" y="-40.257" width="84.868" height="85.688" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur stdDeviation="11.891" result="effect1_foregroundBlur_2001_67"/></filter><filter id="prefix__filter2_f_2001_67" x="-20.776" y="11.927" width="79.454" height="90.916" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur stdDeviation="10.109" result="effect1_foregroundBlur_2001_67"/></filter><filter id="prefix__filter3_f_2001_67" x="-20.776" y="11.927" width="79.454" height="90.916" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur stdDeviation="10.109" result="effect1_foregroundBlur_2001_67"/></filter><filter id="prefix__filter4_f_2001_67" x="-19.845" y="15.459" width="79.731" height="81.505" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur stdDeviation="10.109" result="effect1_foregroundBlur_2001_67"/></filter><filter id="prefix__filter5_f_2001_67" x="29.832" y="-11.552" width="75.117" height="73.758" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur stdDeviation="9.606" result="effect1_foregroundBlur_2001_67"/></filter><filter id="prefix__filter6_f_2001_67" x="-38.583" y="-16.253" width="78.135" height="78.758" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur stdDeviation="8.706" result="effect1_foregroundBlur_2001_67"/></filter><filter id="prefix__filter7_f_2001_67" x="8.107" y="-5.966" width="78.877" height="77.539" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur stdDeviation="7.775" result="effect1_foregroundBlur_2001_67"/></filter><filter id="prefix__filter8_f_2001_67" x="13.587" y="-18.488" width="56.272" height="51.81" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur stdDeviation="6.957" result="effect1_foregroundBlur_2001_67"/></filter><filter id="prefix__filter9_f_2001_67" x="-15.526" y="-31.297" width="70.856" height="69.306" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur stdDeviation="5.876" result="effect1_foregroundBlur_2001_67"/></filter><filter id="prefix__filter10_f_2001_67" x="-14.168" y="20.964" width="55.501" height="51.571" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur stdDeviation="7.273" result="effect1_foregroundBlur_2001_67"/></filter><linearGradient id="prefix__paint0_linear_2001_67" x1="18.447" y1="43.42" x2="52.153" y2="15.004" gradientUnits="userSpaceOnUse"><stop stop-color="#4893FC"/><stop offset=".27" stop-color="#4893FC"/><stop offset=".777" stop-color="#969DFF"/><stop offset="1" stop-color="#BD99FE"/></linearGradient></defs></svg> No newline at end of file | |||
There was a problem hiding this comment.
[💡 style]
The SVG file is missing a newline at the end of the file. While this is not a functional issue, adding a newline at the end of files is a common convention that can help prevent issues with some tools and version control systems.
| <stop offset="1" stop-color="#332E91"/> | ||
| </radialGradient> | ||
| </defs> | ||
| </svg> No newline at end of file |
There was a problem hiding this comment.
[💡 style]
The SVG file is missing a newline at the end of the file. While this is not a functional issue, adding a newline can improve compatibility with some tools and is generally considered a good practice.
Related JIRA Ticket:
https://topcoder.atlassian.net/browse/
What's in this PR?
AI Workflows work