(core) Implement AI Assistant UI V2

Summary:
Implements the latest design of the Formula AI Assistant.

Also switches out brace to the latest build of ace.

Test Plan: Browser tests.

Reviewers: jarek

Reviewed By: jarek

Subscribers: jarek

Differential Revision: https://phab.getgrist.com/D3949

app/common/themes/GristDark.ts

@@ -415,9 +415,6 @@ export const GristDark: ThemeColors = {
   'cell-bg': '#32323F',
   'cell-zebra-bg': '#262633',
 
-  /* Formula Editor */
-  'formula-editor-bg': '#282A36',
-
   /* Charts */
   'chart-fg': '#A4A4A4',
   'chart-bg': '#32323F',
@@ -451,7 +448,8 @@ export const GristDark: ThemeColors = {
   'tutorials-popup-header-fg': '#FFFFFF',
   'tutorials-popup-box-bg': '#57575F',
 
-  /* Ace Autocomplete */
+  /* Ace */
+  'ace-editor-bg': '#32323F',
   'ace-autocomplete-primary-fg': '#EFEFEF',
   'ace-autocomplete-secondary-fg': '#A4A4A4',
   'ace-autocomplete-highlighted-fg': '#FFFFFF',
@@ -490,4 +488,9 @@ export const GristDark: ThemeColors = {
   'login-page-bg': '#32323F',
   'login-page-backdrop': '#404150',
   'login-page-line': '#57575F',
+
+  /* Formula Assistant */
+  'formula-assistant-header-bg': '#262633',
+  'formula-assistant-border': '#69697D',
+  'formula-assistant-preformatted-text-bg': '#262633',
 };

app/common/themes/GristLight.ts

@@ -415,9 +415,6 @@ export const GristLight: ThemeColors = {
   'cell-bg': 'white',
   'cell-zebra-bg': '#F8F8F8',
 
-  /* Formula Editor */
-  'formula-editor-bg': 'white',
-
   /* Charts */
   'chart-fg': '#444',
   'chart-bg': '#fff',
@@ -451,7 +448,8 @@ export const GristLight: ThemeColors = {
   'tutorials-popup-header-fg': '#FFFFFF',
   'tutorials-popup-box-bg': '#F5F5F5',
 
-  /* Ace Autocomplete */
+  /* Ace */
+  'ace-editor-bg': 'white',
   'ace-autocomplete-primary-fg': '#444',
   'ace-autocomplete-secondary-fg': '#8F8F8F',
   'ace-autocomplete-highlighted-fg': '#000',
@@ -490,4 +488,9 @@ export const GristLight: ThemeColors = {
   'login-page-bg': 'white',
   'login-page-backdrop': '#F5F8FA',
   'login-page-line': '#F7F7F7',
+
+  /* Formula Assistant */
+  'formula-assistant-header-bg': '#F7F7F7',
+  'formula-assistant-border': '#D9D9D9',
+  'formula-assistant-preformatted-text-bg': '#F7F7F7',
 };