Include the users item widget to the collaborative chat toolbar

Author: brichet

packages/jupyterlab-chat-extension/package.json

@@ -48,6 +48,7 @@
   },
   "dependencies": {
     "@jupyter-notebook/application": "^7.2.0",
+    "@jupyter/collaboration": "^3.1.1",
     "@jupyter/collaborative-drive": "^3.0.0",
     "@jupyter/ydoc": "^2.0.0 || ^3.0.0",
     "@jupyterlab/application": "^4.2.0",

packages/jupyterlab-chat-extension/schema/chat-panel.json

@@ -11,7 +11,9 @@
       {
         "name": "markAsRead",
         "command": "jupyterlab-chat:markAsRead"
-      }
+      },
+      { "name": "spacer", "type": "spacer", "rank": 100 },
+      { "name": "usersItem", "rank": 150 }
     ]
   },
   "properties": {},

packages/jupyterlab-chat-extension/src/index.ts

@@ -20,6 +20,7 @@ import {
   chatIcon,
   readIcon
 } from '@jupyter/chat';
+import { UsersItem } from '@jupyter/collaboration';
 import {
   ICollaborativeDrive,
   SharedDocumentFactory
@@ -240,6 +241,11 @@ const docFactories: JupyterFrontEndPlugin<IChatFactory> = {
           pluginIds.docFactories,
           translator
         );
+        toolbarRegistry.addFactory<CollaborativeChatPanel>(
+          FACTORY,
+          'usersItem',
+          panel => UsersItem.createWidget({ model: panel.model })
+        );
       }
 
       // Wait for the application to be restored and

packages/jupyterlab-chat-extension/style/base.css

@@ -10,3 +10,4 @@
 */
 
 @import url('~jupyterlab-chat/style/index.css');
+@import url('@jupyter/collaboration/style/index.css');