WIP: Add style option to configure default group open state

Author: OEvgeny

packages/api/src/StyleOptions.ts

@@ -966,6 +966,13 @@ type StyleOptions = {
    */
   speechRecognitionContinuous?: boolean | undefined;
 
+  /**
+   * Whether collapsible activity groupings ("part" groups) are open by default.
+   *
+   * @default true
+   */
+  collapsibleGroupingDefaultOpen?: boolean | undefined;
+
   /**
    * Defines how activities are being grouped by (in the order of appearance in the array). Default to `['sender', 'status', 'part']` or `sender,status` in CSS.
    *

packages/api/src/defaultStyleOptions.ts

@@ -313,6 +313,7 @@ const DEFAULT_OPTIONS: Required<StyleOptions> = {
   // Speech recognition
   speechRecognitionContinuous: false,
 
+  collapsibleGroupingDefaultOpen: true,
   groupActivitiesBy: ['sender', 'status', 'part'],
 
   // Send box attachment bar

packages/component/src/Middleware/ActivityGrouping/ui/PartGrouping/private/PartGroupingActivity.tsx

@@ -143,7 +143,8 @@ function PartGroupingActivity(props: PartGroupingActivityProps) {
 
   const classNames = useStyles(styles);
   const getKeyByActivity = useGetKeyByActivity();
-  const [isGroupOpen, setIsGroupOpen] = useState(true);
+  const [{ collapsibleGroupingDefaultOpen }] = useStyleOptions();
+  const [isGroupOpen, setIsGroupOpen] = useState(collapsibleGroupingDefaultOpen);
 
   const messages = useMemo(
     () => activities.map(activity => getOrgSchemaMessage(activity.entities)).filter(message => !!message),

packages/fluent-theme/src/private/FluentThemeProvider.tsx

@@ -104,10 +104,11 @@ function FluentThemeProvider(props: FluentThemeProviderProps) {
   const fluentStyleOptions = useMemo(
     () =>
       Object.freeze({
+        ...(variant === 'copilot' && { collapsibleGroupingDefaultOpen: false }),
         feedbackActionsPlacement: 'activity-actions',
         stylesRoot
       }),
-    [stylesRoot]
+    [stylesRoot, variant]
   );
 
   return (