Add a widget with the chat (in addition of the side panel widget)

src/index.ts

@@ -3,3 +3,4 @@ export * from './model';
 export * from './services';
 export * from './widgets/chat-error';
 export * from './widgets/chat-sidebar';
+export * from './widgets/chat-widget';

src/widgets/chat-widget.tsx

@@ -0,0 +1,43 @@
+import { IThemeManager, ReactWidget } from '@jupyterlab/apputils';
+import { IRenderMimeRegistry } from '@jupyterlab/rendermime';
+import React from 'react';
+
+import { Chat } from '../components/chat';
+import { chatIcon } from '../icons';
+import { IChatModel } from '../model';
+
+export class ChatWidget extends ReactWidget {
+  constructor(options: ChatWidget.IOptions) {
+    super();
+
+    this.id = 'jupyter-chat::widget';
+    this.title.icon = chatIcon;
+    this.title.caption = 'Jupyter Chat'; // TODO: i18n
+
+    this._chatModel = options.chatModel;
+    this._themeManager = options.themeManager;
+    this._rmRegistry = options.rmRegistry;
+  }
+
+  render() {
+    return (
+      <Chat
+        chatModel={this._chatModel}
+        themeManager={this._themeManager}
+        rmRegistry={this._rmRegistry}
+      />
+    );
+  }
+
+  private _chatModel: IChatModel;
+  private _themeManager: IThemeManager | null;
+  private _rmRegistry: IRenderMimeRegistry;
+}
+
+export namespace ChatWidget {
+  export interface IOptions {
+    chatModel: IChatModel;
+    themeManager: IThemeManager | null;
+    rmRegistry: IRenderMimeRegistry;
+  }
+}