fix: add openai custom model for devtron

Author: Amrit Kashyap Borah

src/Assets/IconV2/ic-openai.svg

@@ -23,6 +23,7 @@ export const DOCUMENTATION_VERSION = '/devtron/v0.7'
 export const DISCORD_LINK = 'https://discord.devtron.ai/'
 export const DEFAULT_JSON_SCHEMA_URI = 'https://json-schema.org/draft/2020-12/schema'
 export const LICENSE_DASHBOARD_HOME_PAGE = 'https://license.devtron.ai/dashboard'
+export const DEVTRON_GPT_LINK = 'https://chatgpt.com/g/g-6826efa4362c8191b23e7bfa0ac036db-devtron-expert'
 
 export const PATTERNS = {
     STRING: /^[a-zA-Z0-9_]+$/,

src/Assets/IconV2/ic-sparkle-ai-color.svg

@@ -4,7 +4,7 @@ import { SliderButton } from '@typeform/embed-react'
 
 import { DOCUMENTATION_HOME_PAGE, URLS } from '@Common/Constants'
 import { ComponentSizeType } from '@Shared/constants'
-import { useMainContext } from '@Shared/Providers'
+import { SidePanelTab, useMainContext } from '@Shared/Providers'
 import { InstallationType } from '@Shared/types'
 
 import { ActionMenu } from '../ActionMenu'
@@ -81,7 +81,7 @@ export const HelpButton = ({ serverInfo, fetchingServerInfo, onClick }: HelpButt
             e.preventDefault()
             setSidePanelConfig((prev) => ({
                 ...prev,
-                open: true,
+                state: SidePanelTab.DOCUMENTATION,
                 docLink: DOCUMENTATION_HOME_PAGE,
                 reinitialize: true,
             }))

src/Common/Constants.ts

@@ -22,7 +22,7 @@ import { ReactComponent as Close } from '@Icons/ic-close.svg'
 import { ReactComponent as ICMediumPaintBucket } from '@IconsV2/ic-medium-paintbucket.svg'
 import { InstallationType } from '@Shared/types'
 
-import { TippyCustomized, TippyTheme } from '../../../Common'
+import { TippyCustomized, TippyTheme, Tooltip } from '../../../Common'
 import { MAX_LOGIN_COUNT, POSTHOG_EVENT_ONBOARDING } from '../../../Common/Constants'
 import { SidePanelTab, useMainContext, useTheme, useUserEmail } from '../../Providers'
 import GettingStartedCard from '../GettingStartedCard/GettingStarted'
@@ -139,14 +139,16 @@ const PageHeader = ({
     const renderLogoutHelpSection = () => (
         <>
             {window._env_?.FEATURE_ASK_DEVTRON_EXPERT && sidePanelConfig.state === 'closed' && (
-                <button
-                    className="enable-svg-animation--hover flex dc__no-background p-2 dc__outline-none-imp dc__no-border"
-                    onClick={onAskButtonClick}
-                    type="button"
-                    aria-label="Ask Devtron Expert"
-                >
-                    <Icon name="ic-devtron-ai" color={null} size={28} />
-                </button>
+                <Tooltip content="Ask Devtron AI" placement="bottom" alwaysShowTippyOnHover delay={[500, null]}>
+                    <button
+                        className="enable-svg-animation--hover flex dc__no-background p-2 dc__outline-none-imp dc__no-border"
+                        onClick={onAskButtonClick}
+                        type="button"
+                        aria-label="Ask Devtron Expert"
+                    >
+                        <Icon name="ic-devtron-ai" color={null} size={28} />
+                    </button>
+                </Tooltip>
             )}
             <HelpButton
                 serverInfo={currentServerInfo.serverInfo}

src/Shared/Components/Header/HelpButton.tsx

@@ -14,7 +14,7 @@
  * limitations under the License.
  */
 
-import { DISCORD_LINK, DOCUMENTATION_HOME_PAGE, URLS } from '@Common/Constants'
+import { DEVTRON_GPT_LINK, DISCORD_LINK, DOCUMENTATION_HOME_PAGE, URLS } from '@Common/Constants'
 import { CONTACT_SUPPORT_LINK, OPEN_NEW_TICKET, RAISE_ISSUE, VIEW_ALL_TICKETS } from '@Shared/constants'
 
 import { HelpButtonActionMenuProps, HelpMenuItems } from './types'
@@ -38,6 +38,14 @@ export const COMMON_HELP_ACTION_MENU_ITEMS: HelpButtonActionMenuProps['options']
         componentType: 'anchor',
         href: DOCUMENTATION_HOME_PAGE,
     },
+    {
+        id: HelpMenuItems.DEVTRON_GPT,
+        label: 'Devtron GPT',
+        startIcon: { name: 'ic-openai' },
+        trailingItem: { type: 'icon', config: { name: 'ic-arrow-square-out' } },
+        componentType: 'anchor',
+        href: DEVTRON_GPT_LINK,
+    },
     {
         id: HelpMenuItems.JOIN_DISCORD_COMMUNITY,
         label: 'Join discord community',

src/Shared/Components/Header/PageHeader.tsx

@@ -68,6 +68,7 @@ export enum HelpMenuItems {
     GIVE_FEEDBACK = 'give-feedback',
     CHAT_WITH_SUPPORT = 'chat-with-support',
     RAISE_ISSUE_REQUEST = 'raise-issue-request',
+    DEVTRON_GPT = 'devtron-gpt',
 }
 
 export type HelpButtonActionMenuProps = ActionMenuProps<HelpMenuItems>

src/Shared/Components/Header/constants.ts

@@ -136,6 +136,7 @@ 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'
 import { ReactComponent as ICOpenInNew } from '@IconsV2/ic-open-in-new.svg'
+import { ReactComponent as ICOpenai } from '@IconsV2/ic-openai.svg'
 import { ReactComponent as ICOpenshift } from '@IconsV2/ic-openshift.svg'
 import { ReactComponent as ICOutOfSync } from '@IconsV2/ic-out-of-sync.svg'
 import { ReactComponent as ICPaperPlane } from '@IconsV2/ic-paper-plane.svg'
@@ -332,6 +333,7 @@ export const iconMap = {
     'ic-oidc': ICOidc,
     'ic-open-box': ICOpenBox,
     'ic-open-in-new': ICOpenInNew,
+    'ic-openai': ICOpenai,
     'ic-openshift': ICOpenshift,
     'ic-out-of-sync': ICOutOfSync,
     'ic-paper-plane-color': ICPaperPlaneColor,