Update Cody Web to 0.3.7 (#64296)

closes:
https://linear.app/sourcegraph/issue/SRCH-821/context-is-not-being-fetched-on-vs-code-even-though-its-being-fetched

![CleanShot 2024-08-06 at 16 13
05@2x](https://github.com/user-attachments/assets/e338865c-5949-4b18-8e2c-41afcc4abc1b)

This PR updates Cody Web to 0.3.7. The latest version introduces the
following changes:
- Removes the Cody history panel and rather uses the tabs. (As updated
in latest version on Cody Web)
- Removes the `experimental.noodle` flag set to true. 
- Fixes the issue where the query for `getCodyContext` contained mention
chips text and was different from VS Code.

## Test plan

- visit /cody/chat

## Changelog

Author: thenamankumar

client/web-sveltekit/package.json

@@ -80,7 +80,7 @@
     "@sentry/sveltekit": "^8.7.0",
     "@sourcegraph/branded": "workspace:*",
     "@sourcegraph/client-api": "workspace:*",
-    "@sourcegraph/cody-web": "^0.3.4",
+    "@sourcegraph/cody-web": "^0.3.7",
     "@sourcegraph/common": "workspace:*",
     "@sourcegraph/http-client": "workspace:*",
     "@sourcegraph/shared": "workspace:*",

client/web-sveltekit/src/lib/cody/CodySidebarChat.svelte

@@ -1,16 +1,16 @@
 <script context="module" lang="ts">
-    function getTelemetrySourceClient(): string {
-        if (window.context?.sourcegraphDotComMode) {
-            return 'dotcom.web'
-        }
-        return 'server.web'
-    }
+function getTelemetrySourceClient(): string {
+	if (window.context?.sourcegraphDotComMode) {
+		return "dotcom.web";
+	}
+	return "server.web";
+}
 </script>
 
 <script lang="ts">
     import { createElement } from 'react'
 
-    import { CodyWebChat, CodyWebChatProvider } from '@sourcegraph/cody-web'
+    import { CodyWebPanel, CodyWebPanelProvider } from '@sourcegraph/cody-web'
     import { createRoot, type Root } from 'react-dom/client'
     import { onDestroy } from 'svelte'
 
@@ -43,11 +43,11 @@
             root = createRoot(container)
         }
 
-        const chat = createElement(CodyWebChat)
+        const chat = createElement(CodyWebPanel)
         const hasFileRangeSelection = lineOrPosition?.line
 
         const provider = createElement(
-            CodyWebChatProvider,
+            CodyWebPanelProvider,
             {
                 accessToken: '',
                 chatID: $chatIDs[`${repository.id}-${filePath}`] ?? null,

client/web/BUILD.bazel

@@ -205,9 +205,7 @@ ts_project(
         "src/cody/chat/CodyPageIcon.tsx",
         "src/cody/chat/index.tsx",
         "src/cody/chat/new-chat/NewCodyChatPage.tsx",
-        "src/cody/chat/new-chat/components/chat-history-list/ChatHistoryList.tsx",
         "src/cody/chat/new-chat/components/chat-ui/ChatUi.tsx",
-        "src/cody/chat/new-chat/components/skeleton/Skeleton.tsx",
         "src/cody/chat/old-chat/CodyChatPage.tsx",
         "src/cody/codyProRoutes.tsx",
         "src/cody/codyRoutes.tsx",

client/web/src/cody/chat/new-chat/NewCodyChatPage.tsx

@@ -2,8 +2,8 @@ import type { FC } from 'react'
 
 import { Navigate } from 'react-router-dom'
 
-import { CodyWebHistory, CodyWebChatProvider } from '@sourcegraph/cody-web'
-import { ButtonLink, PageHeader, ProductStatusBadge, Text } from '@sourcegraph/wildcard'
+import { CodyWebPanelProvider } from '@sourcegraph/cody-web'
+import { ButtonLink, PageHeader, ProductStatusBadge } from '@sourcegraph/wildcard'
 
 import { Page } from '../../../components/Page'
 import { PageTitle } from '../../../components/PageTitle'
@@ -12,9 +12,7 @@ import { getTelemetrySourceClient } from '../../../telemetry'
 import { CodyProRoutes } from '../../codyProRoutes'
 import { CodyColorIcon } from '../CodyPageIcon'
 
-import { ChatHistoryList } from './components/chat-history-list/ChatHistoryList'
 import { ChatUi } from './components/chat-ui/ChatUi'
-import { Skeleton } from './components/skeleton/Skeleton'
 
 import styles from './NewCodyChatPage.module.scss'
 
@@ -32,38 +30,14 @@ export const NewCodyChatPage: FC<NewCodyChatPageProps> = props => {
             <CodyPageHeader isSourcegraphDotCom={isSourcegraphDotCom} className={styles.pageHeader} />
 
             <div className={styles.chatContainer}>
-                <CodyWebChatProvider
+                <CodyWebPanelProvider
                     accessToken=""
                     serverEndpoint={window.location.origin}
                     customHeaders={window.context.xhrHeaders}
                     telemetryClientName={getTelemetrySourceClient()}
                 >
-                    <CodyWebHistory>
-                        {history => (
-                            <div className={styles.chatHistory}>
-                                {history.loading && (
-                                    <>
-                                        <Skeleton />
-                                        <Skeleton />
-                                        <Skeleton />
-                                    </>
-                                )}
-                                {history.error && <Text>Error: {history.error.message}</Text>}
-
-                                {!history.loading && !history.error && (
-                                    <ChatHistoryList
-                                        chats={history.chats}
-                                        isSelectedChat={history.isSelectedChat}
-                                        onChatSelect={history.selectChat}
-                                        onChatDelete={history.deleteChat}
-                                        onChatCreate={history.createNewChat}
-                                    />
-                                )}
-                            </div>
-                        )}
-                    </CodyWebHistory>
                     <ChatUi className={styles.chat} />
-                </CodyWebChatProvider>
+                </CodyWebPanelProvider>
             </div>
         </Page>
     )

client/web/src/cody/chat/new-chat/components/chat-history-list/ChatHistoryList.module.scss

@@ -2,12 +2,12 @@ import type { FC } from 'react'
 
 import classnames from 'classnames'
 
-import { CodyWebChat } from '@sourcegraph/cody-web'
+import { CodyWebPanel } from '@sourcegraph/cody-web'
 
 import '@sourcegraph/cody-web/dist/style.css'
 
 import styles from './ChatUI.module.scss'
 
 export const ChatUi: FC<{ className?: string }> = props => (
-    <CodyWebChat className={classnames(styles.chat, props.className)} />
+    <CodyWebPanel className={classnames(styles.chat, props.className)} />
 )