add math and translator

ui/components/EmptyChatMessageInput.tsx

@@ -11,8 +11,8 @@ const EmptyChatMessageInput = ({
   sendMessage,
   focusMode,
   setFocusMode,
-                                 copilotEnabled,
+  copilotEnabled,
-                                 setCopilotEnabled,
+  setCopilotEnabled,
   optimizationMode,
   setOptimizationMode,
   fileIds,

ui/components/MessageInputActions/Focus.tsx

@@ -1,5 +1,5 @@
 import {
-  BadgePercent,
+  BadgePercent, Calculator,
   ChevronDown,
   Globe,
   Pencil,
@@ -13,7 +13,7 @@ import {
   PopoverPanel,
   Transition,
 } from '@headlessui/react';
-import { SiReddit, SiYoutube } from '@icons-pack/react-simple-icons';
+import {SiGoogletranslate, SiReddit, SiYoutube} from '@icons-pack/react-simple-icons';
 import { Fragment } from 'react';
 
 const focusModes = [
@@ -29,6 +29,12 @@ const focusModes = [
     description: 'Search in published academic papers',
     icon: <SwatchBook size={20} />,
   },
+  {
+    key: 'wolframAlphaSearch',
+    title: 'Wolfram Alpha',
+    description: 'Computational knowledge engine',
+    icon: <BadgePercent size={20} />,
+  },
   {
     key: 'writingAssistant',
     title: 'Writing',
@@ -36,11 +42,24 @@ const focusModes = [
     icon: <Pencil size={16} />,
   },
   {
-    key: 'wolframAlphaSearch',
+    key: 'mathAssistant',
-    title: 'Wolfram Alpha',
+    title: 'Math',
-    description: 'Computational knowledge engine',
+    description: 'Chat without searching the web',
-    icon: <BadgePercent size={20} />,
+    icon: <Calculator size={25} />,
   },
+  {
+    key: 'translator',
+    title: 'Trasnlator',
+    description: 'Chat without searching the web',
+    icon: (
+      <SiGoogletranslate
+        className="h-5 w-auto mr-0.5"
+        onPointerEnterCapture={undefined}
+        onPointerLeaveCapture={undefined}
+      />
+    ),
+  },
+
   {
     key: 'youtubeSearch',
     title: 'Youtube',