From 4c8e566bfa0691ff732552f18b5c496002aa95b0 Mon Sep 17 00:00:00 2001 From: Asika TK Date: Fri, 12 Sep 2025 14:46:14 +0530 Subject: [PATCH 01/23] feat: notifications page ui new icons added --- src/Assets/Icon/ic-bulb.svg | 7 +++++++ src/Assets/Icon/ic-coins.svg | 3 +++ src/Assets/Icon/ic-piggybank.svg | 3 +++ src/Assets/Icon/ic-priority-high-fill.svg | 3 +++ src/Assets/Icon/ic-priority-low-fill.svg | 4 ++++ src/Assets/Icon/ic-priority-medium-fill.svg | 4 ++++ src/Assets/Icon/ic-priority-urgent-fill.svg | 10 ++++++++++ src/Assets/Icon/ic-spider.svg | 3 +++ src/Assets/Icon/ic-vector.svg | 3 +++ src/Shared/Components/Icon/Icon.tsx | 14 ++++++++++++++ 10 files changed, 54 insertions(+) create mode 100644 src/Assets/Icon/ic-bulb.svg create mode 100644 src/Assets/Icon/ic-coins.svg create mode 100644 src/Assets/Icon/ic-piggybank.svg create mode 100644 src/Assets/Icon/ic-priority-high-fill.svg create mode 100644 src/Assets/Icon/ic-priority-low-fill.svg create mode 100644 src/Assets/Icon/ic-priority-medium-fill.svg create mode 100644 src/Assets/Icon/ic-priority-urgent-fill.svg create mode 100644 src/Assets/Icon/ic-spider.svg create mode 100644 src/Assets/Icon/ic-vector.svg diff --git a/src/Assets/Icon/ic-bulb.svg b/src/Assets/Icon/ic-bulb.svg new file mode 100644 index 000000000..a167e3b3a --- /dev/null +++ b/src/Assets/Icon/ic-bulb.svg @@ -0,0 +1,7 @@ + + + + + + + diff --git a/src/Assets/Icon/ic-coins.svg b/src/Assets/Icon/ic-coins.svg new file mode 100644 index 000000000..16072f183 --- /dev/null +++ b/src/Assets/Icon/ic-coins.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/Assets/Icon/ic-piggybank.svg b/src/Assets/Icon/ic-piggybank.svg new file mode 100644 index 000000000..44619eebe --- /dev/null +++ b/src/Assets/Icon/ic-piggybank.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/Assets/Icon/ic-priority-high-fill.svg b/src/Assets/Icon/ic-priority-high-fill.svg new file mode 100644 index 000000000..9e084e5ee --- /dev/null +++ b/src/Assets/Icon/ic-priority-high-fill.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/Assets/Icon/ic-priority-low-fill.svg b/src/Assets/Icon/ic-priority-low-fill.svg new file mode 100644 index 000000000..0b7c7a735 --- /dev/null +++ b/src/Assets/Icon/ic-priority-low-fill.svg @@ -0,0 +1,4 @@ + + + + diff --git a/src/Assets/Icon/ic-priority-medium-fill.svg b/src/Assets/Icon/ic-priority-medium-fill.svg new file mode 100644 index 000000000..121997606 --- /dev/null +++ b/src/Assets/Icon/ic-priority-medium-fill.svg @@ -0,0 +1,4 @@ + + + + diff --git a/src/Assets/Icon/ic-priority-urgent-fill.svg b/src/Assets/Icon/ic-priority-urgent-fill.svg new file mode 100644 index 000000000..ec8140320 --- /dev/null +++ b/src/Assets/Icon/ic-priority-urgent-fill.svg @@ -0,0 +1,10 @@ + + + + + + + + + + diff --git a/src/Assets/Icon/ic-spider.svg b/src/Assets/Icon/ic-spider.svg new file mode 100644 index 000000000..472dd9a10 --- /dev/null +++ b/src/Assets/Icon/ic-spider.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/Assets/Icon/ic-vector.svg b/src/Assets/Icon/ic-vector.svg new file mode 100644 index 000000000..5ea230dca --- /dev/null +++ b/src/Assets/Icon/ic-vector.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/Shared/Components/Icon/Icon.tsx b/src/Shared/Components/Icon/Icon.tsx index 1e395c0e9..52548f416 100644 --- a/src/Shared/Components/Icon/Icon.tsx +++ b/src/Shared/Components/Icon/Icon.tsx @@ -1,5 +1,12 @@ // NOTE: This file is auto-generated. Do not edit directly. Run the script `npm run generate-icon` to update. +import { ReactComponent as ICBulb } from '@Icons/ic-bulb.svg' +import { ReactComponent as ICPiggybank } from '@Icons/ic-piggybank.svg' +import { ReactComponent as ICPriorityHighFill } from '@Icons/ic-priority-high-fill.svg' +import { ReactComponent as ICPriorityLowFill } from '@Icons/ic-priority-low-fill.svg' +import { ReactComponent as ICPriorityMediumFill } from '@Icons/ic-priority-medium-fill.svg' +import { ReactComponent as ICPriorityUrgentFill } from '@Icons/ic-priority-urgent-fill.svg' +import { ReactComponent as ICSpider } from '@Icons/ic-spider.svg' import { ReactComponent as IC73strings } from '@IconsV2/ic-73strings.svg' import { ReactComponent as ICAborted } from '@IconsV2/ic-aborted.svg' import { ReactComponent as ICActivity } from '@IconsV2/ic-activity.svg' @@ -542,6 +549,13 @@ export const iconMap = { 'ic-webhook': ICWebhook, 'ic-wifi-slash': ICWifiSlash, 'ic-world-globe': ICWorldGlobe, + 'ic-bulb': ICBulb, + 'ic-piggybank': ICPiggybank, + 'ic-priority-high-fill': ICPriorityHighFill, + 'ic-priority-low-fill': ICPriorityLowFill, + 'ic-priority-medium-fill': ICPriorityMediumFill, + 'ic-priority-urgent-fill': ICPriorityUrgentFill, + 'ic-spider': ICSpider, } export type IconName = keyof typeof iconMap From 703722528f19d2ba2cbd2dc313dce7cd9da74b54 Mon Sep 17 00:00:00 2001 From: Asika TK Date: Fri, 12 Sep 2025 15:56:12 +0530 Subject: [PATCH 02/23] feat: recommendation ui added new icon --- src/Shared/Components/Icon/Icon.tsx | 2 ++ src/Shared/Components/Icon/types.ts | 2 +- 2 files changed, 3 insertions(+), 1 deletion(-) diff --git a/src/Shared/Components/Icon/Icon.tsx b/src/Shared/Components/Icon/Icon.tsx index 52548f416..57193b13e 100644 --- a/src/Shared/Components/Icon/Icon.tsx +++ b/src/Shared/Components/Icon/Icon.tsx @@ -7,6 +7,7 @@ import { ReactComponent as ICPriorityLowFill } from '@Icons/ic-priority-low-fill import { ReactComponent as ICPriorityMediumFill } from '@Icons/ic-priority-medium-fill.svg' import { ReactComponent as ICPriorityUrgentFill } from '@Icons/ic-priority-urgent-fill.svg' import { ReactComponent as ICSpider } from '@Icons/ic-spider.svg' +import { ReactComponent as ICVector } from '@Icons/ic-vector.svg' import { ReactComponent as IC73strings } from '@IconsV2/ic-73strings.svg' import { ReactComponent as ICAborted } from '@IconsV2/ic-aborted.svg' import { ReactComponent as ICActivity } from '@IconsV2/ic-activity.svg' @@ -556,6 +557,7 @@ export const iconMap = { 'ic-priority-medium-fill': ICPriorityMediumFill, 'ic-priority-urgent-fill': ICPriorityUrgentFill, 'ic-spider': ICSpider, + 'ic-vector': ICVector, } export type IconName = keyof typeof iconMap diff --git a/src/Shared/Components/Icon/types.ts b/src/Shared/Components/Icon/types.ts index f939a8e14..c352169b6 100644 --- a/src/Shared/Components/Icon/types.ts +++ b/src/Shared/Components/Icon/types.ts @@ -46,7 +46,7 @@ export interface IconBaseProps { * * @example 'B500', 'N200', 'G50', 'R700' */ - color: IconBaseColorType + color?: IconBaseColorType /** * A unique identifier for testing purposes, typically used in test automation. */ From 3631f34e9cecbe691d3f2f5d8c10a98589e9fc72 Mon Sep 17 00:00:00 2001 From: Asika TK Date: Mon, 15 Sep 2025 09:25:22 +0530 Subject: [PATCH 03/23] feat: notification ui added new icon --- src/Assets/Icon/ic-red-bulb.svg | 9 +++++++++ src/Shared/Components/Icon/Icon.tsx | 6 +++++- 2 files changed, 14 insertions(+), 1 deletion(-) create mode 100644 src/Assets/Icon/ic-red-bulb.svg diff --git a/src/Assets/Icon/ic-red-bulb.svg b/src/Assets/Icon/ic-red-bulb.svg new file mode 100644 index 000000000..f6d6482af --- /dev/null +++ b/src/Assets/Icon/ic-red-bulb.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/src/Shared/Components/Icon/Icon.tsx b/src/Shared/Components/Icon/Icon.tsx index 57193b13e..308ef26c4 100644 --- a/src/Shared/Components/Icon/Icon.tsx +++ b/src/Shared/Components/Icon/Icon.tsx @@ -1,11 +1,13 @@ // NOTE: This file is auto-generated. Do not edit directly. Run the script `npm run generate-icon` to update. import { ReactComponent as ICBulb } from '@Icons/ic-bulb.svg' +import { ReactComponent as ICClose } from '@Icons/ic-close.svg' import { ReactComponent as ICPiggybank } from '@Icons/ic-piggybank.svg' import { ReactComponent as ICPriorityHighFill } from '@Icons/ic-priority-high-fill.svg' import { ReactComponent as ICPriorityLowFill } from '@Icons/ic-priority-low-fill.svg' import { ReactComponent as ICPriorityMediumFill } from '@Icons/ic-priority-medium-fill.svg' import { ReactComponent as ICPriorityUrgentFill } from '@Icons/ic-priority-urgent-fill.svg' +import { ReactComponent as ICRedBulb } from '@Icons/ic-red-bulb.svg' import { ReactComponent as ICSpider } from '@Icons/ic-spider.svg' import { ReactComponent as ICVector } from '@Icons/ic-vector.svg' import { ReactComponent as IC73strings } from '@IconsV2/ic-73strings.svg' @@ -339,6 +341,7 @@ export const iconMap = { 'ic-clipboard': ICClipboard, 'ic-clock-counterclockwise': ICClockCounterclockwise, 'ic-clock': ICClock, + 'ic-close': ICClose, 'ic-close-large': ICCloseLarge, 'ic-close-small': ICCloseSmall, 'ic-cloud-vms': ICCloudVms, @@ -550,7 +553,8 @@ export const iconMap = { 'ic-webhook': ICWebhook, 'ic-wifi-slash': ICWifiSlash, 'ic-world-globe': ICWorldGlobe, - 'ic-bulb': ICBulb, + 'ic-bulb': ICRedBulb, + 'ic-red-bulb': ICBulb, 'ic-piggybank': ICPiggybank, 'ic-priority-high-fill': ICPriorityHighFill, 'ic-priority-low-fill': ICPriorityLowFill, From add84d2b22eb37af8ded05faa56b774682d7384c Mon Sep 17 00:00:00 2001 From: Asika TK Date: Mon, 15 Sep 2025 11:47:11 +0530 Subject: [PATCH 04/23] feat: notifications page ui new icons --- .../SelectPicker/GroupedFilterSelectPicker-Usage-Guide.md | 0 .../Components/SelectPicker/GroupedFilterSelectPicker.example.tsx | 0 2 files changed, 0 insertions(+), 0 deletions(-) create mode 100644 src/Shared/Components/SelectPicker/GroupedFilterSelectPicker-Usage-Guide.md create mode 100644 src/Shared/Components/SelectPicker/GroupedFilterSelectPicker.example.tsx diff --git a/src/Shared/Components/SelectPicker/GroupedFilterSelectPicker-Usage-Guide.md b/src/Shared/Components/SelectPicker/GroupedFilterSelectPicker-Usage-Guide.md new file mode 100644 index 000000000..e69de29bb diff --git a/src/Shared/Components/SelectPicker/GroupedFilterSelectPicker.example.tsx b/src/Shared/Components/SelectPicker/GroupedFilterSelectPicker.example.tsx new file mode 100644 index 000000000..e69de29bb From 94bf3bd83efe2b7c894c7afca5add3ea9a5c82fd Mon Sep 17 00:00:00 2001 From: chithra Date: Mon, 15 Sep 2025 14:20:14 +0530 Subject: [PATCH 05/23] feat: Icons for Recommendation status --- src/Assets/Icon/ic-circle-progress.svg | 6 ++++++ src/Assets/Icon/ic-dot-circle.svg | 3 +++ src/Assets/Icon/ic-failure-color.svg | 4 ++++ src/Shared/Components/Icon/Icon.tsx | 6 ++++++ 4 files changed, 19 insertions(+) create mode 100644 src/Assets/Icon/ic-circle-progress.svg create mode 100644 src/Assets/Icon/ic-dot-circle.svg create mode 100644 src/Assets/Icon/ic-failure-color.svg diff --git a/src/Assets/Icon/ic-circle-progress.svg b/src/Assets/Icon/ic-circle-progress.svg new file mode 100644 index 000000000..d4ec9d326 --- /dev/null +++ b/src/Assets/Icon/ic-circle-progress.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/src/Assets/Icon/ic-dot-circle.svg b/src/Assets/Icon/ic-dot-circle.svg new file mode 100644 index 000000000..149c94bab --- /dev/null +++ b/src/Assets/Icon/ic-dot-circle.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/Assets/Icon/ic-failure-color.svg b/src/Assets/Icon/ic-failure-color.svg new file mode 100644 index 000000000..73d792eb5 --- /dev/null +++ b/src/Assets/Icon/ic-failure-color.svg @@ -0,0 +1,4 @@ + + + + diff --git a/src/Shared/Components/Icon/Icon.tsx b/src/Shared/Components/Icon/Icon.tsx index 308ef26c4..ddac4b1e6 100644 --- a/src/Shared/Components/Icon/Icon.tsx +++ b/src/Shared/Components/Icon/Icon.tsx @@ -1,7 +1,10 @@ // NOTE: This file is auto-generated. Do not edit directly. Run the script `npm run generate-icon` to update. import { ReactComponent as ICBulb } from '@Icons/ic-bulb.svg' +import { ReactComponent as ICStatusProgress } from '@Icons/ic-circle-progress.svg' import { ReactComponent as ICClose } from '@Icons/ic-close.svg' +import { ReactComponent as ICStatusPending } from '@Icons/ic-dot-circle.svg' +import { ReactComponent as ICStatusFailed } from '@Icons/ic-failure-color.svg' import { ReactComponent as ICPiggybank } from '@Icons/ic-piggybank.svg' import { ReactComponent as ICPriorityHighFill } from '@Icons/ic-priority-high-fill.svg' import { ReactComponent as ICPriorityLowFill } from '@Icons/ic-priority-low-fill.svg' @@ -555,6 +558,9 @@ export const iconMap = { 'ic-world-globe': ICWorldGlobe, 'ic-bulb': ICRedBulb, 'ic-red-bulb': ICBulb, + 'ic-failure-color': ICStatusFailed, + 'ic-dot-circle.svg': ICStatusPending, + 'ic-circle-progress': ICStatusProgress, 'ic-piggybank': ICPiggybank, 'ic-priority-high-fill': ICPriorityHighFill, 'ic-priority-low-fill': ICPriorityLowFill, From 99124a5e31ba6408009a65068a544a0587411c65 Mon Sep 17 00:00:00 2001 From: chithra Date: Mon, 15 Sep 2025 14:25:23 +0530 Subject: [PATCH 06/23] feat: Icon name change --- src/Shared/Components/Icon/Icon.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/Shared/Components/Icon/Icon.tsx b/src/Shared/Components/Icon/Icon.tsx index ddac4b1e6..6e262a5e9 100644 --- a/src/Shared/Components/Icon/Icon.tsx +++ b/src/Shared/Components/Icon/Icon.tsx @@ -559,7 +559,7 @@ export const iconMap = { 'ic-bulb': ICRedBulb, 'ic-red-bulb': ICBulb, 'ic-failure-color': ICStatusFailed, - 'ic-dot-circle.svg': ICStatusPending, + 'ic-dot-circle': ICStatusPending, 'ic-circle-progress': ICStatusProgress, 'ic-piggybank': ICPiggybank, 'ic-priority-high-fill': ICPriorityHighFill, From 6fac517335b9a97f007acdcbe7a5bd794400655f Mon Sep 17 00:00:00 2001 From: chithra Date: Tue, 23 Sep 2025 10:34:33 +0530 Subject: [PATCH 07/23] feat:new root for connecting athena apis --- src/Assets/IconV2/ic-arrow-white.svg | 3 +++ src/Assets/IconV2/ic-line.svg | 3 +++ src/Common/API/CoreAPI.ts | 38 +++++++++++++++++++--------- src/Common/Constants.ts | 7 +++++ src/Shared/Components/Icon/Icon.tsx | 30 +++------------------- src/index.ts | 1 + 6 files changed, 44 insertions(+), 38 deletions(-) create mode 100644 src/Assets/IconV2/ic-arrow-white.svg create mode 100644 src/Assets/IconV2/ic-line.svg diff --git a/src/Assets/IconV2/ic-arrow-white.svg b/src/Assets/IconV2/ic-arrow-white.svg new file mode 100644 index 000000000..38d2caf06 --- /dev/null +++ b/src/Assets/IconV2/ic-arrow-white.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/Assets/IconV2/ic-line.svg b/src/Assets/IconV2/ic-line.svg new file mode 100644 index 000000000..caacdc6a9 --- /dev/null +++ b/src/Assets/IconV2/ic-line.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/Common/API/CoreAPI.ts b/src/Common/API/CoreAPI.ts index c5056e8d9..2bf7a2a86 100644 --- a/src/Common/API/CoreAPI.ts +++ b/src/Common/API/CoreAPI.ts @@ -14,7 +14,7 @@ * limitations under the License. */ -import { API_STATUS_CODES, FALLBACK_REQUEST_TIMEOUT, Host } from '@Common/Constants' +import { API_STATUS_CODES, FALLBACK_REQUEST_TIMEOUT, Host, SERVICE_PATHS } from '@Common/Constants' import { noop } from '@Common/Helper' import { ServerErrors } from '@Common/ServerError' import { APIOptions, ResponseType } from '@Common/Types' @@ -55,11 +55,23 @@ class CoreAPI { method: type, signal, body: data ? JSON.stringify(data) : undefined, + headers: { + 'Content-Type': 'application/json', + }, } // eslint-disable-next-line dot-notation options['credentials'] = 'include' as RequestCredentials + let currentUrl: string + if (isProxyHost) { + // Remove leading slash from url if it exists to avoid double slash after /proxy + const proxyUrl = url.startsWith('/') ? url.slice(1) : url + currentUrl = `/proxy/${proxyUrl}` + } else { + currentUrl = `${this.host}/${url}` + } + return fetch( - `${isProxyHost ? '/proxy' : this.host}/${url}`, + currentUrl, !isMultipartRequest ? options : ({ @@ -197,7 +209,8 @@ class CoreAPI { data, options, isMultipartRequest, - }: FetchInTimeParamsType): Promise => { + isProxyHost = false, + }: FetchInTimeParamsType & { isProxyHost?: boolean }): Promise => { const controller = options?.abortControllerRef?.current ?? new AbortController() const timeoutSignal = controller.signal @@ -267,19 +280,20 @@ class CoreAPI { data: K, options?: APIOptions, isMultipartRequest?: boolean, - ): Promise> => this.fetchInTime({ url, type: 'POST', data, options, isMultipartRequest }) + isProxyHost?: boolean, + ): Promise> => this.fetchInTime({ url, type: 'POST', data, options, isMultipartRequest, isProxyHost }) - put = (url: string, data: K, options?: APIOptions): Promise> => - this.fetchInTime({ url, type: 'PUT', data, options }) + put = (url: string, data: K, options?: APIOptions, isProxyHost?: boolean): Promise> => + this.fetchInTime({ url, type: 'PUT', data, options, isProxyHost }) - patch = (url: string, data: K, options?: APIOptions): Promise> => - this.fetchInTime({ url, type: 'PATCH', data, options }) + patch = (url: string, data: K, options?: APIOptions, isProxyHost?: boolean): Promise> => + this.fetchInTime({ url, type: 'PATCH', data, options, isProxyHost }) - get = (url: string, options?: APIOptions): Promise> => - this.fetchInTime({ url, type: 'GET', data: null, options }) + get = (url: string, options?: APIOptions, isProxyHost?: boolean): Promise> => + this.fetchInTime({ url, type: 'GET', data: null, options, isProxyHost }) - trash = (url: string, data?: K, options?: APIOptions): Promise> => - this.fetchInTime({ url, type: 'DELETE', data, options }) + trash = (url: string, data?: K, options?: APIOptions, isProxyHost?: boolean): Promise> => + this.fetchInTime({ url, type: 'DELETE', data, options, isProxyHost }) setGlobalAPITimeout = (timeout: number) => { this.timeout = timeout || FALLBACK_REQUEST_TIMEOUT diff --git a/src/Common/Constants.ts b/src/Common/Constants.ts index b8e51096a..06f7773e6 100644 --- a/src/Common/Constants.ts +++ b/src/Common/Constants.ts @@ -20,6 +20,13 @@ import { CostBreakdownItemViewParamsType, CostBreakdownViewType } from '@PagesDe export const FALLBACK_REQUEST_TIMEOUT = 60000 export const Host = window?.__ORCHESTRATOR_ROOT__ ?? '/orchestrator' +// Service path constants for API routing +export const SERVICE_PATHS = { + ATHENA: 'athena', + ORCHESTRATOR: 'orchestrator', + // Add other service paths as needed in the future +} as const + export const DOCUMENTATION_HOME_PAGE = 'https://docs.devtron.ai' export const DEVTRON_HOME_PAGE = 'https://devtron.ai/' export const DOCUMENTATION_VERSION = '/devtron/v1.7' diff --git a/src/Shared/Components/Icon/Icon.tsx b/src/Shared/Components/Icon/Icon.tsx index 6e262a5e9..a8c41a457 100644 --- a/src/Shared/Components/Icon/Icon.tsx +++ b/src/Shared/Components/Icon/Icon.tsx @@ -1,18 +1,5 @@ // NOTE: This file is auto-generated. Do not edit directly. Run the script `npm run generate-icon` to update. -import { ReactComponent as ICBulb } from '@Icons/ic-bulb.svg' -import { ReactComponent as ICStatusProgress } from '@Icons/ic-circle-progress.svg' -import { ReactComponent as ICClose } from '@Icons/ic-close.svg' -import { ReactComponent as ICStatusPending } from '@Icons/ic-dot-circle.svg' -import { ReactComponent as ICStatusFailed } from '@Icons/ic-failure-color.svg' -import { ReactComponent as ICPiggybank } from '@Icons/ic-piggybank.svg' -import { ReactComponent as ICPriorityHighFill } from '@Icons/ic-priority-high-fill.svg' -import { ReactComponent as ICPriorityLowFill } from '@Icons/ic-priority-low-fill.svg' -import { ReactComponent as ICPriorityMediumFill } from '@Icons/ic-priority-medium-fill.svg' -import { ReactComponent as ICPriorityUrgentFill } from '@Icons/ic-priority-urgent-fill.svg' -import { ReactComponent as ICRedBulb } from '@Icons/ic-red-bulb.svg' -import { ReactComponent as ICSpider } from '@Icons/ic-spider.svg' -import { ReactComponent as ICVector } from '@Icons/ic-vector.svg' import { ReactComponent as IC73strings } from '@IconsV2/ic-73strings.svg' import { ReactComponent as ICAborted } from '@IconsV2/ic-aborted.svg' import { ReactComponent as ICActivity } from '@IconsV2/ic-activity.svg' @@ -26,6 +13,7 @@ import { ReactComponent as ICArrowClockwise } from '@IconsV2/ic-arrow-clockwise. import { ReactComponent as ICArrowLineDown } from '@IconsV2/ic-arrow-line-down.svg' import { ReactComponent as ICArrowRight } from '@IconsV2/ic-arrow-right.svg' import { ReactComponent as ICArrowSquareOut } from '@IconsV2/ic-arrow-square-out.svg' +import { ReactComponent as ICArrowWhite } from '@IconsV2/ic-arrow-white.svg' import { ReactComponent as ICArrowsClockwise } from '@IconsV2/ic-arrows-clockwise.svg' import { ReactComponent as ICArrowsLeftRight } from '@IconsV2/ic-arrows-left-right.svg' import { ReactComponent as ICAsterisk } from '@IconsV2/ic-asterisk.svg' @@ -179,6 +167,7 @@ import { ReactComponent as ICLdap } from '@IconsV2/ic-ldap.svg' import { ReactComponent as ICLego } from '@IconsV2/ic-lego.svg' import { ReactComponent as ICLightning } from '@IconsV2/ic-lightning.svg' import { ReactComponent as ICLightningFill } from '@IconsV2/ic-lightning-fill.svg' +import { ReactComponent as ICLine } from '@IconsV2/ic-line.svg' import { ReactComponent as ICLink } from '@IconsV2/ic-link.svg' import { ReactComponent as ICLinkedBuildColor } from '@IconsV2/ic-linked-build-color.svg' import { ReactComponent as ICListBullets } from '@IconsV2/ic-list-bullets.svg' @@ -300,6 +289,7 @@ export const iconMap = { 'ic-arrow-line-down': ICArrowLineDown, 'ic-arrow-right': ICArrowRight, 'ic-arrow-square-out': ICArrowSquareOut, + 'ic-arrow-white': ICArrowWhite, 'ic-arrows-clockwise': ICArrowsClockwise, 'ic-arrows-left-right': ICArrowsLeftRight, 'ic-asterisk': ICAsterisk, @@ -344,7 +334,6 @@ export const iconMap = { 'ic-clipboard': ICClipboard, 'ic-clock-counterclockwise': ICClockCounterclockwise, 'ic-clock': ICClock, - 'ic-close': ICClose, 'ic-close-large': ICCloseLarge, 'ic-close-small': ICCloseSmall, 'ic-cloud-vms': ICCloudVms, @@ -454,6 +443,7 @@ export const iconMap = { 'ic-lego': ICLego, 'ic-lightning-fill': ICLightningFill, 'ic-lightning': ICLightning, + 'ic-line': ICLine, 'ic-link': ICLink, 'ic-linked-build-color': ICLinkedBuildColor, 'ic-list-bullets': ICListBullets, @@ -556,18 +546,6 @@ export const iconMap = { 'ic-webhook': ICWebhook, 'ic-wifi-slash': ICWifiSlash, 'ic-world-globe': ICWorldGlobe, - 'ic-bulb': ICRedBulb, - 'ic-red-bulb': ICBulb, - 'ic-failure-color': ICStatusFailed, - 'ic-dot-circle': ICStatusPending, - 'ic-circle-progress': ICStatusProgress, - 'ic-piggybank': ICPiggybank, - 'ic-priority-high-fill': ICPriorityHighFill, - 'ic-priority-low-fill': ICPriorityLowFill, - 'ic-priority-medium-fill': ICPriorityMediumFill, - 'ic-priority-urgent-fill': ICPriorityUrgentFill, - 'ic-spider': ICSpider, - 'ic-vector': ICVector, } export type IconName = keyof typeof iconMap diff --git a/src/index.ts b/src/index.ts index 3ffecebf1..627c7329f 100644 --- a/src/index.ts +++ b/src/index.ts @@ -194,6 +194,7 @@ declare global { interface Window { __BASE_URL__: string __ORCHESTRATOR_ROOT__: string + __ATHENA_ROOT__: string _env_: customEnv } } From e4ca56fb14f5ab1daef601c4baa246e1a7e76160 Mon Sep 17 00:00:00 2001 From: Asika TK Date: Tue, 30 Sep 2025 19:53:17 +0530 Subject: [PATCH 08/23] feat: chatbot changes --- src/Assets/IconV2/ic-new-chat.svg | 5 +++ src/Common/Markdown/MarkDown.tsx | 4 +++ src/Common/Markdown/markdown.scss | 55 +++++++++++++++++++++++++++++ src/Shared/Components/Icon/Icon.tsx | 2 ++ 4 files changed, 66 insertions(+) create mode 100644 src/Assets/IconV2/ic-new-chat.svg diff --git a/src/Assets/IconV2/ic-new-chat.svg b/src/Assets/IconV2/ic-new-chat.svg new file mode 100644 index 000000000..a5d366419 --- /dev/null +++ b/src/Assets/IconV2/ic-new-chat.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/src/Common/Markdown/MarkDown.tsx b/src/Common/Markdown/MarkDown.tsx index 8194b262a..a56f54d4f 100644 --- a/src/Common/Markdown/MarkDown.tsx +++ b/src/Common/Markdown/MarkDown.tsx @@ -80,6 +80,10 @@ const MarkDown = ({ ` renderer.heading = ({ text, depth }: Tokens.Heading) => { + // Alternative debugging - add to window object + if (typeof window !== 'undefined') { + ;(window as any).debugHeadingText = text + } const escapedText = disableEscapedText ? '' : text.toLowerCase().replace(/[^\w]+/g, '-') return ` diff --git a/src/Common/Markdown/markdown.scss b/src/Common/Markdown/markdown.scss index cf8a7af2d..4526d4c91 100644 --- a/src/Common/Markdown/markdown.scss +++ b/src/Common/Markdown/markdown.scss @@ -77,4 +77,59 @@ a.anchor { color: var(--N900); } + h1, h2, h3, h4, h5, h6 .header-link { + color: #000a14 !important; + font-size: 15px !important; + font-family: Open Sans !important; + font-weight: 600 !important; + line-height: 20px !important; + word-wrap: break-word !important; + } +} + +// custom styles +.markdown { + // Title styles + h1, h2, h3, h4, h5, h6 { + &.header-link { + color: #000a14 !important; + font-size: 15px !important; + font-family: Open Sans !important; + font-weight: 600 !important; + line-height: 20px !important; + word-wrap: break-word !important; + } + } + + // Description styles + .md-description { + font-size: 14px; + line-height: 1.6; + color: var(--N700); + margin-bottom: 20px; + } + + // List styles + ul.md-list { + margin: 12px 0; + padding-left: 24px; + + li { + color: var(--neutral-N900, #F8F8F9); + font-size: 13px; + font-family: Open Sans; + font-weight: 400; + line-height: 20px; + word-wrap: break-word; + + &::marker { + color: var(--N400); + } + } + } + + // Nested list styles + ul.md-list ul { + margin: 8px 0; + } } diff --git a/src/Shared/Components/Icon/Icon.tsx b/src/Shared/Components/Icon/Icon.tsx index a8c41a457..456f8ab80 100644 --- a/src/Shared/Components/Icon/Icon.tsx +++ b/src/Shared/Components/Icon/Icon.tsx @@ -191,6 +191,7 @@ import { ReactComponent as ICMonitoring } from '@IconsV2/ic-monitoring.svg' import { ReactComponent as ICMoreVertical } from '@IconsV2/ic-more-vertical.svg' import { ReactComponent as ICNamespace } from '@IconsV2/ic-namespace.svg' import { ReactComponent as ICNew } from '@IconsV2/ic-new.svg' +import { ReactComponent as ICNewChat } from '@IconsV2/ic-new-chat.svg' import { ReactComponent as ICNodeScript } from '@IconsV2/ic-node-script.svg' import { ReactComponent as ICOidc } from '@IconsV2/ic-oidc.svg' import { ReactComponent as ICOpenBox } from '@IconsV2/ic-open-box.svg' @@ -466,6 +467,7 @@ export const iconMap = { 'ic-monitoring': ICMonitoring, 'ic-more-vertical': ICMoreVertical, 'ic-namespace': ICNamespace, + 'ic-new-chat': ICNewChat, 'ic-new': ICNew, 'ic-node-script': ICNodeScript, 'ic-oidc': ICOidc, From 29f238071f54e6fef703d15efeb1c0fd0ab44fe3 Mon Sep 17 00:00:00 2001 From: chithra Date: Tue, 30 Sep 2025 21:22:32 +0530 Subject: [PATCH 09/23] adding new icons --- src/Assets/IconV2/ic-arrow-white.svg | 5 +++++ 1 file changed, 5 insertions(+) diff --git a/src/Assets/IconV2/ic-arrow-white.svg b/src/Assets/IconV2/ic-arrow-white.svg index 38d2caf06..27b058713 100644 --- a/src/Assets/IconV2/ic-arrow-white.svg +++ b/src/Assets/IconV2/ic-arrow-white.svg @@ -1,3 +1,8 @@ +<<<<<<< HEAD +======= + + +>>>>>>> aa18c13c (adding new icons) From 41804c6de0a4c7e5b9e912dde7d459316040c0fd Mon Sep 17 00:00:00 2001 From: Asika TK Date: Wed, 1 Oct 2025 14:29:15 +0530 Subject: [PATCH 10/23] feat: chatbot makdown styles updated --- src/Common/Markdown/MarkDown.tsx | 3 --- src/Common/Markdown/markdown.scss | 3 +++ 2 files changed, 3 insertions(+), 3 deletions(-) diff --git a/src/Common/Markdown/MarkDown.tsx b/src/Common/Markdown/MarkDown.tsx index a56f54d4f..3a0076444 100644 --- a/src/Common/Markdown/MarkDown.tsx +++ b/src/Common/Markdown/MarkDown.tsx @@ -81,9 +81,6 @@ const MarkDown = ({ renderer.heading = ({ text, depth }: Tokens.Heading) => { // Alternative debugging - add to window object - if (typeof window !== 'undefined') { - ;(window as any).debugHeadingText = text - } const escapedText = disableEscapedText ? '' : text.toLowerCase().replace(/[^\w]+/g, '-') return ` diff --git a/src/Common/Markdown/markdown.scss b/src/Common/Markdown/markdown.scss index 4526d4c91..67401da32 100644 --- a/src/Common/Markdown/markdown.scss +++ b/src/Common/Markdown/markdown.scss @@ -132,4 +132,7 @@ ul.md-list ul { margin: 8px 0; } + ol { + padding-left: 15px; + } } From 37f3a22ab3b006b43c1d7c8ec1af345fa920310b Mon Sep 17 00:00:00 2001 From: chithra Date: Wed, 1 Oct 2025 16:17:24 +0530 Subject: [PATCH 11/23] Icons added --- src/Shared/Components/Icon/Icon.tsx | 27 ++++++++++++++++++++++++++- 1 file changed, 26 insertions(+), 1 deletion(-) diff --git a/src/Shared/Components/Icon/Icon.tsx b/src/Shared/Components/Icon/Icon.tsx index 456f8ab80..5c67c94d8 100644 --- a/src/Shared/Components/Icon/Icon.tsx +++ b/src/Shared/Components/Icon/Icon.tsx @@ -1,5 +1,17 @@ // NOTE: This file is auto-generated. Do not edit directly. Run the script `npm run generate-icon` to update. - +import { ReactComponent as ICBulb } from '@Icons/ic-bulb.svg' +import { ReactComponent as ICStatusProgress } from '@Icons/ic-circle-progress.svg' +import { ReactComponent as ICClose } from '@Icons/ic-close.svg' +import { ReactComponent as ICStatusPending } from '@Icons/ic-dot-circle.svg' +import { ReactComponent as ICStatusFailed } from '@Icons/ic-failure-color.svg' +import { ReactComponent as ICPiggybank } from '@Icons/ic-piggybank.svg' +import { ReactComponent as ICPriorityHighFill } from '@Icons/ic-priority-high-fill.svg' +import { ReactComponent as ICPriorityLowFill } from '@Icons/ic-priority-low-fill.svg' +import { ReactComponent as ICPriorityMediumFill } from '@Icons/ic-priority-medium-fill.svg' +import { ReactComponent as ICPriorityUrgentFill } from '@Icons/ic-priority-urgent-fill.svg' +import { ReactComponent as ICRedBulb } from '@Icons/ic-red-bulb.svg' +import { ReactComponent as ICSpider } from '@Icons/ic-spider.svg' +import { ReactComponent as ICVector } from '@Icons/ic-vector.svg' import { ReactComponent as IC73strings } from '@IconsV2/ic-73strings.svg' import { ReactComponent as ICAborted } from '@IconsV2/ic-aborted.svg' import { ReactComponent as ICActivity } from '@IconsV2/ic-activity.svg' @@ -548,6 +560,19 @@ export const iconMap = { 'ic-webhook': ICWebhook, 'ic-wifi-slash': ICWifiSlash, 'ic-world-globe': ICWorldGlobe, + 'ic-bulb': ICRedBulb, + 'ic-red-bulb': ICBulb, + 'ic-failure-color': ICStatusFailed, + 'ic-dot-circle': ICStatusPending, + 'ic-circle-progress': ICStatusProgress, + 'ic-piggybank': ICPiggybank, + 'ic-priority-high-fill': ICPriorityHighFill, + 'ic-priority-low-fill': ICPriorityLowFill, + 'ic-priority-medium-fill': ICPriorityMediumFill, + 'ic-priority-urgent-fill': ICPriorityUrgentFill, + 'ic-spider': ICSpider, + 'ic-vector': ICVector, + 'ic-close': ICClose, } export type IconName = keyof typeof iconMap From 74ad2fc34a39a8f940c93145e15fc3da1e23111c Mon Sep 17 00:00:00 2001 From: chithra Date: Mon, 6 Oct 2025 15:42:33 +0530 Subject: [PATCH 12/23] icons changing to IconsV2 --- src/Assets/Icon/ic-coins.svg | 3 -- src/Assets/Icon/ic-priority-medium-fill.svg | 4 -- src/Assets/{Icon => IconV2}/ic-bulb.svg | 0 .../{Icon => IconV2}/ic-circle-progress.svg | 0 src/Assets/IconV2/ic-coins.svg | 4 +- src/Assets/{Icon => IconV2}/ic-dot-circle.svg | 0 .../{Icon => IconV2}/ic-failure-color.svg | 0 src/Assets/{Icon => IconV2}/ic-piggybank.svg | 0 .../ic-priority-high-fill.svg | 0 .../{Icon => IconV2}/ic-priority-low-fill.svg | 0 src/Assets/IconV2/ic-priority-medium-fill.svg | 6 +++ .../ic-priority-urgent-fill.svg | 0 src/Assets/{Icon => IconV2}/ic-red-bulb.svg | 0 src/Assets/{Icon => IconV2}/ic-spider.svg | 0 src/Assets/{Icon => IconV2}/ic-vector.svg | 0 src/Shared/Components/Icon/Icon.tsx | 51 +++++++++---------- 16 files changed, 33 insertions(+), 35 deletions(-) delete mode 100644 src/Assets/Icon/ic-coins.svg delete mode 100644 src/Assets/Icon/ic-priority-medium-fill.svg rename src/Assets/{Icon => IconV2}/ic-bulb.svg (100%) rename src/Assets/{Icon => IconV2}/ic-circle-progress.svg (100%) rename src/Assets/{Icon => IconV2}/ic-dot-circle.svg (100%) rename src/Assets/{Icon => IconV2}/ic-failure-color.svg (100%) rename src/Assets/{Icon => IconV2}/ic-piggybank.svg (100%) rename src/Assets/{Icon => IconV2}/ic-priority-high-fill.svg (100%) rename src/Assets/{Icon => IconV2}/ic-priority-low-fill.svg (100%) rename src/Assets/{Icon => IconV2}/ic-priority-urgent-fill.svg (100%) rename src/Assets/{Icon => IconV2}/ic-red-bulb.svg (100%) rename src/Assets/{Icon => IconV2}/ic-spider.svg (100%) rename src/Assets/{Icon => IconV2}/ic-vector.svg (100%) diff --git a/src/Assets/Icon/ic-coins.svg b/src/Assets/Icon/ic-coins.svg deleted file mode 100644 index 16072f183..000000000 --- a/src/Assets/Icon/ic-coins.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/src/Assets/Icon/ic-priority-medium-fill.svg b/src/Assets/Icon/ic-priority-medium-fill.svg deleted file mode 100644 index 121997606..000000000 --- a/src/Assets/Icon/ic-priority-medium-fill.svg +++ /dev/null @@ -1,4 +0,0 @@ - - - - diff --git a/src/Assets/Icon/ic-bulb.svg b/src/Assets/IconV2/ic-bulb.svg similarity index 100% rename from src/Assets/Icon/ic-bulb.svg rename to src/Assets/IconV2/ic-bulb.svg diff --git a/src/Assets/Icon/ic-circle-progress.svg b/src/Assets/IconV2/ic-circle-progress.svg similarity index 100% rename from src/Assets/Icon/ic-circle-progress.svg rename to src/Assets/IconV2/ic-circle-progress.svg diff --git a/src/Assets/IconV2/ic-coins.svg b/src/Assets/IconV2/ic-coins.svg index 848b4b283..16072f183 100644 --- a/src/Assets/IconV2/ic-coins.svg +++ b/src/Assets/IconV2/ic-coins.svg @@ -1,3 +1,3 @@ - - + + diff --git a/src/Assets/Icon/ic-dot-circle.svg b/src/Assets/IconV2/ic-dot-circle.svg similarity index 100% rename from src/Assets/Icon/ic-dot-circle.svg rename to src/Assets/IconV2/ic-dot-circle.svg diff --git a/src/Assets/Icon/ic-failure-color.svg b/src/Assets/IconV2/ic-failure-color.svg similarity index 100% rename from src/Assets/Icon/ic-failure-color.svg rename to src/Assets/IconV2/ic-failure-color.svg diff --git a/src/Assets/Icon/ic-piggybank.svg b/src/Assets/IconV2/ic-piggybank.svg similarity index 100% rename from src/Assets/Icon/ic-piggybank.svg rename to src/Assets/IconV2/ic-piggybank.svg diff --git a/src/Assets/Icon/ic-priority-high-fill.svg b/src/Assets/IconV2/ic-priority-high-fill.svg similarity index 100% rename from src/Assets/Icon/ic-priority-high-fill.svg rename to src/Assets/IconV2/ic-priority-high-fill.svg diff --git a/src/Assets/Icon/ic-priority-low-fill.svg b/src/Assets/IconV2/ic-priority-low-fill.svg similarity index 100% rename from src/Assets/Icon/ic-priority-low-fill.svg rename to src/Assets/IconV2/ic-priority-low-fill.svg diff --git a/src/Assets/IconV2/ic-priority-medium-fill.svg b/src/Assets/IconV2/ic-priority-medium-fill.svg index 07f524fb4..7d54b4868 100644 --- a/src/Assets/IconV2/ic-priority-medium-fill.svg +++ b/src/Assets/IconV2/ic-priority-medium-fill.svg @@ -1,4 +1,10 @@ +<<<<<<< HEAD +======= + + + +>>>>>>> 324044cd (icons changing to IconsV2) diff --git a/src/Assets/Icon/ic-priority-urgent-fill.svg b/src/Assets/IconV2/ic-priority-urgent-fill.svg similarity index 100% rename from src/Assets/Icon/ic-priority-urgent-fill.svg rename to src/Assets/IconV2/ic-priority-urgent-fill.svg diff --git a/src/Assets/Icon/ic-red-bulb.svg b/src/Assets/IconV2/ic-red-bulb.svg similarity index 100% rename from src/Assets/Icon/ic-red-bulb.svg rename to src/Assets/IconV2/ic-red-bulb.svg diff --git a/src/Assets/Icon/ic-spider.svg b/src/Assets/IconV2/ic-spider.svg similarity index 100% rename from src/Assets/Icon/ic-spider.svg rename to src/Assets/IconV2/ic-spider.svg diff --git a/src/Assets/Icon/ic-vector.svg b/src/Assets/IconV2/ic-vector.svg similarity index 100% rename from src/Assets/Icon/ic-vector.svg rename to src/Assets/IconV2/ic-vector.svg diff --git a/src/Shared/Components/Icon/Icon.tsx b/src/Shared/Components/Icon/Icon.tsx index 5c67c94d8..adb93e333 100644 --- a/src/Shared/Components/Icon/Icon.tsx +++ b/src/Shared/Components/Icon/Icon.tsx @@ -1,17 +1,5 @@ // NOTE: This file is auto-generated. Do not edit directly. Run the script `npm run generate-icon` to update. -import { ReactComponent as ICBulb } from '@Icons/ic-bulb.svg' -import { ReactComponent as ICStatusProgress } from '@Icons/ic-circle-progress.svg' -import { ReactComponent as ICClose } from '@Icons/ic-close.svg' -import { ReactComponent as ICStatusPending } from '@Icons/ic-dot-circle.svg' -import { ReactComponent as ICStatusFailed } from '@Icons/ic-failure-color.svg' -import { ReactComponent as ICPiggybank } from '@Icons/ic-piggybank.svg' -import { ReactComponent as ICPriorityHighFill } from '@Icons/ic-priority-high-fill.svg' -import { ReactComponent as ICPriorityLowFill } from '@Icons/ic-priority-low-fill.svg' -import { ReactComponent as ICPriorityMediumFill } from '@Icons/ic-priority-medium-fill.svg' -import { ReactComponent as ICPriorityUrgentFill } from '@Icons/ic-priority-urgent-fill.svg' -import { ReactComponent as ICRedBulb } from '@Icons/ic-red-bulb.svg' -import { ReactComponent as ICSpider } from '@Icons/ic-spider.svg' -import { ReactComponent as ICVector } from '@Icons/ic-vector.svg' + import { ReactComponent as IC73strings } from '@IconsV2/ic-73strings.svg' import { ReactComponent as ICAborted } from '@IconsV2/ic-aborted.svg' import { ReactComponent as ICActivity } from '@IconsV2/ic-activity.svg' @@ -51,6 +39,7 @@ import { ReactComponent as ICBrowser } from '@IconsV2/ic-browser.svg' import { ReactComponent as ICBug } from '@IconsV2/ic-bug.svg' import { ReactComponent as ICBuildColor } from '@IconsV2/ic-build-color.svg' import { ReactComponent as ICBuilding } from '@IconsV2/ic-building.svg' +import { ReactComponent as ICBulb } from '@IconsV2/ic-bulb.svg' import { ReactComponent as ICCalendar } from '@IconsV2/ic-calendar.svg' import { ReactComponent as ICCancelled } from '@IconsV2/ic-cancelled.svg' import { ReactComponent as ICCardStack } from '@IconsV2/ic-card-stack.svg' @@ -66,6 +55,7 @@ import { ReactComponent as ICCheckSquare } from '@IconsV2/ic-check-square.svg' import { ReactComponent as ICChecks } from '@IconsV2/ic-checks.svg' import { ReactComponent as ICCiLinked } from '@IconsV2/ic-ci-linked.svg' import { ReactComponent as ICCircleLoader } from '@IconsV2/ic-circle-loader.svg' +import { ReactComponent as ICCircleProgress } from '@IconsV2/ic-circle-progress.svg' import { ReactComponent as ICCleanBrush } from '@IconsV2/ic-clean-brush.svg' import { ReactComponent as ICClipboard } from '@IconsV2/ic-clipboard.svg' import { ReactComponent as ICClock } from '@IconsV2/ic-clock.svg' @@ -104,6 +94,7 @@ import { ReactComponent as ICDiffUpdated } from '@IconsV2/ic-diff-updated.svg' import { ReactComponent as ICDisconnect } from '@IconsV2/ic-disconnect.svg' import { ReactComponent as ICDiscordFill } from '@IconsV2/ic-discord-fill.svg' import { ReactComponent as ICDockerhub } from '@IconsV2/ic-dockerhub.svg' +import { ReactComponent as ICDotCircle } from '@IconsV2/ic-dot-circle.svg' import { ReactComponent as ICDownload } from '@IconsV2/ic-download.svg' import { ReactComponent as ICEcr } from '@IconsV2/ic-ecr.svg' import { ReactComponent as ICEdit } from '@IconsV2/ic-edit.svg' @@ -118,6 +109,7 @@ import { ReactComponent as ICError } from '@IconsV2/ic-error.svg' import { ReactComponent as ICExpandRightSm } from '@IconsV2/ic-expand-right-sm.svg' import { ReactComponent as ICExpandSm } from '@IconsV2/ic-expand-sm.svg' import { ReactComponent as ICFailure } from '@IconsV2/ic-failure.svg' +import { ReactComponent as ICFailureColor } from '@IconsV2/ic-failure-color.svg' import { ReactComponent as ICFastForward } from '@IconsV2/ic-fast-forward.svg' import { ReactComponent as ICFile } from '@IconsV2/ic-file.svg' import { ReactComponent as ICFileCode } from '@IconsV2/ic-file-code.svg' @@ -218,10 +210,16 @@ import { ReactComponent as ICPaperPlaneColor } from '@IconsV2/ic-paper-plane-col import { ReactComponent as ICPath } from '@IconsV2/ic-path.svg' import { ReactComponent as ICPauseCircle } from '@IconsV2/ic-pause-circle.svg' import { ReactComponent as ICPencil } from '@IconsV2/ic-pencil.svg' +import { ReactComponent as ICPiggybank } from '@IconsV2/ic-piggybank.svg' import { ReactComponent as ICPlayOutline } from '@IconsV2/ic-play-outline.svg' +import { ReactComponent as ICPriorityHighFill } from '@IconsV2/ic-priority-high-fill.svg' +import { ReactComponent as ICPriorityLowFill } from '@IconsV2/ic-priority-low-fill.svg' +import { ReactComponent as ICPriorityMediumFill } from '@IconsV2/ic-priority-medium-fill.svg' +import { ReactComponent as ICPriorityUrgentFill } from '@IconsV2/ic-priority-urgent-fill.svg' import { ReactComponent as ICPriorityMediumFill } from '@IconsV2/ic-priority-medium-fill.svg' import { ReactComponent as ICQuay } from '@IconsV2/ic-quay.svg' import { ReactComponent as ICQuote } from '@IconsV2/ic-quote.svg' +import { ReactComponent as ICRedBulb } from '@IconsV2/ic-red-bulb.svg' import { ReactComponent as ICRatings } from '@IconsV2/ic-ratings.svg' import { ReactComponent as ICResizeHandle } from '@IconsV2/ic-resize-handle.svg' import { ReactComponent as ICRightPanelCollapse } from '@IconsV2/ic-right-panel-collapse.svg' @@ -237,6 +235,7 @@ import { ReactComponent as ICSortable } from '@IconsV2/ic-sortable.svg' import { ReactComponent as ICSparkleAiColor } from '@IconsV2/ic-sparkle-ai-color.svg' import { ReactComponent as ICSparkleColor } from '@IconsV2/ic-sparkle-color.svg' import { ReactComponent as ICSpeedometer } from '@IconsV2/ic-speedometer.svg' +import { ReactComponent as ICSpider } from '@IconsV2/ic-spider.svg' import { ReactComponent as ICSpinny } from '@IconsV2/ic-spinny.svg' import { ReactComponent as ICSprayCan } from '@IconsV2/ic-spray-can.svg' import { ReactComponent as ICStack } from '@IconsV2/ic-stack.svg' @@ -275,6 +274,7 @@ import { ReactComponent as ICUpgradeEnterprise } from '@IconsV2/ic-upgrade-enter import { ReactComponent as ICUserCircle } from '@IconsV2/ic-user-circle.svg' import { ReactComponent as ICUserKey } from '@IconsV2/ic-user-key.svg' import { ReactComponent as ICUsers } from '@IconsV2/ic-users.svg' +import { ReactComponent as ICVector } from '@IconsV2/ic-vector.svg' import { ReactComponent as ICViewVariableToggle } from '@IconsV2/ic-view-variable-toggle.svg' import { ReactComponent as ICVisibilityOff } from '@IconsV2/ic-visibility-off.svg' import { ReactComponent as ICVisibilityOn } from '@IconsV2/ic-visibility-on.svg' @@ -328,6 +328,7 @@ export const iconMap = { 'ic-bug': ICBug, 'ic-build-color': ICBuildColor, 'ic-building': ICBuilding, + 'ic-bulb': ICBulb, 'ic-calendar': ICCalendar, 'ic-cancelled': ICCancelled, 'ic-card-stack': ICCardStack, @@ -343,6 +344,7 @@ export const iconMap = { 'ic-checks': ICChecks, 'ic-ci-linked': ICCiLinked, 'ic-circle-loader': ICCircleLoader, + 'ic-circle-progress': ICCircleProgress, 'ic-clean-brush': ICCleanBrush, 'ic-clipboard': ICClipboard, 'ic-clock-counterclockwise': ICClockCounterclockwise, @@ -381,6 +383,7 @@ export const iconMap = { 'ic-disconnect': ICDisconnect, 'ic-discord-fill': ICDiscordFill, 'ic-dockerhub': ICDockerhub, + 'ic-dot-circle': ICDotCircle, 'ic-download': ICDownload, 'ic-ecr': ICEcr, 'ic-edit-lines': ICEditLines, @@ -394,6 +397,7 @@ export const iconMap = { 'ic-error': ICError, 'ic-expand-right-sm': ICExpandRightSm, 'ic-expand-sm': ICExpandSm, + 'ic-failure-color': ICFailureColor, 'ic-failure': ICFailure, 'ic-fast-forward': ICFastForward, 'ic-file-code': ICFileCode, @@ -495,10 +499,16 @@ export const iconMap = { 'ic-path': ICPath, 'ic-pause-circle': ICPauseCircle, 'ic-pencil': ICPencil, + 'ic-piggybank': ICPiggybank, 'ic-play-outline': ICPlayOutline, + 'ic-priority-high-fill': ICPriorityHighFill, + 'ic-priority-low-fill': ICPriorityLowFill, + 'ic-priority-medium-fill': ICPriorityMediumFill, + 'ic-priority-urgent-fill': ICPriorityUrgentFill, 'ic-priority-medium-fill': ICPriorityMediumFill, 'ic-quay': ICQuay, 'ic-quote': ICQuote, + 'ic-red-bulb': ICRedBulb, 'ic-ratings': ICRatings, 'ic-resize-handle': ICResizeHandle, 'ic-right-panel-collapse': ICRightPanelCollapse, @@ -514,6 +524,7 @@ export const iconMap = { 'ic-sparkle-ai-color': ICSparkleAiColor, 'ic-sparkle-color': ICSparkleColor, 'ic-speedometer': ICSpeedometer, + 'ic-spider': ICSpider, 'ic-spinny': ICSpinny, 'ic-spray-can': ICSprayCan, 'ic-stack': ICStack, @@ -552,6 +563,7 @@ export const iconMap = { 'ic-user-circle': ICUserCircle, 'ic-user-key': ICUserKey, 'ic-users': ICUsers, + 'ic-vector': ICVector, 'ic-view-variable-toggle': ICViewVariableToggle, 'ic-visibility-off': ICVisibilityOff, 'ic-visibility-on': ICVisibilityOn, @@ -560,19 +572,6 @@ export const iconMap = { 'ic-webhook': ICWebhook, 'ic-wifi-slash': ICWifiSlash, 'ic-world-globe': ICWorldGlobe, - 'ic-bulb': ICRedBulb, - 'ic-red-bulb': ICBulb, - 'ic-failure-color': ICStatusFailed, - 'ic-dot-circle': ICStatusPending, - 'ic-circle-progress': ICStatusProgress, - 'ic-piggybank': ICPiggybank, - 'ic-priority-high-fill': ICPriorityHighFill, - 'ic-priority-low-fill': ICPriorityLowFill, - 'ic-priority-medium-fill': ICPriorityMediumFill, - 'ic-priority-urgent-fill': ICPriorityUrgentFill, - 'ic-spider': ICSpider, - 'ic-vector': ICVector, - 'ic-close': ICClose, } export type IconName = keyof typeof iconMap From bb4629824afef2a11590b767686cff0750325c0f Mon Sep 17 00:00:00 2001 From: chithra Date: Mon, 6 Oct 2025 18:30:42 +0530 Subject: [PATCH 13/23] Removing unwanted changes --- src/Common/Markdown/MarkDown.tsx | 1 - src/Common/Markdown/markdown.scss | 58 ----------------------------- src/Shared/Components/Icon/Icon.tsx | 6 +-- 3 files changed, 2 insertions(+), 63 deletions(-) diff --git a/src/Common/Markdown/MarkDown.tsx b/src/Common/Markdown/MarkDown.tsx index 3a0076444..8194b262a 100644 --- a/src/Common/Markdown/MarkDown.tsx +++ b/src/Common/Markdown/MarkDown.tsx @@ -80,7 +80,6 @@ const MarkDown = ({ ` renderer.heading = ({ text, depth }: Tokens.Heading) => { - // Alternative debugging - add to window object const escapedText = disableEscapedText ? '' : text.toLowerCase().replace(/[^\w]+/g, '-') return ` diff --git a/src/Common/Markdown/markdown.scss b/src/Common/Markdown/markdown.scss index 67401da32..cf8a7af2d 100644 --- a/src/Common/Markdown/markdown.scss +++ b/src/Common/Markdown/markdown.scss @@ -77,62 +77,4 @@ a.anchor { color: var(--N900); } - h1, h2, h3, h4, h5, h6 .header-link { - color: #000a14 !important; - font-size: 15px !important; - font-family: Open Sans !important; - font-weight: 600 !important; - line-height: 20px !important; - word-wrap: break-word !important; - } -} - -// custom styles -.markdown { - // Title styles - h1, h2, h3, h4, h5, h6 { - &.header-link { - color: #000a14 !important; - font-size: 15px !important; - font-family: Open Sans !important; - font-weight: 600 !important; - line-height: 20px !important; - word-wrap: break-word !important; - } - } - - // Description styles - .md-description { - font-size: 14px; - line-height: 1.6; - color: var(--N700); - margin-bottom: 20px; - } - - // List styles - ul.md-list { - margin: 12px 0; - padding-left: 24px; - - li { - color: var(--neutral-N900, #F8F8F9); - font-size: 13px; - font-family: Open Sans; - font-weight: 400; - line-height: 20px; - word-wrap: break-word; - - &::marker { - color: var(--N400); - } - } - } - - // Nested list styles - ul.md-list ul { - margin: 8px 0; - } - ol { - padding-left: 15px; - } } diff --git a/src/Shared/Components/Icon/Icon.tsx b/src/Shared/Components/Icon/Icon.tsx index adb93e333..a530f7c20 100644 --- a/src/Shared/Components/Icon/Icon.tsx +++ b/src/Shared/Components/Icon/Icon.tsx @@ -216,11 +216,10 @@ import { ReactComponent as ICPriorityHighFill } from '@IconsV2/ic-priority-high- import { ReactComponent as ICPriorityLowFill } from '@IconsV2/ic-priority-low-fill.svg' import { ReactComponent as ICPriorityMediumFill } from '@IconsV2/ic-priority-medium-fill.svg' import { ReactComponent as ICPriorityUrgentFill } from '@IconsV2/ic-priority-urgent-fill.svg' -import { ReactComponent as ICPriorityMediumFill } from '@IconsV2/ic-priority-medium-fill.svg' import { ReactComponent as ICQuay } from '@IconsV2/ic-quay.svg' import { ReactComponent as ICQuote } from '@IconsV2/ic-quote.svg' -import { ReactComponent as ICRedBulb } from '@IconsV2/ic-red-bulb.svg' import { ReactComponent as ICRatings } from '@IconsV2/ic-ratings.svg' +import { ReactComponent as ICRedBulb } from '@IconsV2/ic-red-bulb.svg' import { ReactComponent as ICResizeHandle } from '@IconsV2/ic-resize-handle.svg' import { ReactComponent as ICRightPanelCollapse } from '@IconsV2/ic-right-panel-collapse.svg' import { ReactComponent as ICRocketGear } from '@IconsV2/ic-rocket-gear.svg' @@ -505,11 +504,10 @@ export const iconMap = { 'ic-priority-low-fill': ICPriorityLowFill, 'ic-priority-medium-fill': ICPriorityMediumFill, 'ic-priority-urgent-fill': ICPriorityUrgentFill, - 'ic-priority-medium-fill': ICPriorityMediumFill, 'ic-quay': ICQuay, 'ic-quote': ICQuote, - 'ic-red-bulb': ICRedBulb, 'ic-ratings': ICRatings, + 'ic-red-bulb': ICRedBulb, 'ic-resize-handle': ICResizeHandle, 'ic-right-panel-collapse': ICRightPanelCollapse, 'ic-rocket-gear': ICRocketGear, From 1550ef14215fe5a1ee8193d1eb6b7ad96e3c6399 Mon Sep 17 00:00:00 2001 From: chithra Date: Mon, 6 Oct 2025 18:44:43 +0530 Subject: [PATCH 14/23] Icons adding --- src/Assets/IconV2/ic-arrow-white.svg | 5 ----- src/Assets/IconV2/ic-coin.svg | 3 +++ src/Assets/IconV2/ic-coins.svg | 4 ++-- src/Shared/Components/Icon/Icon.tsx | 2 ++ 4 files changed, 7 insertions(+), 7 deletions(-) create mode 100644 src/Assets/IconV2/ic-coin.svg diff --git a/src/Assets/IconV2/ic-arrow-white.svg b/src/Assets/IconV2/ic-arrow-white.svg index 27b058713..38d2caf06 100644 --- a/src/Assets/IconV2/ic-arrow-white.svg +++ b/src/Assets/IconV2/ic-arrow-white.svg @@ -1,8 +1,3 @@ -<<<<<<< HEAD -======= - - ->>>>>>> aa18c13c (adding new icons) diff --git a/src/Assets/IconV2/ic-coin.svg b/src/Assets/IconV2/ic-coin.svg new file mode 100644 index 000000000..16072f183 --- /dev/null +++ b/src/Assets/IconV2/ic-coin.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/Assets/IconV2/ic-coins.svg b/src/Assets/IconV2/ic-coins.svg index 16072f183..848b4b283 100644 --- a/src/Assets/IconV2/ic-coins.svg +++ b/src/Assets/IconV2/ic-coins.svg @@ -1,3 +1,3 @@ - - + + diff --git a/src/Shared/Components/Icon/Icon.tsx b/src/Shared/Components/Icon/Icon.tsx index a530f7c20..0a0970a27 100644 --- a/src/Shared/Components/Icon/Icon.tsx +++ b/src/Shared/Components/Icon/Icon.tsx @@ -67,6 +67,7 @@ import { ReactComponent as ICCloudVms } from '@IconsV2/ic-cloud-vms.svg' import { ReactComponent as ICCluster } from '@IconsV2/ic-cluster.svg' import { ReactComponent as ICClusterIsolated } from '@IconsV2/ic-cluster-isolated.svg' import { ReactComponent as ICCode } from '@IconsV2/ic-code.svg' +import { ReactComponent as ICCoin } from '@IconsV2/ic-coin.svg' import { ReactComponent as ICCoins } from '@IconsV2/ic-coins.svg' import { ReactComponent as ICContainer } from '@IconsV2/ic-container.svg' import { ReactComponent as ICContainerRegistry } from '@IconsV2/ic-container-registry.svg' @@ -355,6 +356,7 @@ export const iconMap = { 'ic-cluster-isolated': ICClusterIsolated, 'ic-cluster': ICCluster, 'ic-code': ICCode, + 'ic-coin': ICCoin, 'ic-coins': ICCoins, 'ic-container-registry': ICContainerRegistry, 'ic-container': ICContainer, From 958b80573abb467959629e088dabe838b97961cc Mon Sep 17 00:00:00 2001 From: chithra Date: Mon, 6 Oct 2025 18:47:11 +0530 Subject: [PATCH 15/23] Adding medium icon --- src/Assets/IconV2/ic-priority-medium-fill.svg | 13 ++++--------- 1 file changed, 4 insertions(+), 9 deletions(-) diff --git a/src/Assets/IconV2/ic-priority-medium-fill.svg b/src/Assets/IconV2/ic-priority-medium-fill.svg index 7d54b4868..edc1d84e0 100644 --- a/src/Assets/IconV2/ic-priority-medium-fill.svg +++ b/src/Assets/IconV2/ic-priority-medium-fill.svg @@ -1,10 +1,5 @@ -<<<<<<< HEAD - - - -======= - - - ->>>>>>> 324044cd (icons changing to IconsV2) + + + + From 6356812d1a136774e08c8b01a7a1c87a6e8a7126 Mon Sep 17 00:00:00 2001 From: chithra Date: Mon, 6 Oct 2025 18:51:17 +0530 Subject: [PATCH 16/23] Correct icon replaced --- src/Assets/IconV2/ic-priority-medium-fill.svg | 7 +++---- 1 file changed, 3 insertions(+), 4 deletions(-) diff --git a/src/Assets/IconV2/ic-priority-medium-fill.svg b/src/Assets/IconV2/ic-priority-medium-fill.svg index edc1d84e0..07f524fb4 100644 --- a/src/Assets/IconV2/ic-priority-medium-fill.svg +++ b/src/Assets/IconV2/ic-priority-medium-fill.svg @@ -1,5 +1,4 @@ - - - - + + + From 1fb789039ddd1162e4a1635eec5f07750f1c2e7c Mon Sep 17 00:00:00 2001 From: chithra Date: Mon, 6 Oct 2025 18:53:38 +0530 Subject: [PATCH 17/23] code formatting --- src/Shared/Components/Icon/types.ts | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/Shared/Components/Icon/types.ts b/src/Shared/Components/Icon/types.ts index c352169b6..f939a8e14 100644 --- a/src/Shared/Components/Icon/types.ts +++ b/src/Shared/Components/Icon/types.ts @@ -46,7 +46,7 @@ export interface IconBaseProps { * * @example 'B500', 'N200', 'G50', 'R700' */ - color?: IconBaseColorType + color: IconBaseColorType /** * A unique identifier for testing purposes, typically used in test automation. */ From 5e9b8507981d54574f3c50f47848a774092be4a4 Mon Sep 17 00:00:00 2001 From: chithra Date: Mon, 6 Oct 2025 18:59:04 +0530 Subject: [PATCH 18/23] Removing service paths --- src/Common/API/CoreAPI.ts | 31 ++++++++++++++++++++++--------- src/Common/Constants.ts | 7 ------- 2 files changed, 22 insertions(+), 16 deletions(-) diff --git a/src/Common/API/CoreAPI.ts b/src/Common/API/CoreAPI.ts index 2bf7a2a86..859212a62 100644 --- a/src/Common/API/CoreAPI.ts +++ b/src/Common/API/CoreAPI.ts @@ -14,7 +14,7 @@ * limitations under the License. */ -import { API_STATUS_CODES, FALLBACK_REQUEST_TIMEOUT, Host, SERVICE_PATHS } from '@Common/Constants' +import { API_STATUS_CODES, FALLBACK_REQUEST_TIMEOUT, Host } from '@Common/Constants' import { noop } from '@Common/Helper' import { ServerErrors } from '@Common/ServerError' import { APIOptions, ResponseType } from '@Common/Types' @@ -69,7 +69,7 @@ class CoreAPI { } else { currentUrl = `${this.host}/${url}` } - + return fetch( currentUrl, !isMultipartRequest @@ -281,19 +281,32 @@ class CoreAPI { options?: APIOptions, isMultipartRequest?: boolean, isProxyHost?: boolean, - ): Promise> => this.fetchInTime({ url, type: 'POST', data, options, isMultipartRequest, isProxyHost }) + ): Promise> => + this.fetchInTime({ url, type: 'POST', data, options, isMultipartRequest, isProxyHost }) - put = (url: string, data: K, options?: APIOptions, isProxyHost?: boolean): Promise> => - this.fetchInTime({ url, type: 'PUT', data, options, isProxyHost }) + put = ( + url: string, + data: K, + options?: APIOptions, + isProxyHost?: boolean, + ): Promise> => this.fetchInTime({ url, type: 'PUT', data, options, isProxyHost }) - patch = (url: string, data: K, options?: APIOptions, isProxyHost?: boolean): Promise> => - this.fetchInTime({ url, type: 'PATCH', data, options, isProxyHost }) + patch = ( + url: string, + data: K, + options?: APIOptions, + isProxyHost?: boolean, + ): Promise> => this.fetchInTime({ url, type: 'PATCH', data, options, isProxyHost }) get = (url: string, options?: APIOptions, isProxyHost?: boolean): Promise> => this.fetchInTime({ url, type: 'GET', data: null, options, isProxyHost }) - trash = (url: string, data?: K, options?: APIOptions, isProxyHost?: boolean): Promise> => - this.fetchInTime({ url, type: 'DELETE', data, options, isProxyHost }) + trash = ( + url: string, + data?: K, + options?: APIOptions, + isProxyHost?: boolean, + ): Promise> => this.fetchInTime({ url, type: 'DELETE', data, options, isProxyHost }) setGlobalAPITimeout = (timeout: number) => { this.timeout = timeout || FALLBACK_REQUEST_TIMEOUT diff --git a/src/Common/Constants.ts b/src/Common/Constants.ts index 06f7773e6..b8e51096a 100644 --- a/src/Common/Constants.ts +++ b/src/Common/Constants.ts @@ -20,13 +20,6 @@ import { CostBreakdownItemViewParamsType, CostBreakdownViewType } from '@PagesDe export const FALLBACK_REQUEST_TIMEOUT = 60000 export const Host = window?.__ORCHESTRATOR_ROOT__ ?? '/orchestrator' -// Service path constants for API routing -export const SERVICE_PATHS = { - ATHENA: 'athena', - ORCHESTRATOR: 'orchestrator', - // Add other service paths as needed in the future -} as const - export const DOCUMENTATION_HOME_PAGE = 'https://docs.devtron.ai' export const DEVTRON_HOME_PAGE = 'https://devtron.ai/' export const DOCUMENTATION_VERSION = '/devtron/v1.7' From d1dab6b0f87631057e88a123f5d6d4c03f6089d9 Mon Sep 17 00:00:00 2001 From: chithra Date: Tue, 7 Oct 2025 17:52:23 +0530 Subject: [PATCH 19/23] API changes added --- src/Common/API/CoreAPI.ts | 46 ++++++++++----------------------------- 1 file changed, 11 insertions(+), 35 deletions(-) diff --git a/src/Common/API/CoreAPI.ts b/src/Common/API/CoreAPI.ts index 859212a62..368649cbe 100644 --- a/src/Common/API/CoreAPI.ts +++ b/src/Common/API/CoreAPI.ts @@ -61,17 +61,8 @@ class CoreAPI { } // eslint-disable-next-line dot-notation options['credentials'] = 'include' as RequestCredentials - let currentUrl: string - if (isProxyHost) { - // Remove leading slash from url if it exists to avoid double slash after /proxy - const proxyUrl = url.startsWith('/') ? url.slice(1) : url - currentUrl = `/proxy/${proxyUrl}` - } else { - currentUrl = `${this.host}/${url}` - } - return fetch( - currentUrl, + `${isProxyHost ? '/proxy' : this.host}/${url}`, !isMultipartRequest ? options : ({ @@ -209,8 +200,7 @@ class CoreAPI { data, options, isMultipartRequest, - isProxyHost = false, - }: FetchInTimeParamsType & { isProxyHost?: boolean }): Promise => { + }: FetchInTimeParamsType): Promise => { const controller = options?.abortControllerRef?.current ?? new AbortController() const timeoutSignal = controller.signal @@ -280,33 +270,19 @@ class CoreAPI { data: K, options?: APIOptions, isMultipartRequest?: boolean, - isProxyHost?: boolean, - ): Promise> => - this.fetchInTime({ url, type: 'POST', data, options, isMultipartRequest, isProxyHost }) + ): Promise> => this.fetchInTime({ url, type: 'POST', data, options, isMultipartRequest }) - put = ( - url: string, - data: K, - options?: APIOptions, - isProxyHost?: boolean, - ): Promise> => this.fetchInTime({ url, type: 'PUT', data, options, isProxyHost }) + put = (url: string, data: K, options?: APIOptions): Promise> => + this.fetchInTime({ url, type: 'PUT', data, options }) - patch = ( - url: string, - data: K, - options?: APIOptions, - isProxyHost?: boolean, - ): Promise> => this.fetchInTime({ url, type: 'PATCH', data, options, isProxyHost }) + patch = (url: string, data: K, options?: APIOptions): Promise> => + this.fetchInTime({ url, type: 'PATCH', data, options }) - get = (url: string, options?: APIOptions, isProxyHost?: boolean): Promise> => - this.fetchInTime({ url, type: 'GET', data: null, options, isProxyHost }) + get = (url: string, options?: APIOptions): Promise> => + this.fetchInTime({ url, type: 'GET', data: null, options }) - trash = ( - url: string, - data?: K, - options?: APIOptions, - isProxyHost?: boolean, - ): Promise> => this.fetchInTime({ url, type: 'DELETE', data, options, isProxyHost }) + trash = (url: string, data?: K, options?: APIOptions): Promise> => + this.fetchInTime({ url, type: 'DELETE', data, options }) setGlobalAPITimeout = (timeout: number) => { this.timeout = timeout || FALLBACK_REQUEST_TIMEOUT From 68c1e33314b61c70610da00062019b8f7a1cfcd9 Mon Sep 17 00:00:00 2001 From: chithra Date: Sun, 12 Oct 2025 21:40:22 +0530 Subject: [PATCH 20/23] feat: Runbook implentation --- src/Assets/IconV2/ic-book-gear.svg | 9 +++++++++ src/Assets/IconV2/ic-check-green.svg | 3 +++ src/Assets/IconV2/ic-close-circle-red.svg | 3 +++ src/Assets/IconV2/ic-close-circle.svg | 3 +++ src/Assets/IconV2/ic-confirm.svg | 3 +++ src/Assets/IconV2/ic-info-filled-new.svg | 8 ++++++++ src/Assets/IconV2/ic-pencil-white.svg | 3 +++ src/Assets/IconV2/ic-timer-green.svg | 3 +++ src/Assets/IconV2/ic-timer-red.svg | 3 +++ src/Common/Constants.ts | 1 + src/Shared/Components/Icon/Icon.tsx | 18 ++++++++++++++++++ src/Shared/Hooks/useUserPreferences/types.ts | 2 ++ 12 files changed, 59 insertions(+) create mode 100644 src/Assets/IconV2/ic-book-gear.svg create mode 100644 src/Assets/IconV2/ic-check-green.svg create mode 100644 src/Assets/IconV2/ic-close-circle-red.svg create mode 100644 src/Assets/IconV2/ic-close-circle.svg create mode 100644 src/Assets/IconV2/ic-confirm.svg create mode 100644 src/Assets/IconV2/ic-info-filled-new.svg create mode 100644 src/Assets/IconV2/ic-pencil-white.svg create mode 100644 src/Assets/IconV2/ic-timer-green.svg create mode 100644 src/Assets/IconV2/ic-timer-red.svg diff --git a/src/Assets/IconV2/ic-book-gear.svg b/src/Assets/IconV2/ic-book-gear.svg new file mode 100644 index 000000000..aad326fba --- /dev/null +++ b/src/Assets/IconV2/ic-book-gear.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/src/Assets/IconV2/ic-check-green.svg b/src/Assets/IconV2/ic-check-green.svg new file mode 100644 index 000000000..3d2537bba --- /dev/null +++ b/src/Assets/IconV2/ic-check-green.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/Assets/IconV2/ic-close-circle-red.svg b/src/Assets/IconV2/ic-close-circle-red.svg new file mode 100644 index 000000000..39eb6570a --- /dev/null +++ b/src/Assets/IconV2/ic-close-circle-red.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/Assets/IconV2/ic-close-circle.svg b/src/Assets/IconV2/ic-close-circle.svg new file mode 100644 index 000000000..5c48b3451 --- /dev/null +++ b/src/Assets/IconV2/ic-close-circle.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/Assets/IconV2/ic-confirm.svg b/src/Assets/IconV2/ic-confirm.svg new file mode 100644 index 000000000..33f68aeed --- /dev/null +++ b/src/Assets/IconV2/ic-confirm.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/Assets/IconV2/ic-info-filled-new.svg b/src/Assets/IconV2/ic-info-filled-new.svg new file mode 100644 index 000000000..121dc6fc3 --- /dev/null +++ b/src/Assets/IconV2/ic-info-filled-new.svg @@ -0,0 +1,8 @@ + + + + + + \ No newline at end of file diff --git a/src/Assets/IconV2/ic-pencil-white.svg b/src/Assets/IconV2/ic-pencil-white.svg new file mode 100644 index 000000000..85f43a527 --- /dev/null +++ b/src/Assets/IconV2/ic-pencil-white.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/Assets/IconV2/ic-timer-green.svg b/src/Assets/IconV2/ic-timer-green.svg new file mode 100644 index 000000000..da7308969 --- /dev/null +++ b/src/Assets/IconV2/ic-timer-green.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/Assets/IconV2/ic-timer-red.svg b/src/Assets/IconV2/ic-timer-red.svg new file mode 100644 index 000000000..fd3f830d4 --- /dev/null +++ b/src/Assets/IconV2/ic-timer-red.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/Common/Constants.ts b/src/Common/Constants.ts index b8e51096a..df16a6caf 100644 --- a/src/Common/Constants.ts +++ b/src/Common/Constants.ts @@ -138,6 +138,7 @@ export const URLS = { // AI RECOMMENDATIONS AI_RECOMMENDATIONS: AI_RECOMMENDATIONS_ROOT, AI_RECOMMENDATIONS_OVERVIEW: `${AI_RECOMMENDATIONS_ROOT}/overview`, + AI_RECOMMENDATIONS_RUNBOOKS: `${AI_RECOMMENDATIONS_ROOT}/runbooks`, } as const export const ROUTES = { diff --git a/src/Shared/Components/Icon/Icon.tsx b/src/Shared/Components/Icon/Icon.tsx index 0a0970a27..19de5405f 100644 --- a/src/Shared/Components/Icon/Icon.tsx +++ b/src/Shared/Components/Icon/Icon.tsx @@ -32,6 +32,7 @@ import { ReactComponent as ICBgScan } from '@IconsV2/ic-bg-scan.svg' import { ReactComponent as ICBgWebhook } from '@IconsV2/ic-bg-webhook.svg' import { ReactComponent as ICBharatpe } from '@IconsV2/ic-bharatpe.svg' import { ReactComponent as ICBitbucket } from '@IconsV2/ic-bitbucket.svg' +import { ReactComponent as ICBookGear } from '@IconsV2/ic-book-gear.svg' import { ReactComponent as ICBookOpen } from '@IconsV2/ic-book-open.svg' import { ReactComponent as ICBot } from '@IconsV2/ic-bot.svg' import { ReactComponent as ICBrain } from '@IconsV2/ic-brain.svg' @@ -51,6 +52,7 @@ import { ReactComponent as ICChatCircleDots } from '@IconsV2/ic-chat-circle-dots import { ReactComponent as ICChatCircleOnline } from '@IconsV2/ic-chat-circle-online.svg' import { ReactComponent as ICCheck } from '@IconsV2/ic-check.svg' import { ReactComponent as ICCheckAll } from '@IconsV2/ic-check-all.svg' +import { ReactComponent as ICCheckGreen } from '@IconsV2/ic-check-green.svg' import { ReactComponent as ICCheckSquare } from '@IconsV2/ic-check-square.svg' import { ReactComponent as ICChecks } from '@IconsV2/ic-checks.svg' import { ReactComponent as ICCiLinked } from '@IconsV2/ic-ci-linked.svg' @@ -60,6 +62,8 @@ import { ReactComponent as ICCleanBrush } from '@IconsV2/ic-clean-brush.svg' import { ReactComponent as ICClipboard } from '@IconsV2/ic-clipboard.svg' import { ReactComponent as ICClock } from '@IconsV2/ic-clock.svg' import { ReactComponent as ICClockCounterclockwise } from '@IconsV2/ic-clock-counterclockwise.svg' +import { ReactComponent as ICCloseCircle } from '@IconsV2/ic-close-circle.svg' +import { ReactComponent as ICCloseCircleRed } from '@IconsV2/ic-close-circle-red.svg' import { ReactComponent as ICCloseLarge } from '@IconsV2/ic-close-large.svg' import { ReactComponent as ICCloseSmall } from '@IconsV2/ic-close-small.svg' import { ReactComponent as ICCloud } from '@IconsV2/ic-cloud.svg' @@ -69,6 +73,7 @@ import { ReactComponent as ICClusterIsolated } from '@IconsV2/ic-cluster-isolate import { ReactComponent as ICCode } from '@IconsV2/ic-code.svg' import { ReactComponent as ICCoin } from '@IconsV2/ic-coin.svg' import { ReactComponent as ICCoins } from '@IconsV2/ic-coins.svg' +import { ReactComponent as ICConfirm } from '@IconsV2/ic-confirm.svg' import { ReactComponent as ICContainer } from '@IconsV2/ic-container.svg' import { ReactComponent as ICContainerRegistry } from '@IconsV2/ic-container-registry.svg' import { ReactComponent as ICCookr } from '@IconsV2/ic-cookr.svg' @@ -157,6 +162,7 @@ import { ReactComponent as ICHibernateCircle } from '@IconsV2/ic-hibernate-circl import { ReactComponent as ICInProgress } from '@IconsV2/ic-in-progress.svg' import { ReactComponent as ICInfoFilled } from '@IconsV2/ic-info-filled.svg' import { ReactComponent as ICInfoFilledColor } from '@IconsV2/ic-info-filled-color.svg' +import { ReactComponent as ICInfoFilledNew } from '@IconsV2/ic-info-filled-new.svg' import { ReactComponent as ICInfoOutline } from '@IconsV2/ic-info-outline.svg' import { ReactComponent as ICInput } from '@IconsV2/ic-input.svg' import { ReactComponent as ICInstall } from '@IconsV2/ic-install.svg' @@ -211,6 +217,7 @@ import { ReactComponent as ICPaperPlaneColor } from '@IconsV2/ic-paper-plane-col import { ReactComponent as ICPath } from '@IconsV2/ic-path.svg' import { ReactComponent as ICPauseCircle } from '@IconsV2/ic-pause-circle.svg' import { ReactComponent as ICPencil } from '@IconsV2/ic-pencil.svg' +import { ReactComponent as ICPencilWhite } from '@IconsV2/ic-pencil-white.svg' import { ReactComponent as ICPiggybank } from '@IconsV2/ic-piggybank.svg' import { ReactComponent as ICPlayOutline } from '@IconsV2/ic-play-outline.svg' import { ReactComponent as ICPriorityHighFill } from '@IconsV2/ic-priority-high-fill.svg' @@ -264,6 +271,8 @@ import { ReactComponent as ICThumbDown } from '@IconsV2/ic-thumb-down.svg' import { ReactComponent as ICThumbUp } from '@IconsV2/ic-thumb-up.svg' import { ReactComponent as ICTimeoutDash } from '@IconsV2/ic-timeout-dash.svg' import { ReactComponent as ICTimer } from '@IconsV2/ic-timer.svg' +import { ReactComponent as ICTimerGreen } from '@IconsV2/ic-timer-green.svg' +import { ReactComponent as ICTimerRed } from '@IconsV2/ic-timer-red.svg' import { ReactComponent as ICTrafficSignal } from '@IconsV2/ic-traffic-signal.svg' import { ReactComponent as ICTravclan } from '@IconsV2/ic-travclan.svg' import { ReactComponent as ICTrendUp } from '@IconsV2/ic-trend-up.svg' @@ -321,6 +330,7 @@ export const iconMap = { 'ic-bg-webhook': ICBgWebhook, 'ic-bharatpe': ICBharatpe, 'ic-bitbucket': ICBitbucket, + 'ic-book-gear': ICBookGear, 'ic-book-open': ICBookOpen, 'ic-bot': ICBot, 'ic-brain': ICBrain, @@ -339,6 +349,7 @@ export const iconMap = { 'ic-chat-circle-dots': ICChatCircleDots, 'ic-chat-circle-online': ICChatCircleOnline, 'ic-check-all': ICCheckAll, + 'ic-check-green': ICCheckGreen, 'ic-check-square': ICCheckSquare, 'ic-check': ICCheck, 'ic-checks': ICChecks, @@ -349,6 +360,8 @@ export const iconMap = { 'ic-clipboard': ICClipboard, 'ic-clock-counterclockwise': ICClockCounterclockwise, 'ic-clock': ICClock, + 'ic-close-circle-red': ICCloseCircleRed, + 'ic-close-circle': ICCloseCircle, 'ic-close-large': ICCloseLarge, 'ic-close-small': ICCloseSmall, 'ic-cloud-vms': ICCloudVms, @@ -358,6 +371,7 @@ export const iconMap = { 'ic-code': ICCode, 'ic-coin': ICCoin, 'ic-coins': ICCoins, + 'ic-confirm': ICConfirm, 'ic-container-registry': ICContainerRegistry, 'ic-container': ICContainer, 'ic-cookr': ICCookr, @@ -445,6 +459,7 @@ export const iconMap = { 'ic-hibernate': ICHibernate, 'ic-in-progress': ICInProgress, 'ic-info-filled-color': ICInfoFilledColor, + 'ic-info-filled-new': ICInfoFilledNew, 'ic-info-filled': ICInfoFilled, 'ic-info-outline': ICInfoOutline, 'ic-input': ICInput, @@ -499,6 +514,7 @@ export const iconMap = { 'ic-paper-plane': ICPaperPlane, 'ic-path': ICPath, 'ic-pause-circle': ICPauseCircle, + 'ic-pencil-white': ICPencilWhite, 'ic-pencil': ICPencil, 'ic-piggybank': ICPiggybank, 'ic-play-outline': ICPlayOutline, @@ -552,6 +568,8 @@ export const iconMap = { 'ic-thumb-down': ICThumbDown, 'ic-thumb-up': ICThumbUp, 'ic-timeout-dash': ICTimeoutDash, + 'ic-timer-green': ICTimerGreen, + 'ic-timer-red': ICTimerRed, 'ic-timer': ICTimer, 'ic-traffic-signal': ICTrafficSignal, 'ic-travclan': ICTravclan, diff --git a/src/Shared/Hooks/useUserPreferences/types.ts b/src/Shared/Hooks/useUserPreferences/types.ts index 9227f147b..160f3c06b 100644 --- a/src/Shared/Hooks/useUserPreferences/types.ts +++ b/src/Shared/Hooks/useUserPreferences/types.ts @@ -58,6 +58,7 @@ export type NavigationItemID = | 'data-protection-backup-locations' | 'data-protection-history-and-logs' | 'ai-recommendations-overview' + | 'ai-recommendations-runbooks' export type NavigationSubMenuItemID = | 'application-management-configurations-gitops' @@ -66,6 +67,7 @@ export type NavigationSubMenuItemID = | 'application-management-configurations-chart-repository' | 'application-management-configurations-deployment-charts' | 'application-management-configurations-notifications' + | 'application-management-configurations-runbook' | 'application-management-configurations-catalog-frameworks' | 'application-management-configurations-scoped-variables' | 'application-management-configurations-build-infra' From 0569a8691181e573f8be1e0a157b46d30d8636b9 Mon Sep 17 00:00:00 2001 From: chithra Date: Sun, 12 Oct 2025 21:47:04 +0530 Subject: [PATCH 21/23] version bump --- package-lock.json | 4 ++-- package.json | 2 +- 2 files changed, 3 insertions(+), 3 deletions(-) diff --git a/package-lock.json b/package-lock.json index 51fa81a8c..5b35753bd 100644 --- a/package-lock.json +++ b/package-lock.json @@ -1,12 +1,12 @@ { "name": "@devtron-labs/devtron-fe-common-lib", - "version": "1.20.5-pre-6", + "version": "1.20.6-pre-5", "lockfileVersion": 3, "requires": true, "packages": { "": { "name": "@devtron-labs/devtron-fe-common-lib", - "version": "1.20.5-pre-6", + "version": "1.20.6-pre-5", "hasInstallScript": true, "license": "ISC", "dependencies": { diff --git a/package.json b/package.json index 1d6dfaf21..44db35359 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "@devtron-labs/devtron-fe-common-lib", - "version": "1.20.5-pre-6", + "version": "1.20.6-pre-5", "description": "Supporting common component library", "type": "module", "main": "dist/index.js", From ef95097fb5d7d52cfc18552556d7384aae955153 Mon Sep 17 00:00:00 2001 From: Asika TK Date: Mon, 13 Oct 2025 14:53:16 +0530 Subject: [PATCH 22/23] feat: chatbot graphs --- src/Shared/Providers/MainContextProvider/types.ts | 1 + 1 file changed, 1 insertion(+) diff --git a/src/Shared/Providers/MainContextProvider/types.ts b/src/Shared/Providers/MainContextProvider/types.ts index f04949c4d..0ab1831b0 100644 --- a/src/Shared/Providers/MainContextProvider/types.ts +++ b/src/Shared/Providers/MainContextProvider/types.ts @@ -48,6 +48,7 @@ export interface SidePanelConfig { /** URL to documentation that should be displayed in the panel */ docLink: string | null aiSessionId?: string + isExpandedView?: boolean } type AIAgentContextType = { From 783e8d3b6798e7af319a8f9c540924788f98d2ac Mon Sep 17 00:00:00 2001 From: Asika TK Date: Mon, 13 Oct 2025 15:05:54 +0530 Subject: [PATCH 23/23] version bump --- package-lock.json | 4 ++-- package.json | 2 +- 2 files changed, 3 insertions(+), 3 deletions(-) diff --git a/package-lock.json b/package-lock.json index 5b35753bd..463a86308 100644 --- a/package-lock.json +++ b/package-lock.json @@ -1,12 +1,12 @@ { "name": "@devtron-labs/devtron-fe-common-lib", - "version": "1.20.6-pre-5", + "version": "1.20.6-pre-6", "lockfileVersion": 3, "requires": true, "packages": { "": { "name": "@devtron-labs/devtron-fe-common-lib", - "version": "1.20.6-pre-5", + "version": "1.20.6-pre-6", "hasInstallScript": true, "license": "ISC", "dependencies": { diff --git a/package.json b/package.json index 44db35359..aac567199 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "@devtron-labs/devtron-fe-common-lib", - "version": "1.20.6-pre-5", + "version": "1.20.6-pre-6", "description": "Supporting common component library", "type": "module", "main": "dist/index.js",