removed plotly

frontend/package.json

@@ -21,11 +21,9 @@
     "dompurify": "^3.0.8",
     "lodash": "^4.17.21",
     "lodash-es": "^4.17.21",
-    "plotly.js": "^2.32.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-markdown": "^7.0.1",
-    "react-plotly.js": "^2.6.0",
     "react-router-dom": "^6.8.1",
     "react-syntax-highlighter": "^15.5.0",
     "react-uuid": "^2.0.0",
@@ -44,7 +42,6 @@
     "@types/node": "^20.12.7",
     "@types/react": "^18.0.27",
     "@types/react-dom": "^18.0.10",
-    "@types/react-plotly.js": "^2.6.3",
     "@types/react-syntax-highlighter": "^15.5.11",
     "@typescript-eslint/eslint-plugin": "^6.21.0",
     "@typescript-eslint/parser": "^6.21.0",
@@ -70,4 +67,4 @@
     "typescript": "^4.9.5",
     "vite": "^4.1.5"
   }
-}
+}

frontend/src/api/models.ts

@@ -1,5 +1,3 @@
-import Plotly from 'react-plotly.js'
-
 export type AskResponse = {
   answer: string
   citations: Citation[]
@@ -27,17 +25,12 @@ export type ToolMessageContent = {
   intent: string
 }
 
-export type AzureSqlServerCodeExecResult = {
-  data: Plotly.Data[]
-  layout: Partial<Plotly.Layout>
-}
-
 export type AzureSqlServerExecResult = {
   intent: string
   search_query: string | null
   search_result: string | null
   code_generated: string | null
-  code_exec_result?: AzureSqlServerCodeExecResult | undefined
+  code_exec_result?: string | undefined
 }
 
 export type AzureSqlServerExecResults = {

frontend/src/components/Answer/Answer.tsx

@@ -8,7 +8,6 @@ import { ThumbDislike20Filled, ThumbLike20Filled } from '@fluentui/react-icons'
 import DOMPurify from 'dompurify'
 import remarkGfm from 'remark-gfm'
 import supersub from 'remark-supersub'
-import Plot from 'react-plotly.js'
 import { AskResponse, Citation, Feedback, historyMessageFeedback } from '../../api'
 import { XSSAllowTags, XSSAllowAttributes } from '../../constants/sanatizeAllowables'
 import { AppStateContext } from '../../state/AppProvider'

frontend/src/components/Answer/AnswerParser.test.ts

@@ -43,7 +43,7 @@ const sampleCitations: Citation[] = [
 const sampleAnswer: AskResponse = {
   answer: 'This is an example answer with citations [doc1] and [doc2].',
   citations: cloneDeep(sampleCitations),
-  plotly_data: null
+  generated_chart: null
 }
 
 describe('enumerateCitations', () => {

frontend/src/components/Answer/AnswerParser.tsx

@@ -1,6 +1,6 @@
 import { cloneDeep } from 'lodash'
 
-import { AskResponse, Citation, AzureSqlServerCodeExecResult } from '../../api'
+import { AskResponse, Citation } from '../../api'
 
 export type ParsedAnswer = {
   citations: Citation[]

frontend/src/pages/chat/Chat.tsx

@@ -709,9 +709,7 @@ const Chat = () => {
       try {
         const execResults = JSON.parse(message.content) as AzureSqlServerExecResults;
         const codeExecResult = execResults.all_exec_results.at(-1)?.code_exec_result;
-        console.log('execResults :', execResults);
-        console.log("codeExecResult: ", codeExecResult && atob(codeExecResult.toString()))
-        // codeExecResult && setChart(atob(codeExecResult.toString()))
+
         if (codeExecResult === undefined) {
           return null;
         }