chore(compass-assistant): bump lg-chat packages, prettier and apply patches (#7246)

Updates the current lg-chat packages and adds some new style patches that we are going to upstream to Leafygreen to fix both large heading and list issues. This also includes a prettier bump.

Author: gagik

package-lock.json

@@ -20,7 +20,7 @@ import type { RootState } from '../../../../modules';
 import type { WizardComponentProps } from '..';
 import { FieldCombobox } from '../field-combobox';
 
-type Accumulator = typeof ACCUMULATORS[number];
+type Accumulator = (typeof ACCUMULATORS)[number];
 
 const ACCUMULATOR_LABELS = {
   $avg: 'Average',

packages/compass-aggregations/src/components/aggregation-side-panel/stage-wizard-use-cases/group/group-with-statistics.tsx

@@ -21,7 +21,7 @@ import type { RootState } from '../../../../modules';
 import type { WizardComponentProps } from '..';
 import { FieldCombobox } from '../field-combobox';
 
-type Accumulator = typeof ACCUMULATORS[number];
+type Accumulator = (typeof ACCUMULATORS)[number];
 
 const SUBSET_ACCUMULATORS = {
   $first: {
@@ -54,7 +54,7 @@ const N_OPERATORS = Object.values(SUBSET_ACCUMULATORS).map(
   (acc) => acc.nOperator
 );
 
-function isGroupNOperator(k: string): k is typeof N_OPERATORS[number] {
+function isGroupNOperator(k: string): k is (typeof N_OPERATORS)[number] {
   return N_OPERATORS.includes(k as any);
 }
 

packages/compass-aggregations/src/components/aggregation-side-panel/stage-wizard-use-cases/group/group-with-subset.tsx

@@ -103,7 +103,7 @@ const MATCH_OPERATOR_LABELS = [
   },
 ] as const;
 
-export type MatchOperator = typeof MATCH_OPERATOR_LABELS[number]['operator'];
+export type MatchOperator = (typeof MATCH_OPERATOR_LABELS)[number]['operator'];
 
 // Components - Condition
 const conditionContainerStyles = css({

packages/compass-aggregations/src/components/aggregation-side-panel/stage-wizard-use-cases/match/match-condition-form.tsx

@@ -16,7 +16,7 @@ import {
 import type { WizardComponentProps } from '..';
 import { FieldCombobox } from '../field-combobox';
 
-type SortDirection = typeof SORT_DIRECTION_OPTIONS[number]['value'];
+type SortDirection = (typeof SORT_DIRECTION_OPTIONS)[number]['value'];
 type SortFieldState = {
   id: number;
   field: string;

packages/compass-aggregations/src/components/aggregation-side-panel/stage-wizard-use-cases/sort/sort.tsx

@@ -28,7 +28,7 @@ export const SORT_DIRECTION_OPTIONS = [
   },
 ] as const;
 
-export type SortDirection = typeof SORT_DIRECTION_OPTIONS[number]['value'];
+export type SortDirection = (typeof SORT_DIRECTION_OPTIONS)[number]['value'];
 
 export const mapSortDataToStageValue = (
   data: {

packages/compass-aggregations/src/components/aggregation-side-panel/stage-wizard-use-cases/utils.ts

@@ -1,6 +1,6 @@
 import { ON_PREM, type ENVS } from '@mongodb-js/mongodb-constants';
 
-export type ServerEnvironment = typeof ENVS[number];
+export type ServerEnvironment = (typeof ENVS)[number];
 
 export const INITIAL_STATE: ServerEnvironment = ON_PREM;
 

packages/compass-aggregations/src/modules/env.ts

@@ -52,7 +52,7 @@ export type ConfigureStoreOptions = CollectionTabPluginMetadata &
      * Current connection env type. Affects available stages. Accepted values:
      * "atlas" | "on-prem" | "adl"
      */
-    env: typeof ENVS[number] | null;
+    env: (typeof ENVS)[number] | null;
     /**
      * Namespace field values that will be used in autocomplete
      */
@@ -148,7 +148,7 @@ export function activateAggregationsPlugin(
         // mms specifies options.env whereas we don't currently get this variable when
         // we use the aggregations plugin inside compass. In that use case we get it
         // from the instance model above.
-        options.env ?? (instance.env as typeof ENVS[number]),
+        options.env ?? (instance.env as (typeof ENVS)[number]),
       // options.outResultsFn is only used by mms
       outResultsFn: options.outResultsFn,
       pipelineBuilder: {

packages/compass-aggregations/src/stores/store.ts

@@ -11,7 +11,7 @@ export const MongoDBInstancesManagerEvents = {
 } as const;
 
 type MongoDBInstancesManagerEvent =
-  typeof MongoDBInstancesManagerEvents[keyof typeof MongoDBInstancesManagerEvents];
+  (typeof MongoDBInstancesManagerEvents)[keyof typeof MongoDBInstancesManagerEvents];
 
 export type MongoDBInstancesManagerEventListeners = {
   [MongoDBInstancesManagerEvents.InstanceCreated]: (

packages/compass-app-stores/src/instances-manager.ts

@@ -99,8 +99,7 @@ describe('AssistantChat', function () {
     expect(sendButton.disabled).to.be.false;
   });
 
-  // Not currently supported by the LeafyGreen Input Bar
-  it.skip('send button is disabled for whitespace-only input', async function () {
+  it('send button is disabled for whitespace-only input', async function () {
     renderWithChat([]);
 
     const inputField = screen.getByPlaceholderText(