Archives/gristlabs_grist-core
1
0
Fork 0
mirror of https://github.com/gristlabs/grist-core.git synced 2026-03-02 04:09:24 +00:00
Code Issues Projects Releases Wiki Activity

(core) Implement AI Assistant UI V2

Browse Source 
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
This commit is contained in:
George Gevoian
2023-07-13 10:00:56 -04:00
parent 8581492912
commit ea8a59c5e9
23 changed files with 983 additions and 641 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
app/common/ThemePrefs-ti.ts
View File

@@ -333,7 +333,6 @@ export const ThemeColors = t.iface([], {
"cell-fg": "string",
"cell-bg": "string",
"cell-zebra-bg": "string",
"formula-editor-bg": "string",
"chart-fg": "string",
"chart-bg": "string",
"chart-legend-bg": "string",
@@ -359,6 +358,7 @@ export const ThemeColors = t.iface([], {
"tutorials-popup-border": "string",
"tutorials-popup-header-fg": "string",
"tutorials-popup-box-bg": "string",
"ace-editor-bg": "string",
"ace-autocomplete-primary-fg": "string",
"ace-autocomplete-secondary-fg": "string",
"ace-autocomplete-highlighted-fg": "string",
@@ -391,6 +391,9 @@ export const ThemeColors = t.iface([], {
"login-page-bg": "string",
"login-page-backdrop": "string",
"login-page-line": "string",
"formula-assistant-header-bg": "string",
"formula-assistant-border": "string",
"formula-assistant-preformatted-text-bg": "string",
});
const exportedTypeSuite: t.ITypeSuite = {

11
app/common/ThemePrefs.ts
View File

@@ -436,9 +436,6 @@ export interface ThemeColors {
'cell-bg': string;
'cell-zebra-bg': string;
/* Formula Editor */
'formula-editor-bg': string;
/* Charts */
'chart-fg': string;
'chart-bg': string;
@@ -472,7 +469,8 @@ export interface ThemeColors {
'tutorials-popup-header-fg': string;
'tutorials-popup-box-bg': string;
/* Ace Autocomplete */
/* Ace */
'ace-editor-bg': string;
'ace-autocomplete-primary-fg': string;
'ace-autocomplete-secondary-fg': string;
'ace-autocomplete-highlighted-fg': string;
@@ -511,6 +509,11 @@ export interface ThemeColors {
'login-page-bg': string;
'login-page-backdrop': string;
'login-page-line': string;
/* Formula Assistant */
'formula-assistant-header-bg': string;
'formula-assistant-border': string;
'formula-assistant-preformatted-text-bg': string;
}
export const ThemePrefsChecker = createCheckers(ThemePrefsTI).ThemePrefs as CheckerT<ThemePrefs>;

11
app/common/themes/GristDark.ts
View File

@@ -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',
};

11
app/common/themes/GristLight.ts
View File

@@ -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',
};