Data analysis llm page

package.json

@@ -38,8 +38,11 @@
     "react-dom": "^18.3.1",
     "react-hook-form": "^7.52.2",
     "react-joyride": "^2.8.1",
+    "react-markdown": "^9.0.1",
+    "react-papaparse": "^4.4.0",
     "react-resizable": "^3.0.5",
     "reactflow": "^11.11.4",
+    "remark-gfm": "^4.0.0",
     "superset-ui": "^0.0.0-1",
     "swr": "^2.2.4",
     "typescript": "5.5.4",

src/assets/icons/aianalysis.tsx

@@ -0,0 +1,62 @@
+import * as React from 'react';
+const AiAnalysis = (props: any) => (
+  <svg
+    width="26"
+    height="20"
+    viewBox="0 0 26 20"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      d="M10.0598 17.9178H3.66699C2.56242 17.9178 1.66699 17.0224 1.66699 15.9178V3.75C1.66699 2.64543 2.56242 1.75 3.66699 1.75H12.9556C14.0602 1.75 14.9556 2.64543 14.9556 3.75V9.10913"
+      stroke={props.fill || '#2C3E57'}
+      strokeWidth="1.5"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      fill="white"
+    />
+    <path
+      d="M4.10352 4.85156H12.2981"
+      stroke={props.fill || '#2C3E57'}
+      strokeWidth="1.5"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      fill={props.fill || '#7D8998'}
+    />
+    <path
+      d="M4.1037 8.17383H12.2983"
+      stroke={props.fill || '#2C3E57'}
+      strokeWidth="1.5"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      fill={props.fill || '#7D8998'}
+    />
+    <path
+      d="M4.10254 11.4941H7.42469"
+      stroke={props.fill || '#2C3E57'}
+      strokeWidth="1.5"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      fill={props.fill || '#7D8998'}
+    />
+    <path
+      d="M4.1037 14.5957H7.42585"
+      stroke={props.fill || '#2C3E57'}
+      strokeWidth="1.5"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      fill={props.fill || '#7D8998'}
+    />
+    <path
+      d="M16.0002 19.5H16.0344C18.2555 19.5 19.9654 19.5 21.2586 19.3563C22.5547 19.2123 23.5424 18.915 24.2288 18.2286C24.9152 17.5421 25.2125 16.5545 25.3566 15.2583C25.5003 13.9651 25.5002 12.2553 25.5002 10.0341V10V9.96586C25.5002 7.74471 25.5003 6.03487 25.3566 4.74166C25.2125 3.44552 24.9152 2.45786 24.2288 1.77145C23.5424 1.08503 22.5547 0.787699 21.2586 0.643683C19.9654 0.499993 18.2555 0.499996 16.0344 0.5H16.0002H15.9661C13.745 0.499996 12.0351 0.499993 10.7419 0.643683C9.44577 0.787699 8.4581 1.08503 7.77169 1.77145C7.08528 2.45786 6.78794 3.44552 6.64393 4.74166C6.50024 6.03487 6.50024 7.74471 6.50024 9.96587V10V10.0341C6.50024 12.2553 6.50024 13.9651 6.64393 15.2583C6.78794 16.5545 7.08528 17.5421 7.77169 18.2286C8.4581 18.915 9.44577 19.2123 10.7419 19.3563C12.0351 19.5 13.745 19.5 15.9661 19.5H16.0002Z"
+      fill={props.fill || '#2C3E57'}
+      stroke="#F4F4F4"
+    />
+    <path
+      d="M12.5842 14H11.4322C11.2882 14 11.2402 13.916 11.2882 13.748L13.1842 6.536C13.2402 6.368 13.3602 6.284 13.5442 6.284H15.1402C15.3402 6.284 15.4602 6.368 15.5002 6.536L17.3962 13.748C17.4442 13.916 17.3962 14 17.2522 14H16.1002C16.0122 14 15.9522 13.984 15.9202 13.952C15.8882 13.912 15.8642 13.844 15.8482 13.748L15.5122 12.428H13.1722L12.8362 13.748C12.8202 13.844 12.7922 13.912 12.7522 13.952C12.7202 13.984 12.6642 14 12.5842 14ZM14.3242 7.736L13.4602 11.204H15.2362L14.3722 7.736H14.3242ZM20.0439 6.536V13.748C20.0439 13.916 19.9599 14 19.7919 14H18.7719C18.6039 14 18.5199 13.916 18.5199 13.748V6.536C18.5199 6.368 18.6039 6.284 18.7719 6.284H19.7919C19.9599 6.284 20.0439 6.368 20.0439 6.536Z"
+      fill="white"
+    />
+  </svg>
+);
+export default AiAnalysis;

src/components/Connections/SchemaChangeDetailsForm.tsx

@@ -79,8 +79,9 @@ const SchemaChangeDetailsForm = ({
   const checkProgress = async function (
     taskId: string
   ): Promise<[boolean, any]> {
+
     try {
-      const message = await httpGet(session, `tasks/stp/${taskId}`);
+      const message = await httpGet(session, `tasks/stp/${taskId}`)
       await delay(3000);
       // setProgressMessages(message['progress']);
       const lastMessage = message['progress'][message['progress'].length - 1];

src/components/DataAnalysis/Disclaimer.tsx

@@ -0,0 +1,87 @@
+import { httpPut } from '@/helpers/http';
+import {
+  Box,
+  Button,
+  Dialog,
+  DialogActions,
+  DialogTitle,
+  Typography,
+} from '@mui/material';
+import { useSession } from 'next-auth/react';
+
+type Org = {
+  name: string;
+  slug: string;
+  airbyte_workspace_id: string;
+  viz_url: string | null;
+  viz_login_type: string | null;
+  is_demo: boolean;
+};
+
+export const Disclaimer = ({
+  open,
+  setIsOpen,
+}: {
+  open: boolean;
+  setIsOpen: any;
+}) => {
+  const { data: session } = useSession();
+  const handleOkayButton = async () => {
+    try {
+      const response = await httpPut(session, 'v1/organizations/user_self', {
+        toupdate_email: session?.user?.email,
+        llm_optin: true,
+      });
+      if (response && response.email) {
+        setIsOpen(false);
+      }
+    } catch (error) {
+      console.log(error, 'error');
+      return;
+    }
+  };
+
+  return (
+    <Dialog
+      open={open}
+      PaperProps={{
+        sx: { borderRadius: '8px', padding: ' 2.3rem 3rem', width: '480px' },
+      }}
+    >
+      <DialogTitle variant="h5" fontWeight={700} sx={{ padding: '0' }}>
+        <Box display="flex" alignItems="center">
+          <Box flexGrow={1}>Disclaimer</Box>
+        </Box>
+      </DialogTitle>
+      <DialogTitle flexGrow={1} sx={{ padding: '0', mt: '1.5rem' }}>
+        {' '}
+        <Typography sx={{ lineHeight: '26px' }}>
+          This content has been generated by an artificial intelligence language
+          model, and it is provided as-is without any warranties or guarantees
+          of accuracy. While we strive to deliver accurate and reliable content,
+          please note that the information provided may not be entirely
+          error-free or up-to-date. Any actions taken based on this content are
+          at your own risk. We recommend seeking qualified expertise or
+          conducting further research to validate and supplement the information
+          provided. We disclaim any liability for damages or losses resulting
+          from the use or reliance on this content.
+        </Typography>
+      </DialogTitle>
+      <DialogActions
+        sx={{
+          mt: '2.3rem',
+          justifyContent: 'flex-start',
+          p: 0,
+        }}
+      >
+        <Button
+          onClick={handleOkayButton}
+          variant="contained"
+          sx={{ width: '5rem' }}
+        >
+          Okay
+        </Button>
+      </DialogActions>
+    </Dialog>
+  );
+};