Merge pull request #913 from devtron-labs/feat/demo-chatbot

feat: chatbot changes

Author: asika-gadgeon

package-lock.json

@@ -1,6 +1,6 @@
 {
     "name": "@devtron-labs/devtron-fe-common-lib",
-    "version": "1.20.3-pre-6",
+    "version": "1.20.4-pre-1",
     "description": "Supporting common component library",
     "type": "module",
     "main": "dist/index.js",

package.json

@@ -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 `

src/Assets/IconV2/ic-new-chat.svg

@@ -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;
+    }
 }

src/Common/Markdown/MarkDown.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'
@@ -198,6 +185,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'
@@ -335,7 +323,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,
@@ -465,6 +452,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,
@@ -542,18 +530,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