@notebook-intelligence/notebook-intelligence 2.4.2 → 2.5.0

package/src/components/checkbox.tsx

@@ -0,0 +1,29 @@
+// Copyright (c) Mehmet Bektas <mbektasgh@outlook.com>
+
+import React from 'react';
+
+import { MdOutlineCheckBoxOutlineBlank, MdCheckBox } from 'react-icons/md';
+
+export function CheckBoxItem(props: any) {
+  const indent = props.indent || 0;
+
+  return (
+    <div
+      className={`checkbox-item checkbox-item-indent-${indent} ${props.header ? 'checkbox-item-header' : ''}`}
+      title={props.title}
+      onClick={event => props.onClick(event)}
+    >
+      <div className="checkbox-item-toggle">
+        {props.checked ? (
+          <MdCheckBox className="checkbox-icon" />
+        ) : (
+          <MdOutlineCheckBoxOutlineBlank className="checkbox-icon" />
+        )}
+        {props.label}
+      </div>
+      {props.title && (
+        <div className="checkbox-item-description">{props.title}</div>
+      )}
+    </div>
+  );
+}

package/src/components/mcp-util.ts

@@ -0,0 +1,53 @@
+// Copyright (c) Mehmet Bektas <mbektasgh@outlook.com>
+
+export function mcpServerSettingsToEnabledState(
+  mcpServers: any,
+  mcpServerSettings: any
+) {
+  const mcpServerEnabledState = new Map<string, Set<string>>();
+  for (const server of mcpServers) {
+    const mcpServerToolEnabledState = mcpServerSettingsToServerToolEnabledState(
+      mcpServers,
+      mcpServerSettings,
+      server.id
+    );
+    if (mcpServerToolEnabledState) {
+      mcpServerEnabledState.set(server.id, mcpServerToolEnabledState);
+    }
+  }
+
+  return mcpServerEnabledState;
+}
+
+export function mcpServerSettingsToServerToolEnabledState(
+  mcpServers: any,
+  mcpServerSettings: any,
+  serverId: string
+) {
+  const server = mcpServers.find((server: any) => server.id === serverId);
+
+  let mcpServerToolEnabledState: Set<string> | null = null;
+
+  if (!server) {
+    return mcpServerToolEnabledState;
+  }
+
+  if (mcpServerSettings[server.id]) {
+    const serverSettings = mcpServerSettings[server.id];
+    if (!serverSettings.disabled) {
+      mcpServerToolEnabledState = new Set<string>();
+      for (const tool of server.tools) {
+        if (!serverSettings.disabled_tools?.includes(tool.name)) {
+          mcpServerToolEnabledState.add(tool.name);
+        }
+      }
+    }
+  } else {
+    mcpServerToolEnabledState = new Set<string>();
+    for (const tool of server.tools) {
+      mcpServerToolEnabledState.add(tool.name);
+    }
+  }
+
+  return mcpServerToolEnabledState;
+}

package/src/components/pill.tsx

@@ -0,0 +1,15 @@
+// Copyright (c) Mehmet Bektas <mbektasgh@outlook.com>
+
+import React from 'react';
+
+export function PillItem(props: any) {
+  return (
+    <div
+      className={`pill-item ${props.checked ? 'checked' : ''}`}
+      title={props.title}
+      onClick={event => props.onClick(event)}
+    >
+      {props.label}
+    </div>
+  );
+}