@notebook-intelligence/notebook-intelligence 2.4.2 → 2.5.0

package/src/index.ts

@@ -9,7 +9,7 @@ import {
 import { IDocumentManager } from '@jupyterlab/docmanager';
 import { DocumentWidget, IDocumentWidget } from '@jupyterlab/docregistry';
 
-import { Dialog, ICommandPalette } from '@jupyterlab/apputils';
+import { Dialog, ICommandPalette, MainAreaWidget } from '@jupyterlab/apputils';
 import { IMainMenu } from '@jupyterlab/mainmenu';
 
 import { IEditorLanguageRegistry } from '@jupyterlab/codemirror';
@@ -44,7 +44,6 @@ import { IStatusBar } from '@jupyterlab/statusbar';
 
 import {
   ChatSidebar,
-  ConfigurationDialogBody,
   GitHubCopilotLoginDialogBody,
   GitHubCopilotStatusBarItem,
   InlinePromptWidget,
@@ -81,6 +80,7 @@ import {
 import { UUID } from '@lumino/coreutils';
 
 import * as path from 'path';
+import { SettingsPanel } from './components/settings-panel';
 
 namespace CommandIDs {
   export const chatuserInput = 'notebook-intelligence:chat-user-input';
@@ -1229,31 +1229,36 @@ const plugin: JupyterFrontEndPlugin<INotebookIntelligence> = {
       }
     });
 
+    const createNewSettingsWidget = () => {
+      const settingsPanel = new SettingsPanel({
+        onSave: () => {
+          NBIAPI.fetchCapabilities();
+        },
+        onEditMCPConfigClicked: () => {
+          app.commands.execute('notebook-intelligence:open-mcp-config-editor');
+        }
+      });
+
+      const widget = new MainAreaWidget({ content: settingsPanel });
+      widget.id = 'nbi-settings';
+      widget.title.label = 'NBI Settings';
+      widget.title.closable = true;
+
+      return widget;
+    };
+
+    let settingsWidget = createNewSettingsWidget();
+
     app.commands.addCommand(CommandIDs.openConfigurationDialog, {
       label: 'Notebook Intelligence Settings',
       execute: args => {
-        let dialog: Dialog<unknown> | null = null;
-        const dialogBody = new ConfigurationDialogBody({
-          onSave: () => {
-            dialog?.dispose();
-            NBIAPI.fetchCapabilities();
-          },
-          onEditMCPConfigClicked: () => {
-            dialog?.dispose();
-            app.commands.execute(
-              'notebook-intelligence:open-mcp-config-editor'
-            );
-          }
-        });
-        dialog = new Dialog({
-          title: 'Notebook Intelligence Settings',
-          hasClose: true,
-          body: dialogBody,
-          buttons: []
-        });
-        dialog.node.classList.add('config-dialog-container');
-
-        dialog.launch();
+        if (settingsWidget.isDisposed) {
+          settingsWidget = createNewSettingsWidget();
+        }
+        if (!settingsWidget.isAttached) {
+          app.shell.add(settingsWidget, 'main');
+        }
+        app.shell.activateById(settingsWidget.id);
       }
     });
 

package/src/tokens.ts

@@ -32,7 +32,8 @@ export enum BackendMessageType {
   StreamMessage = 'stream-message',
   StreamEnd = 'stream-end',
   RunUICommand = 'run-ui-command',
-  GitHubCopilotLoginStatusChange = 'github-copilot-login-status-change'
+  GitHubCopilotLoginStatusChange = 'github-copilot-login-status-change',
+  MCPServerStatusChange = 'mcp-server-status-change'
 }
 
 export enum ResponseStreamDataType {
@@ -52,6 +53,16 @@ export enum ContextType {
   CurrentFile = 'current-file'
 }
 
+export enum MCPServerStatus {
+  NotConnected = 'not-connected',
+  Connecting = 'connecting',
+  Disconnecting = 'disconnecting',
+  FailedToConnect = 'failed-to-connect',
+  Connected = 'connected',
+  UpdatingToolList = 'updating-tool-list',
+  UpdatedToolList = 'updated-tool-list'
+}
+
 export interface IContextItem {
   type: ContextType;
   content: string;

package/style/base.css

@@ -355,7 +355,7 @@ pre:has(.code-block-header) {
   border: 1px solid var(--jp-border-color1);
   flex-direction: column;
   position: absolute;
-  bottom: 98px;
+  bottom: 80px;
   left: 4px;
   gap: 2px;
   /* stylelint-disable */
@@ -602,7 +602,6 @@ body[data-jp-theme-light='false'] .inline-popover {
   display: flex;
   flex-direction: column;
   overflow-y: auto;
-  padding: 10px 0;
   gap: 15px;
 }
 
@@ -829,3 +828,79 @@ svg.access-token-warning {
   text-overflow: ellipsis;
   white-space: nowrap;
 }
+
+.nbi-settings-panel {
+  display: flex;
+  height: 100%;
+}
+
+.nbi-settings-panel-tabs {
+  display: flex;
+  flex-direction: column;
+  gap: 10px;
+  padding: 10px;
+  width: 150px;
+  background-color: var(--jp-layout-color2);
+}
+
+.nbi-settings-panel-tab {
+  cursor: pointer;
+  padding: 10px;
+  border-radius: 4px;
+}
+
+.nbi-settings-panel-tab:hover {
+  background-color: var(--jp-layout-color1);
+}
+
+.nbi-settings-panel-tab.active {
+  background-color: var(--jp-layout-color1);
+  font-weight: bold;
+}
+
+.nbi-settings-panel-tab-content {
+  flex-grow: 1;
+  padding: 20px;
+}
+
+.pill-item {
+  cursor: pointer;
+  background-color: var(--jp-layout-color1);
+  display: inline-block;
+  padding: 2px 6px;
+  margin: 2px 4px;
+  border-radius: 4px;
+}
+
+.pill-item:hover {
+  cursor: pointer;
+  background-color: var(--jp-layout-color2);
+}
+
+.pill-item.checked {
+  background-color: var(--jp-layout-color3);
+}
+
+.server-status-indicator {
+  width: 10px;
+  height: 10px;
+  margin: 2px;
+  border-radius: 50%;
+  background-color: var(--jp-brand-color0);
+}
+
+.server-status-indicator.connected,
+.server-status-indicator.updated-tool-list {
+  background-color: var(--jp-success-color1);
+}
+
+.server-status-indicator.connecting,
+.server-status-indicator.disconnecting,
+.server-status-indicator.updating-tool-list {
+  background-color: var(--jp-warn-color1);
+}
+
+.server-status-indicator.not-connected,
+.server-status-indicator.failed-to-connect {
+  background-color: var(--jp-error-color1);
+}