@datalayer/jupyter-react 0.8.3 → 0.9.0

package/lib/components/kernel/KernelActionMenu.js

@@ -0,0 +1,21 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/*
+ * Copyright (c) 2021-2023 Datalayer, Inc.
+ *
+ * MIT License
+ */
+import { ActionMenu, ActionList, IconButton } from '@primer/react';
+import { KebabHorizontalIcon, StopIcon, PaintbrushIcon, } from '@primer/octicons-react';
+import { RestartIcon } from '@datalayer/icons-react';
+export const KernelActionMenu = (props) => {
+    const { kernel, outputAdapter } = props;
+    return (_jsxs(ActionMenu, { children: [_jsx(ActionMenu.Anchor, { children: _jsx(IconButton, { "aria-labelledby": "", icon: KebabHorizontalIcon, variant: "invisible" }) }), _jsx(ActionMenu.Overlay, { children: _jsxs(ActionList, { children: [kernel && (_jsxs(ActionList.Item, { onSelect: e => {
+                                kernel.interrupt();
+                            }, children: [_jsx(ActionList.LeadingVisual, { children: _jsx(StopIcon, {}) }), "Interrupt kernel"] })), kernel && (_jsxs(ActionList.Item, { onSelect: e => {
+                                kernel.restart();
+                            }, children: [_jsx(ActionList.LeadingVisual, { children: _jsx(RestartIcon, {}) }), "Restart kernel"] })), outputAdapter && (_jsxs(ActionList.Item, { variant: "danger", onSelect: e => {
+                                outputAdapter.clear();
+                            }, children: [_jsx(ActionList.LeadingVisual, { children: _jsx(PaintbrushIcon, {}) }), "Clear outputs"] }))] }) })] }));
+};
+export default KernelActionMenu;
+//# sourceMappingURL=KernelActionMenu.js.map

package/lib/components/kernel/KernelActionMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"KernelActionMenu.js","sourceRoot":"","sources":["../../../src/components/kernel/KernelActionMenu.tsx"],"names":[],"mappings":";AAAA;;;;GAIG;AAEH,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AACnE,OAAO,EACL,mBAAmB,EACnB,QAAQ,EACR,cAAc,GACf,MAAM,wBAAwB,CAAC;AAChC,OAAO,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AASrD,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,KAAY,EAAE,EAAE;IAC/C,MAAM,EAAE,MAAM,EAAE,aAAa,EAAE,GAAG,KAAK,CAAC;IACxC,OAAO,CACL,MAAC,UAAU,eACT,KAAC,UAAU,CAAC,MAAM,cAChB,KAAC,UAAU,uBACO,EAAE,EAClB,IAAI,EAAE,mBAAmB,EACzB,OAAO,EAAC,WAAW,GACnB,GACgB,EACpB,KAAC,UAAU,CAAC,OAAO,cACjB,MAAC,UAAU,eACR,MAAM,IAAI,CACT,MAAC,UAAU,CAAC,IAAI,IACd,QAAQ,EAAE,CAAC,CAAC,EAAE;gCACZ,MAAM,CAAC,SAAS,EAAE,CAAC;4BACrB,CAAC,aAED,KAAC,UAAU,CAAC,aAAa,cACvB,KAAC,QAAQ,KAAG,GACa,wBAEX,CACnB,EACA,MAAM,IAAI,CACT,MAAC,UAAU,CAAC,IAAI,IACd,QAAQ,EAAE,CAAC,CAAC,EAAE;gCACZ,MAAM,CAAC,OAAO,EAAE,CAAC;4BACnB,CAAC,aAED,KAAC,UAAU,CAAC,aAAa,cACvB,KAAC,WAAW,KAAG,GACU,sBAEX,CACnB,EACA,aAAa,IAAI,CAChB,MAAC,UAAU,CAAC,IAAI,IACd,OAAO,EAAC,QAAQ,EAChB,QAAQ,EAAE,CAAC,CAAC,EAAE;gCACZ,aAAa,CAAC,KAAK,EAAE,CAAC;4BACxB,CAAC,aAED,KAAC,UAAU,CAAC,aAAa,cACvB,KAAC,cAAc,KAAG,GACO,qBAEX,CACnB,IACU,GACM,IACV,CACd,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

package/lib/components/kernel/KernelInspector.d.ts

@@ -0,0 +1,6 @@
+import Kernel from '../../jupyter/kernel/Kernel';
+type Props = {
+    kernel?: Kernel;
+};
+export declare const KernelInspector: (props: Props) => import("react/jsx-runtime").JSX.Element;
+export default KernelInspector;

package/lib/components/kernel/KernelInspector.js

@@ -0,0 +1,31 @@
+import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+/*
+ * Copyright (c) 2021-2023 Datalayer, Inc.
+ *
+ * MIT License
+ */
+import { useState, useEffect } from 'react';
+import Lumino from '../lumino/Lumino';
+import { KernelSpyView } from './inspector/widget';
+import { Box } from '@primer/react';
+export const KernelInspector = (props) => {
+    const { kernel } = props;
+    const [kernelSpyView, setKernelSpyView] = useState();
+    useEffect(() => {
+        kernel?.ready.then(() => {
+            const kernelSpyView = new KernelSpyView(kernel?.connection);
+            setKernelSpyView(kernelSpyView);
+        });
+    }, [kernel]);
+    return kernelSpyView ? (_jsx(Box, { sx: {
+            '& dla-KernelInspector-view': {
+                height: '1000px',
+            },
+            '& .dla-KernelInspector-messagelog': {
+                height: '100px',
+                minHeight: '100px',
+            },
+        }, children: _jsx(Lumino, { children: kernelSpyView }) })) : (_jsx(_Fragment, {}));
+};
+export default KernelInspector;
+//# sourceMappingURL=KernelInspector.js.map

package/lib/components/kernel/KernelInspector.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"KernelInspector.js","sourceRoot":"","sources":["../../../src/components/kernel/KernelInspector.tsx"],"names":[],"mappings":";AAAA;;;;GAIG;AAEH,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,MAAM,MAAM,kBAAkB,CAAC;AAEtC,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACnD,OAAO,EAAE,GAAG,EAAE,MAAM,eAAe,CAAC;AAMpC,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,KAAY,EAAE,EAAE;IAC9C,MAAM,EAAE,MAAM,EAAE,GAAG,KAAK,CAAC;IACzB,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,EAAiB,CAAC;IACpE,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,EAAE,KAAK,CAAC,IAAI,CAAC,GAAG,EAAE;YACtB,MAAM,aAAa,GAAG,IAAI,aAAa,CAAC,MAAM,EAAE,UAAU,CAAC,CAAC;YAC5D,gBAAgB,CAAC,aAAa,CAAC,CAAC;QAClC,CAAC,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IACb,OAAO,aAAa,CAAC,CAAC,CAAC,CACrB,KAAC,GAAG,IACF,EAAE,EAAE;YACF,4BAA4B,EAAE;gBAC5B,MAAM,EAAE,QAAQ;aACjB;YACD,mCAAmC,EAAE;gBACnC,MAAM,EAAE,OAAO;gBACf,SAAS,EAAE,OAAO;aACnB;SACF,YAED,KAAC,MAAM,cAAE,aAAa,GAAU,GAC5B,CACP,CAAC,CAAC,CAAC,CACF,mBAAK,CACN,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/lib/components/kernel/KernelLauncher.d.ts

@@ -0,0 +1,2 @@
+export declare const KernelLauncher: () => import("react/jsx-runtime").JSX.Element;
+export default KernelLauncher;

package/lib/components/kernel/KernelLauncher.js

@@ -0,0 +1,11 @@
+import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
+/*
+ * Copyright (c) 2021-2023 Datalayer, Inc.
+ *
+ * MIT License
+ */
+export const KernelLauncher = () => {
+    return _jsx(_Fragment, {});
+};
+export default KernelLauncher;
+//# sourceMappingURL=KernelLauncher.js.map

package/lib/components/kernel/KernelLauncher.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"KernelLauncher.js","sourceRoot":"","sources":["../../../src/components/kernel/KernelLauncher.tsx"],"names":[],"mappings":";AAAA;;;;GAIG;AAEH,MAAM,CAAC,MAAM,cAAc,GAAG,GAAG,EAAE;IACjC,OAAO,mBAAK,CAAC;AACf,CAAC,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/lib/components/kernel/KernelLogs.d.ts

@@ -0,0 +1,2 @@
+export declare const KernelLogs: () => import("react/jsx-runtime").JSX.Element;
+export default KernelLogs;

package/lib/components/kernel/KernelLogs.js

@@ -0,0 +1,11 @@
+import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
+/*
+ * Copyright (c) 2021-2023 Datalayer, Inc.
+ *
+ * MIT License
+ */
+export const KernelLogs = () => {
+    return _jsx(_Fragment, {});
+};
+export default KernelLogs;
+//# sourceMappingURL=KernelLogs.js.map

package/lib/components/kernel/KernelLogs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"KernelLogs.js","sourceRoot":"","sources":["../../../src/components/kernel/KernelLogs.tsx"],"names":[],"mappings":";AAAA;;;;GAIG;AAEH,MAAM,CAAC,MAAM,UAAU,GAAG,GAAG,EAAE;IAC7B,OAAO,mBAAK,CAAC;AACf,CAAC,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/lib/components/kernel/KernelProgressBar.d.ts

@@ -0,0 +1,2 @@
+export declare const KernelProgressBar: () => import("react/jsx-runtime").JSX.Element;
+export default KernelProgressBar;

package/lib/components/kernel/KernelProgressBar.js

@@ -0,0 +1,26 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/*
+ * Copyright (c) 2021-2023 Datalayer, Inc.
+ *
+ * MIT License
+ */
+import { useState, useEffect } from 'react';
+import { ProgressBar } from '@primer/react';
+export const KernelProgressBar = () => {
+    const [progress, setProgress] = useState(0);
+    useEffect(() => {
+        const interval = setInterval(() => {
+            setProgress((oldValue) => {
+                let newValue = oldValue + 1;
+                if (newValue > 100) {
+                    newValue = 0;
+                }
+                return newValue;
+            });
+        }, 100);
+        return () => clearInterval(interval);
+    }, []);
+    return _jsx(ProgressBar, { progress: progress, barSize: "small" });
+};
+export default KernelProgressBar;
+//# sourceMappingURL=KernelProgressBar.js.map

package/lib/components/kernel/KernelProgressBar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"KernelProgressBar.js","sourceRoot":"","sources":["../../../src/components/kernel/KernelProgressBar.tsx"],"names":[],"mappings":";AAAA;;;;GAIG;AAEH,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAE5C,MAAM,CAAC,MAAM,iBAAiB,GAAG,GAAG,EAAE;IACpC,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;IAC5C,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,QAAQ,GAAG,WAAW,CAAC,GAAG,EAAE;YAChC,WAAW,CAAC,CAAC,QAAgB,EAAE,EAAE;gBAC/B,IAAI,QAAQ,GAAG,QAAQ,GAAG,CAAC,CAAC;gBAC5B,IAAI,QAAQ,GAAG,GAAG,EAAE;oBAClB,QAAQ,GAAG,CAAC,CAAC;iBACd;gBACD,OAAO,QAAQ,CAAC;YAClB,CAAC,CAAC,CAAC;QACL,CAAC,EAAE,GAAG,CAAC,CAAC;QACR,OAAO,GAAG,EAAE,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;IACvC,CAAC,EAAE,EAAE,CAAC,CAAC;IACP,OAAO,KAAC,WAAW,IAAC,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAC,OAAO,GAAG,CAAC;AAC7D,CAAC,CAAC;AAEF,eAAe,iBAAiB,CAAC"}

package/lib/components/kernel/KernelSelector.d.ts

@@ -0,0 +1,8 @@
+import { IModel } from '@jupyterlab/services/lib/kernel/kernel';
+import { ISpecModel } from '@jupyterlab/services/lib/kernelspec/kernelspec';
+type Props = {
+    selectKernel: (kernelModel: IModel) => void;
+    selectKernelSpec: (kernelSpecModel: ISpecModel) => void;
+};
+export declare const KernelSelector: (props: Props) => import("react/jsx-runtime").JSX.Element;
+export default KernelSelector;

package/lib/components/kernel/KernelSelector.js

@@ -0,0 +1,40 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+/*
+ * Copyright (c) 2021-2023 Datalayer, Inc.
+ *
+ * MIT License
+ */
+import { useState, useEffect } from 'react';
+import { ActionMenu, ActionList, IconButton } from '@primer/react';
+import { JupyterKernelIcon, JupyterKernelGalileoIcon, } from '@datalayer/icons-react';
+import { useJupyter } from '../../jupyter/JupyterContext';
+export const KernelSelector = (props) => {
+    const { selectKernel, selectKernelSpec } = props;
+    const { serviceManager } = useJupyter();
+    const [kernels, setKernels] = useState();
+    const [kernelSpecs, setKernelSpecs] = useState();
+    useEffect(() => {
+        serviceManager?.ready.then(() => {
+            serviceManager.kernelspecs.refreshSpecs().then(() => {
+                const kernelSpecs = serviceManager.kernelspecs.specs?.kernelspecs;
+                setKernelSpecs(kernelSpecs);
+            });
+        });
+        serviceManager?.kernels.refreshRunning().then(() => {
+            const kernels = Array.from(serviceManager.kernels.running());
+            setKernels(kernels);
+        });
+    }, [serviceManager]);
+    return (_jsx(_Fragment, { children: _jsxs(ActionMenu, { children: [_jsx(ActionMenu.Anchor, { children: _jsx(IconButton, { "aria-labelledby": "", icon: JupyterKernelGalileoIcon, variant: "invisible" }) }), _jsx(ActionMenu.Overlay, { width: "large", children: _jsxs(ActionList, { showDividers: true, children: [kernels && (_jsx(ActionList.Group, { title: "Connect to a running Kernel", children: kernels.map(kernel => {
+                                    return (_jsxs(ActionList.Item, { onSelect: e => {
+                                            selectKernel(kernel);
+                                        }, children: [_jsx(ActionList.LeadingVisual, { children: _jsx(JupyterKernelIcon, {}) }), kernel.name, _jsx(ActionList.Description, { variant: "block", children: kernel.id })] }));
+                                }) })), _jsx(ActionList.Group, { title: "Launch a new Kernel", children: kernelSpecs &&
+                                    Object.values(kernelSpecs).map(specModel => {
+                                        return (_jsxs(ActionList.Item, { onSelect: e => {
+                                                selectKernelSpec(specModel);
+                                            }, children: [_jsx(ActionList.LeadingVisual, { children: _jsx(JupyterKernelGalileoIcon, {}) }), specModel?.name, _jsx(ActionList.Description, { variant: "block", children: specModel?.display_name })] }));
+                                    }) })] }) })] }) }));
+};
+export default KernelSelector;
+//# sourceMappingURL=KernelSelector.js.map

package/lib/components/kernel/KernelSelector.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"KernelSelector.js","sourceRoot":"","sources":["../../../src/components/kernel/KernelSelector.tsx"],"names":[],"mappings":"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"}

package/lib/components/kernel/KernelStatus.d.ts

@@ -0,0 +1,27 @@
+import { ReactElement } from 'react';
+import Kernel from '../../jupyter/kernel/Kernel';
+type KernelState = string;
+/**
+ * The valid kernel connection states.
+ *
+ * #### Notes
+ * The status states are:
+ * * `connected`: The kernel connection is live.
+ * * `connecting`: The kernel connection is not live, but we are attempting
+ *   to reconnect to the kernel.
+ * * `disconnected`: The kernel connection is permanently down, we will not
+ *   try to reconnect.
+ *
+ * When a kernel connection is `connected`, the kernel status should be
+ * valid. When a kernel connection is either `connecting` or `disconnected`,
+ * the kernel status will be `unknown` unless the kernel status was `dead`,
+ * in which case it stays `dead`.
+ *
+ * Status = 'unknown' | 'starting' | 'idle' | 'busy' | 'terminating' | 'restarting' | 'autorestarting' | 'dead';
+ */
+export declare const KERNEL_STATES: Map<KernelState, ReactElement>;
+type Props = {
+    kernel?: Kernel;
+};
+export declare const KernelStatus: (props: Props) => import("react/jsx-runtime").JSX.Element;
+export default KernelStatus;

package/lib/components/kernel/KernelStatus.js

@@ -0,0 +1,67 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/*
+ * Copyright (c) 2021-2023 Datalayer, Inc.
+ *
+ * MIT License
+ */
+import { useState, useEffect } from 'react';
+import { Tooltip } from '@primer/react';
+import { CircleYellowIcon, CircleGreenIcon, CircleBlackIcon, CircleBrownIcon, CircleHollowRedIcon, CircleOrangeIcon, CirclePurpleIcon, CircleRedIcon, CircleWhiteIcon, CircledMIcon, SquareWhiteLargeIcon, } from '@datalayer/icons-react';
+/**
+ * The valid kernel connection states.
+ *
+ * #### Notes
+ * The status states are:
+ * * `connected`: The kernel connection is live.
+ * * `connecting`: The kernel connection is not live, but we are attempting
+ *   to reconnect to the kernel.
+ * * `disconnected`: The kernel connection is permanently down, we will not
+ *   try to reconnect.
+ *
+ * When a kernel connection is `connected`, the kernel status should be
+ * valid. When a kernel connection is either `connecting` or `disconnected`,
+ * the kernel status will be `unknown` unless the kernel status was `dead`,
+ * in which case it stays `dead`.
+ *
+ * Status = 'unknown' | 'starting' | 'idle' | 'busy' | 'terminating' | 'restarting' | 'autorestarting' | 'dead';
+ */
+export const KERNEL_STATES = new Map([
+    ['connecting', _jsx(CircleBlackIcon, {})],
+    ['connected-unknown', _jsx(CircledMIcon, {})],
+    ['connected-starting', _jsx(CircleYellowIcon, {})],
+    ['connected-idle', _jsx(CircleGreenIcon, {})],
+    ['connected-busy', _jsx(CircleOrangeIcon, {})],
+    ['connected-terminating', _jsx(CircleWhiteIcon, {})],
+    ['connected-restarting', _jsx(CirclePurpleIcon, {})],
+    ['connected-autorestarting', _jsx(CircleHollowRedIcon, {})],
+    ['connected-dead', _jsx(CircleRedIcon, {})],
+    ['disconnecting', _jsx(CircleBrownIcon, {})],
+    ['undefined', _jsx(SquareWhiteLargeIcon, {})],
+]);
+export const KernelStatus = (props) => {
+    const { kernel } = props;
+    const [connectionStatus, setConnectionStatus] = useState();
+    const [status, setStatus] = useState();
+    const toState = (connectionStatus, status) => {
+        if (connectionStatus === 'connecting' ||
+            connectionStatus === 'disconnected') {
+            return connectionStatus;
+        }
+        return connectionStatus + '-' + status;
+    };
+    useEffect(() => {
+        if (kernel && kernel.connection) {
+            setConnectionStatus(kernel.connection?.connectionStatus);
+            setStatus(kernel.connection?.status);
+            kernel.connection.connectionStatusChanged.connect((_, connectionStatus) => {
+                setConnectionStatus(connectionStatus);
+            });
+            kernel.connection.statusChanged.connect((_, status) => {
+                setStatus(status);
+            });
+        }
+    }, [kernel, kernel?.connection]);
+    return connectionStatus && status ? (_jsx(Tooltip, { "aria-label": `${connectionStatus} - ${status}`, children: KERNEL_STATES.get(toState(connectionStatus, status)) })) : (_jsx(Tooltip, { "aria-label": "Undefined state", children: KERNEL_STATES.get('undefined') }));
+};
+export default KernelStatus;
+//# sourceMappingURL=KernelStatus.js.map

package/lib/components/kernel/KernelStatus.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"KernelStatus.js","sourceRoot":"","sources":["../../../src/components/kernel/KernelStatus.tsx"],"names":[],"mappings":"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"}

package/lib/components/kernel/KernelUsage.d.ts

@@ -0,0 +1,6 @@
+import Kernel from '../../jupyter/kernel/Kernel';
+type Props = {
+    kernel?: Kernel;
+};
+export declare const KernelUsage: (props: Props) => import("react/jsx-runtime").JSX.Element;
+export default KernelUsage;

package/lib/components/kernel/KernelUsage.js

@@ -0,0 +1,100 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+/*
+ * Copyright (c) 2021-2023 Datalayer, Inc.
+ *
+ * MIT License
+ */
+import { useState, useEffect } from 'react';
+import { useInterval } from 'usehooks-ts';
+import { Sparklines, SparklinesLine, SparklinesSpots, SparklinesBars, } from 'react-sparklines';
+import { Text, Box } from '@primer/react';
+const MAX_ITEMS = 20;
+const REQUEST_USAGE = `
+import psutil
+
+processes: dict[str, psutil.Process] = {}
+
+def get_process_metric_value(self, process, name, attribute=None):
+    """Get the process metric value."""
+    try:
+        metric_value = getattr(process, name)()
+        if attribute is not None:  # ... a named tuple
+            return getattr(metric_value, attribute)
+        # ... or a number
+        return metric_value
+    # Avoid littering logs with stack traces
+    # complaining about dead processes
+    except BaseException:
+        return 0
+
+current_process = psutil.Process()
+all_processes = [current_process, *current_process.children(recursive=True)]
+# Ensure 1) self.processes is updated to only current subprocesses
+# and 2) we reuse processes when possible (needed for accurate CPU)
+processes = {
+    process.pid: processes.get(process.pid, process)  # type:ignore[misc,call-overload]
+    for process in all_processes
+}
+kernel_cpu = sum(
+    [
+    get_process_metric_value(process, "cpu_percent", None)
+    for process in processes.values()
+    ]
+)
+mem_info_type = "pss" if hasattr(current_process.memory_full_info(), "pss") else "rss"
+kernel_memory = sum(
+    [
+    get_process_metric_value(process, "memory_full_info", mem_info_type)
+    for process in processes.values()
+    ]
+)
+cpu_percent = psutil.cpu_percent()
+# https://psutil.readthedocs.io/en/latest/index.html?highlight=cpu#psutil.cpu_percent
+# The first time cpu_percent is called it will return a meaningless 0.0 value which you are supposed to ignore.
+if cpu_percent is not None and cpu_percent != 0.0:  # type:ignore[redundant-expr]
+    host_cpu_percent = cpu_percent
+
+cpu_count = psutil.cpu_count(logical=True)
+host_virtual_memory = dict(psutil.virtual_memory()._asdict())
+
+print(f"""{{
+  "kernel_cpu": "{kernel_cpu}",
+  "cpu_count": "{cpu_count}",
+  "host_virtual_memory": {str(host_virtual_memory)}
+}}""")
+`;
+export const KernelUsage = (props) => {
+    const { kernel } = props;
+    const [usage, setUsage] = useState({});
+    const [virtualMemoryTotal, setVirtualMemoryTotal] = useState();
+    const [virtualMemoryAvailable, setVirtualMemoryAvailable] = useState(new Array());
+    // { "kernel_cpu": "0", "cpu_count": "4", "host_virtual_memory": {"total": 15335940096, "available": 13279002624, "percent": 13.4, "used": 1704222720, "free": 11412717568, "active": 696995840, "inactive": 2084093952, "buffers": 237412352, "cached": 1981587456, "shared": 4796416, "slab": 989294592} }
+    const refreshUsage = async () => {
+        const result = await kernel.execute(REQUEST_USAGE)?.result;
+        if (result) {
+            const usage = JSON.parse(result.replaceAll("'", '"'));
+            const v = virtualMemoryAvailable.concat([
+                usage['host_virtual_memory']['available'] / 1000,
+            ]);
+            if (v.length > MAX_ITEMS) {
+                v.shift();
+            }
+            setVirtualMemoryAvailable(v);
+            setVirtualMemoryTotal(usage['host_virtual_memory']['total'] / 1000);
+            setUsage(usage);
+        }
+    };
+    useEffect(() => {
+        kernel?.ready.then(async () => {
+            refreshUsage();
+        });
+    }, [kernel]);
+    useInterval(() => {
+        if (usage) {
+            refreshUsage();
+        }
+    }, 1000);
+    return usage ? (_jsxs(Box, { children: [_jsx(Box, { children: _jsx(Text, { children: "Virtual Memory Available" }) }), _jsx(Box, { children: _jsxs(Sparklines, { data: virtualMemoryAvailable, limit: MAX_ITEMS, svgHeight: 100, svgWidth: 200, min: 0, max: virtualMemoryTotal, children: [_jsx(SparklinesBars, { style: { stroke: 'white', fill: '#41c3f9', fillOpacity: '.25' } }), _jsx(SparklinesLine, { style: { stroke: '#41c3f9', fill: 'none' } }), _jsx(SparklinesSpots, {})] }) })] })) : (_jsx(_Fragment, {}));
+};
+export default KernelUsage;
+//# sourceMappingURL=KernelUsage.js.map

package/lib/components/kernel/KernelUsage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"KernelUsage.js","sourceRoot":"","sources":["../../../src/components/kernel/KernelUsage.tsx"],"names":[],"mappings":"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"}

package/lib/components/kernel/KernelVariables.d.ts

@@ -0,0 +1,6 @@
+import Kernel from '../../jupyter/kernel/Kernel';
+type Props = {
+    kernel?: Kernel;
+};
+export declare const KernelVariables: (props: Props) => import("react/jsx-runtime").JSX.Element;
+export default KernelVariables;

package/lib/components/kernel/KernelVariables.js

@@ -0,0 +1,23 @@
+import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+/*
+ * Copyright (c) 2021-2023 Datalayer, Inc.
+ *
+ * MIT License
+ */
+import { useState, useEffect } from 'react';
+import Lumino from '../lumino/Lumino';
+import { createVariablesInspectorManager, registerKernel, } from './variables/variablesinspector';
+export const KernelVariables = (props) => {
+    const { kernel } = props;
+    const [panel, setPanel] = useState();
+    useEffect(() => {
+        kernel?.ready.then(() => {
+            const manager = createVariablesInspectorManager();
+            setPanel(manager.panel);
+            registerKernel(manager, kernel);
+        });
+    }, [kernel]);
+    return panel ? _jsx(Lumino, { children: panel }) : _jsx(_Fragment, {});
+};
+export default KernelVariables;
+//# sourceMappingURL=KernelVariables.js.map

package/lib/components/kernel/KernelVariables.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"KernelVariables.js","sourceRoot":"","sources":["../../../src/components/kernel/KernelVariables.tsx"],"names":[],"mappings":";AAAA;;;;GAIG;AAEH,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE5C,OAAO,MAAM,MAAM,kBAAkB,CAAC;AACtC,OAAO,EACL,+BAA+B,EAC/B,cAAc,GACf,MAAM,gCAAgC,CAAC;AAOxC,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,KAAY,EAAE,EAAE;IAC9C,MAAM,EAAE,MAAM,EAAE,GAAG,KAAK,CAAC;IACzB,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,EAA0B,CAAC;IAC7D,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,EAAE,KAAK,CAAC,IAAI,CAAC,GAAG,EAAE;YACtB,MAAM,OAAO,GAAG,+BAA+B,EAAE,CAAC;YAClD,QAAQ,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;YACxB,cAAc,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC;QAClC,CAAC,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IACb,OAAO,KAAK,CAAC,CAAC,CAAC,KAAC,MAAM,cAAE,KAAK,GAAU,CAAC,CAAC,CAAC,mBAAK,CAAC;AAClD,CAAC,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/lib/components/kernel/Kernels.d.ts

@@ -0,0 +1,2 @@
+export declare const Kernels: () => import("react/jsx-runtime").JSX.Element;
+export default Kernels;

package/lib/components/kernel/Kernels.js

@@ -0,0 +1,88 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+/*
+ * Copyright (c) 2021-2023 Datalayer, Inc.
+ *
+ * MIT License
+ */
+import { useState, useEffect } from 'react';
+import { Table, DataTable, Blankslate } from '@primer/react/drafts';
+import { Box, Text, IconButton, Spinner } from '@primer/react';
+import { CrossMarkIcon, JupyterIcon, NotebookIcon, } from '@datalayer/icons-react';
+import { JSONExt } from '@lumino/coreutils';
+import { useJupyter } from '../../jupyter/JupyterContext';
+export const Kernels = () => {
+    const { serviceManager } = useJupyter();
+    const [kernels, setKernels] = useState();
+    const [kernelSpecInfos, setKernelSpecInfos] = useState(new Map());
+    const refreshKernels = (serviceManager) => {
+        setKernels(Array.from(serviceManager.kernels.running()));
+    };
+    useEffect(() => {
+        serviceManager?.kernels.refreshRunning().then(() => {
+            const kernels = Array.from(serviceManager.kernels.running());
+            setKernels(kernels);
+        });
+        serviceManager?.kernelspecs.refreshSpecs().then(() => {
+            const kernelSpecs = Object.values(serviceManager.kernelspecs.specs.kernelspecs);
+            // Look for new kernel specifications
+            const newSpecs = new Map();
+            kernelSpecs.forEach(kernelSpec => {
+                const kernelSpecName = kernelSpec?.name;
+                if (kernelSpecName?.startsWith('run-')) {
+                    const metadata = kernelSpec?.metadata;
+                    if (metadata) {
+                        const oldInfo = kernelSpecInfos.get(kernelSpecName);
+                        const newInfo = {
+                            description: metadata['description'],
+                            notebookExampleUrl: metadata['notebook_example_url'],
+                        };
+                        if (!JSONExt.deepEqual(oldInfo ?? {}, newInfo)) {
+                            newSpecs.set(kernelSpecName, newInfo);
+                        }
+                    }
+                }
+            });
+            const newSpecInfos = new Map([...kernelSpecInfos, ...newSpecs]);
+            if (newSpecs.size) {
+                setKernelSpecInfos(newSpecInfos);
+            }
+        });
+    }, [serviceManager]);
+    const deleteKernel = (serviceManager, kernelId) => {
+        serviceManager.kernels.shutdown(kernelId).then(() => {
+            console.log(`Kernel ${kernelId} is terminated.`);
+            refreshKernels(serviceManager);
+        });
+    };
+    return (_jsx(Box, { mt: 3, style: { width: '1000px' }, children: kernels ? (_jsxs(Table.Container, { children: [_jsx(Table.Title, { as: "h2", id: "images", children: "Kernels" }), _jsx(Table.Subtitle, { as: "p", id: "images-subtitle", children: "Available kernels." }), _jsx(DataTable, { "aria-labelledby": "running-kernels", "aria-describedby": "running-kernels-subtitle", data: kernels, columns: [
+                        {
+                            header: 'Name',
+                            field: 'name',
+                            renderCell: row => _jsx(Text, { children: row.name }),
+                        },
+                        {
+                            header: 'Description',
+                            id: 'description',
+                            renderCell: row => (_jsx(Text, { children: kernelSpecInfos.get(row.name)?.description })),
+                        },
+                        {
+                            header: 'State',
+                            field: 'execution_state',
+                            renderCell: row => _jsx(Text, { children: row.execution_state }),
+                        },
+                        {
+                            header: 'Example',
+                            id: 'example-action',
+                            renderCell: row => (_jsx(_Fragment, { children: _jsx(IconButton, { "aria-label": `Create an example notebook for kernel ${row.name}`, icon: NotebookIcon, size: "small", onClick: () => { } }) })),
+                        },
+                        {
+                            header: 'Delete',
+                            id: 'delete-action',
+                            renderCell: row => (_jsx(_Fragment, { children: _jsx(IconButton, { "aria-label": `Delete the kernel ${row.name}`, icon: CrossMarkIcon, size: "small", onClick: () => {
+                                        deleteKernel(serviceManager, row.id);
+                                    } }) })),
+                        },
+                    ] })] })) : (_jsxs(Blankslate, { border: true, children: [_jsx(Blankslate.Visual, { children: _jsx(JupyterIcon, { size: "medium" }) }), _jsx(Blankslate.Heading, { children: "Kernels" }), _jsx(Blankslate.Description, { children: _jsxs(Box, { sx: { textAlign: 'center' }, children: [_jsx(Box, { children: _jsx(Spinner, {}) }), _jsx(Box, { children: "No kernel found so far..." })] }) })] })) }));
+};
+export default Kernels;
+//# sourceMappingURL=Kernels.js.map

package/lib/components/kernel/Kernels.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Kernels.js","sourceRoot":"","sources":["../../../src/components/kernel/Kernels.tsx"],"names":[],"mappings":"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"}

package/lib/components/kernel/index.d.ts

@@ -0,0 +1,10 @@
+export * from './KernelActionMenu';
+export * from './KernelInspector';
+export * from './KernelLogs';
+export * from './KernelLauncher';
+export * from './KernelProgressBar';
+export * from './Kernels';
+export * from './KernelSelector';
+export * from './KernelStatus';
+export * from './KernelUsage';
+export * from './KernelVariables';

package/lib/components/kernel/index.js

@@ -0,0 +1,16 @@
+/*
+ * Copyright (c) 2021-2023 Datalayer, Inc.
+ *
+ * MIT License
+ */
+export * from './KernelActionMenu';
+export * from './KernelInspector';
+export * from './KernelLogs';
+export * from './KernelLauncher';
+export * from './KernelProgressBar';
+export * from './Kernels';
+export * from './KernelSelector';
+export * from './KernelStatus';
+export * from './KernelUsage';
+export * from './KernelVariables';
+//# sourceMappingURL=index.js.map

package/lib/components/kernel/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/kernel/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,cAAc,oBAAoB,CAAC;AACnC,cAAc,mBAAmB,CAAC;AAClC,cAAc,cAAc,CAAC;AAC7B,cAAc,kBAAkB,CAAC;AACjC,cAAc,qBAAqB,CAAC;AACpC,cAAc,WAAW,CAAC;AAC1B,cAAc,kBAAkB,CAAC;AACjC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,mBAAmB,CAAC"}