Feat/integ http (#8)

* wip:integration HttpService

* refactor:comp MessageAIand onSubmit handler

* feat: add loader on init

* feat: add mock chat messages

* feat:add lazy loading

* feat:add related-questions block

* feat: integ appflowy editor

* fix: mock stream data text

* fix: add clearing generating body value

* fix:disabled appflowy editor

* fix: add EditorProvider for every Editor

* feat: add editor markdown render

eslint.config.js

@@ -1,8 +1,8 @@
-import js from '@eslint/js'
-import globals from 'globals'
-import reactHooks from 'eslint-plugin-react-hooks'
-import reactRefresh from 'eslint-plugin-react-refresh'
-import tseslint from 'typescript-eslint'
+import js from '@eslint/js';
+import globals from 'globals';
+import reactHooks from 'eslint-plugin-react-hooks';
+import reactRefresh from 'eslint-plugin-react-refresh';
+import tseslint from 'typescript-eslint';
 
 export default tseslint.config(
   { ignores: ['dist'] },
@@ -24,5 +24,5 @@ export default tseslint.config(
         { allowConstantExport: true },
       ],
     },
-  },
-)
+  }
+);

lib/components/action-bar-ai/index.tsx

@@ -1,22 +1,22 @@
-import { ActionBarAIButtonData } from "@appflowy-chat/utils/actionBarAIButtons";
-import ButtonBarAI from "../button-bar-ai";
-import { FC } from "react";
-import clsx from "clsx";
-import ButtonBarAIPopover from "../button-bar-ai-popover";
-import { AIModelName, ChatMessageAI } from "@appflowy-chat/types";
+import { ActionBarAIButtonData } from '@appflowy-chat/utils/actionBarAIButtons';
+import ButtonBarAI from '../button-bar-ai';
+import { FC } from 'react';
+import clsx from 'clsx';
+import ButtonBarAIPopover from '../button-bar-ai-popover';
+import { AIModelName } from '@appflowy-chat/types';
+import { ChatMessage } from '@appflowy-chat/types/ai';
 
 interface IProp {
   rootClasses?: string;
   buttons: ActionBarAIButtonData[];
-  message: ChatMessageAI;
+  message: ChatMessage;
   onAIModelChange?: (option: AIModelName) => void;
   onPopoverStateChange: (value: boolean) => void;
 }
 
 const ActionBarAI: FC<IProp> = ({
   rootClasses,
   buttons,
-  message,
   onAIModelChange,
   onPopoverStateChange,
 }) => {
@@ -27,17 +27,10 @@ const ActionBarAI: FC<IProp> = ({
   }
 
   return (
-    <div className={clsx([rootClasses, "flex gap-2"])}>
+    <div className={clsx([rootClasses, 'flex gap-2'])}>
       {buttons.map((btn) => {
-        if (btn.type === "btn-popover") {
-          let activeOption = "";
-
-          if (btn.name == "switch-model") {
-            activeOption = message.aiModel;
-          } else if (btn.name === "change-format") {
-            activeOption = message.formatType;
-          }
-
+        if (btn.type === 'btn-popover') {
+          const activeOption = '';
           return (
             <ButtonBarAIPopover
               icon={btn.icon}