@datalayer/core 0.0.2 → 0.0.4

package/lib/components/runtimes/RuntimeSimplePicker.js

@@ -3,11 +3,6 @@ import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-run
  * Copyright (c) 2023-2025 Datalayer, Inc.
  * Distributed under the terms of the Modified BSD License.
  */
-/*
- * Copyright (c) 2021-2024 Datalayer, Inc.
- *
- * Datalayer License
- */
 import { useCallback, useEffect, useState } from 'react';
 import { KernelIndicator } from '@datalayer/jupyter-react';
 import { ISanitizer } from '@jupyterlab/apputils';
@@ -19,32 +14,32 @@ import { ArtifactIcon } from '../../components/icons';
 import { KernelLauncherDialog } from '../../components/runtimes';
 import { useRuntimesStore } from '../../state';
 /**
- * Cause to open the new Kernel dialog.
+ * Cause to open the new runtime dialog.
  */
-var KernelDialogCause;
-(function (KernelDialogCause) {
+var RuntimeDialogCause;
+(function (RuntimeDialogCause) {
     /**
      * Don't open.
      */
-    KernelDialogCause[KernelDialogCause["None"] = 0] = "None";
+    RuntimeDialogCause[RuntimeDialogCause["None"] = 0] = "None";
     /**
-     * Launch a new Remote Kernel.
+     * Launch a new Remote Runtime.
      */
-    KernelDialogCause[KernelDialogCause["New"] = 1] = "New";
+    RuntimeDialogCause[RuntimeDialogCause["New"] = 1] = "New";
     /**
-     * Transfer the state from the current Kernel to a new Remote Kernel.
+     * Transfer the state from the current Runtime to a new Remote Runtime.
      */
-    KernelDialogCause[KernelDialogCause["Transfer"] = 2] = "Transfer";
-})(KernelDialogCause || (KernelDialogCause = {}));
+    RuntimeDialogCause[RuntimeDialogCause["Transfer"] = 2] = "Transfer";
+})(RuntimeDialogCause || (RuntimeDialogCause = {}));
 /**
  * Runtime simple picker component.
  */
 export function RuntimeSimplePicker(props) {
-    const { assignRuntime: assignKernel, sessionConnection } = props;
-    const { runtimeModels: remoteKernels, multiServiceManager, jupyterLabAdapter } = useRuntimesStore();
-    const [kernelLocation, setKernelLocation] = useState();
+    const { assignRuntime, sessionConnection } = props;
+    const { runtimeModels, multiServiceManager, jupyterLabAdapter } = useRuntimesStore();
+    const [runtimeLocation, setRuntimeLocation] = useState();
     const [luminoServices, setLuminoServices] = useState({});
-    const [dialogCause, setDialogCause] = useState(KernelDialogCause.None);
+    const [dialogCause, setDialogCause] = useState(RuntimeDialogCause.None);
     const [status, setStatus] = useState('');
     useEffect(() => {
         if (sessionConnection) {
@@ -69,39 +64,39 @@ export function RuntimeSimplePicker(props) {
         }
     }, [multiServiceManager?.remote?.runtimesManager]);
     const handleLaunchRemoteKernel = useCallback(() => {
-        setDialogCause(KernelDialogCause.New);
+        setDialogCause(RuntimeDialogCause.New);
     }, []);
     const handleCloseDialog = useCallback((runtimeDesc) => {
         if (runtimeDesc) {
             switch (dialogCause) {
-                case KernelDialogCause.New:
+                case RuntimeDialogCause.New:
                     refreshRemoteKernels().then(() => {
-                        setKernelLocation('remote');
-                        assignKernel({
+                        setRuntimeLocation('remote');
+                        assignRuntime({
                             runtimeDesc,
                             runtimeModel: multiServiceManager?.remote?.runtimesManager
                                 .get()
-                                .find(model => model.id === runtimeDesc.kernelId)
+                                .find(model => model.id === runtimeDesc.kernelId),
                         });
                     });
                     break;
-                case KernelDialogCause.Transfer:
-                    setKernelLocation('remote');
-                    assignKernel({ runtimeDesc, transferState: true });
+                case RuntimeDialogCause.Transfer:
+                    setRuntimeLocation('remote');
+                    assignRuntime({ runtimeDesc, transferState: true });
                     break;
             }
         }
-        setDialogCause(KernelDialogCause.None);
+        setDialogCause(RuntimeDialogCause.None);
     }, [refreshRemoteKernels, multiServiceManager?.remote, dialogCause]);
     useEffect(() => {
         if (jupyterLabAdapter) {
             Promise.all([
                 jupyterLabAdapter.jupyterLab.resolveOptionalService(IMarkdownParser),
-                jupyterLabAdapter.jupyterLab.resolveOptionalService(ISanitizer)
+                jupyterLabAdapter.jupyterLab.resolveOptionalService(ISanitizer),
             ]).then(services => {
                 setLuminoServices({
                     [IMarkdownParser.name]: services[0],
-                    [ISanitizer.name]: services[1]
+                    [ISanitizer.name]: services[1],
                 });
             });
         }
@@ -110,7 +105,7 @@ export function RuntimeSimplePicker(props) {
         }
     }, [jupyterLabAdapter]);
     return (_jsxs(_Fragment, { children: [_jsxs(ActionMenu, { children: [_jsx(ActionMenu.Button, { leadingVisual: () => {
-                            switch (kernelLocation) {
+                            switch (runtimeLocation) {
                                 case 'browser':
                                     return _jsx(BrowserIcon, {});
                                 case 'remote':
@@ -119,26 +114,23 @@ export function RuntimeSimplePicker(props) {
                                     return _jsx(EyeIcon, {});
                             }
                             return _jsx(ArtifactIcon, { type: "runtime" });
-                        }, trailingVisual: () => sessionConnection
-                            ?
-                                _jsx(Box, { sx: { paddingTop: '5px' }, children: _jsx(KernelIndicator, { kernel: sessionConnection.kernel }) })
-                            :
-                                _jsx(_Fragment, {}), size: "small", variant: "invisible", children: _jsx(Tooltip, { text: status, direction: "s", children: _jsx(Button, { variant: "invisible", size: "small", children: sessionConnection?.kernel?.name ?? 'Runtimes' }) }) }), _jsx(ActionMenu.Overlay, { width: "medium", children: _jsxs(ActionList, { selectionVariant: "single", showDividers: true, children: [_jsxs(ActionList.Group, { children: [_jsxs(ActionList.Item, { selected: kernelLocation === undefined && sessionConnection === undefined, onSelect: () => {
-                                                setKernelLocation(undefined);
-                                                assignKernel({ runtimeDesc: undefined });
-                                            }, children: [_jsx(ActionList.LeadingVisual, { children: _jsx(EyeIcon, {}) }), "Viewer", _jsx(ActionList.Description, { variant: "block", children: "A simple Notebook Viewer without Runtime." })] }), _jsxs(ActionList.Item, { selected: kernelLocation === 'browser', onSelect: () => {
-                                                setKernelLocation('browser');
-                                                assignKernel({
+                        }, trailingVisual: () => sessionConnection ? (_jsx(Box, { sx: { paddingTop: '5px' }, children: _jsx(KernelIndicator, { kernel: sessionConnection.kernel }) })) : (_jsx(_Fragment, {})), size: "small", variant: "invisible", children: _jsx(Tooltip, { text: status, direction: "s", children: _jsx(Button, { variant: "invisible", size: "small", children: sessionConnection?.kernel?.name ?? 'Runtimes' }) }) }), _jsx(ActionMenu.Overlay, { width: "medium", children: _jsxs(ActionList, { selectionVariant: "single", showDividers: true, children: [_jsxs(ActionList.Group, { children: [_jsxs(ActionList.Item, { selected: runtimeLocation === undefined &&
+                                                sessionConnection === undefined, onSelect: () => {
+                                                setRuntimeLocation(undefined);
+                                                assignRuntime({ runtimeDesc: undefined });
+                                            }, children: [_jsx(ActionList.LeadingVisual, { children: _jsx(EyeIcon, {}) }), "Viewer", _jsx(ActionList.Description, { variant: "block", children: "A simple Notebook Viewer without Runtime." })] }), _jsxs(ActionList.Item, { selected: runtimeLocation === 'browser', onSelect: () => {
+                                                setRuntimeLocation('browser');
+                                                assignRuntime({
                                                     runtimeDesc: {
                                                         name: 'pyodide',
                                                         location: 'browser',
-                                                        language: 'python'
-                                                    }
+                                                        language: 'python',
+                                                    },
                                                 });
-                                            }, children: [_jsx(ActionList.LeadingVisual, { children: _jsx(BrowserIcon, {}) }), "Browser Runtime", _jsx(ActionList.Description, { variant: "block", children: "A Browser Runtime based on Pyodide." })] })] }), remoteKernels.length > 0 && (_jsxs(ActionList.Group, { children: [_jsx(ActionList.GroupHeading, { children: "Cloud Runtimes" }), remoteKernels.map(kernelModel => {
+                                            }, children: [_jsx(ActionList.LeadingVisual, { children: _jsx(BrowserIcon, {}) }), "Browser Runtime", _jsx(ActionList.Description, { variant: "block", children: "A Browser Runtime based on Pyodide." })] })] }), runtimeModels.length > 0 && (_jsxs(ActionList.Group, { children: [_jsx(ActionList.GroupHeading, { children: "Cloud Runtimes" }), runtimeModels.map(kernelModel => {
                                             return (_jsxs(ActionList.Item, { selected: sessionConnection?.kernel?.id === kernelModel.id, onSelect: () => {
-                                                    setKernelLocation('remote');
-                                                    assignKernel({
+                                                    setRuntimeLocation('remote');
+                                                    assignRuntime({
                                                         runtimeDesc: {
                                                             name: kernelModel.environment_name,
                                                             language: '',
@@ -146,16 +138,16 @@ export function RuntimeSimplePicker(props) {
                                                             displayName: kernelModel.given_name,
                                                             kernelId: kernelModel.id,
                                                             burningRate: kernelModel.burning_rate,
-                                                            podName: kernelModel.pod_name
+                                                            podName: kernelModel.pod_name,
                                                         },
-                                                        runtimeModel: kernelModel
+                                                        runtimeModel: kernelModel,
                                                     });
                                                 }, children: [_jsx(ActionList.LeadingVisual, { children: _jsx(ArtifactIcon, { type: "runtime" }) }), kernelModel.given_name, _jsx(ActionList.Description, { variant: "block", children: kernelModel.environment_name })] }, kernelModel.id));
-                                        })] })), _jsx(ActionList.Divider, {}), _jsxs(ActionList.Group, { children: [_jsxs(ActionList.Item, { selected: false, onSelect: handleLaunchRemoteKernel, children: [_jsx(ActionList.LeadingVisual, { children: _jsx(PlusIcon, {}) }), "Launch a new Runtime\u2026"] }), _jsxs(ActionList.Item, { disabled: kernelLocation !== 'browser', selected: false, onSelect: () => {
-                                                setDialogCause(KernelDialogCause.Transfer);
-                                            }, title: "Transfer the state of the current Runtime to a new Remote Runtime.", children: [_jsx(ActionList.LeadingVisual, { children: _jsx(UnfoldIcon, {}) }), "Transfer state to a new Runtime\u2026"] })] })] }) })] }), multiServiceManager?.remote && dialogCause > 0 && (_jsx(KernelLauncherDialog, { dialogTitle: dialogCause === KernelDialogCause.Transfer
+                                        })] })), _jsx(ActionList.Divider, {}), _jsxs(ActionList.Group, { children: [_jsxs(ActionList.Item, { selected: false, onSelect: handleLaunchRemoteKernel, children: [_jsx(ActionList.LeadingVisual, { children: _jsx(PlusIcon, {}) }), "Launch a new Runtime\u2026"] }), _jsxs(ActionList.Item, { disabled: runtimeLocation !== 'browser', selected: false, onSelect: () => {
+                                                setDialogCause(RuntimeDialogCause.Transfer);
+                                            }, title: "Transfer the state of the current Runtime to a new Remote Runtime.", children: [_jsx(ActionList.LeadingVisual, { children: _jsx(UnfoldIcon, {}) }), "Transfer state to a new Runtime\u2026"] })] })] }) })] }), multiServiceManager?.remote && dialogCause > 0 && (_jsx(KernelLauncherDialog, { dialogTitle: dialogCause === RuntimeDialogCause.Transfer
                     ? 'Switch to a new Cloud Runtime'
-                    : undefined, manager: multiServiceManager.remote, onSubmit: handleCloseDialog, markdownParser: luminoServices[IMarkdownParser.name], sanitizer: luminoServices[ISanitizer.name], startKernel: dialogCause === KernelDialogCause.Transfer
+                    : undefined, manager: multiServiceManager.remote, onSubmit: handleCloseDialog, markdownParser: luminoServices[IMarkdownParser.name], sanitizer: luminoServices[ISanitizer.name], startKernel: dialogCause === RuntimeDialogCause.Transfer
                     ? 'defer'
-                    : dialogCause === KernelDialogCause.New }))] }));
+                    : dialogCause === RuntimeDialogCause.New }))] }));
 }

package/lib/components/runtimes/RuntimeUtils.d.ts

@@ -1,7 +1,7 @@
 import { SessionContext } from '@jupyterlab/apputils';
 import { ITranslator } from '@jupyterlab/translation';
 import { IMultiServiceManager } from '../../api';
-import { IRuntimeDesc } from '../../api';
+import { IRuntimeDesc } from '../../models';
 export type IDatalayerRuntimeDesc = IRuntimeDesc & {
     gpu?: string;
 };

package/lib/components/runtimes/RuntimeUtils.js

@@ -2,11 +2,6 @@
  * Copyright (c) 2023-2025 Datalayer, Inc.
  * Distributed under the terms of the Modified BSD License.
  */
-/*
- * Copyright (c) 2021-2024 Datalayer, Inc.
- *
- * Datalayer License
- */
 import { PathExt } from '@jupyterlab/coreutils';
 import { nullTranslator } from '@jupyterlab/translation';
 const ASSIGN_NEW_RUNTIME_LABEL = 'Assign a new Runtime';
@@ -41,7 +36,7 @@ export function getGroupedRuntimeDescs(multiServiceManager, kernelId, translator
         .map(session => {
         const spec = multiServiceManager.browser.kernelspecs.specs.kernelspecs[session.kernel.name];
         return {
-            id: "", // TODO Assign a proper ID.
+            id: '', // TODO Assign a proper ID.
             kernelId: session.kernel.id,
             name: spec.name,
             language: spec.language,
@@ -67,7 +62,9 @@ export function getGroupedRuntimeDescs(multiServiceManager, kernelId, translator
         .concat((multiServiceManager.remote?.runtimesManager.get() ?? [])
         .filter(k => k.id && !listedAsSession.includes(k.id))
         .map(runtime => {
-        const environment = multiServiceManager.remote.environments.get().find(env => env.name === runtime.environment_name);
+        const environment = multiServiceManager
+            .remote.environments.get()
+            .find(env => env.name === runtime.environment_name);
         return {
             kernelId: runtime.id,
             name: environment.name,
@@ -87,16 +84,15 @@ export function getGroupedRuntimeDescs(multiServiceManager, kernelId, translator
             name: spec.name,
             language: spec.language,
             displayName: spec.display_name,
-            location: 'browser'
+            location: 'browser',
         };
     }))
         .filter(filterKernels);
     runningSessions.push(...runningKernels);
     if (runningSessions.length) {
-        const key = (variant === 'cell') ?
-            ASSIGN_EXISTING_REMOTE_RUNTIME_LABEL
-            :
-                ASSIGN_EXISTING_RUNTIME_LABEL;
+        const key = variant === 'cell'
+            ? ASSIGN_EXISTING_REMOTE_RUNTIME_LABEL
+            : ASSIGN_EXISTING_RUNTIME_LABEL;
         kernels[key] = runningSessions;
     }
     // Environments.
@@ -118,15 +114,18 @@ export function getGroupedRuntimeDescs(multiServiceManager, kernelId, translator
         displayName: spec.title,
         location: 'remote',
         gpu: spec.resources?.['nvidia.com/gpu'],
-        burningRate: spec.burning_rate
+        burningRate: spec.burning_rate,
     }))
         .filter(filterKernels) ?? []));
-    environments.push(...Object.values(multiServiceManager.browser?.kernelspecs.specs?.kernelspecs ?? {}).filter(spec => !!spec).map(spec => ({
+    environments.push(...Object.values(multiServiceManager.browser?.kernelspecs.specs?.kernelspecs ?? {})
+        .filter(spec => !!spec)
+        .map(spec => ({
         name: spec.name,
         language: spec.language,
         displayName: spec.display_name,
-        location: 'browser'
-    })).filter(filterKernels));
+        location: 'browser',
+    }))
+        .filter(filterKernels));
     if (environments.length) {
         kernels[trans.__(ASSIGN_NEW_RUNTIME_LABEL)] = environments;
     }
@@ -165,7 +164,13 @@ export function getDefaultKernelName(selector) {
     }
     if (matches.length === 1) {
         const specName = matches[0];
-        console.warn('No exact match found for ' + specName + ', using runtime ' + specName + ' that matches ' + 'language=' + language);
+        console.warn('No exact match found for ' +
+            specName +
+            ', using runtime ' +
+            specName +
+            ' that matches ' +
+            'language=' +
+            language);
         return specName;
     }
     // No matches found.

package/lib/components/runtimes/RuntimeVariables.js

@@ -3,14 +3,9 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
  * Copyright (c) 2023-2025 Datalayer, Inc.
  * Distributed under the terms of the Modified BSD License.
  */
-/*
- * Copyright (c) 2021-2024 Datalayer, Inc.
- *
- * Datalayer License
- */
 import { useMemo } from 'react';
 import { IconButton, ToggleSwitch, FormControl } from '@primer/react';
-import { Box } from "@datalayer/primer-addons";
+import { Box } from '@datalayer/primer-addons';
 import { Blankslate, DataTable, Table } from '@primer/react/experimental';
 import { nullTranslator } from '@jupyterlab/translation';
 import { checkIcon } from '@jupyterlab/ui-components';
@@ -18,7 +13,7 @@ import { checkIcon } from '@jupyterlab/ui-components';
  * Runtime variables selector component.
  */
 export function RuntimeVariables(props) {
-    const { className, translator, selectedVariables, setSelectVariable, transferVariables, setTransferVariable, kernelVariables } = props;
+    const { className, translator, selectedVariables, setSelectVariable, transferVariables, setTransferVariable, kernelVariables, } = props;
     const trans = useMemo(() => (translator ?? nullTranslator).load('jupyterlab'), [translator]);
     const nRows = Object.keys(kernelVariables ?? {}).length;
     // Sorting and actions does not play nice together :'(
@@ -26,11 +21,11 @@ export function RuntimeVariables(props) {
         {
             header: trans.__('Name'),
             field: 'name',
-            rowHeader: true
+            rowHeader: true,
         },
         {
             header: trans.__('Type'),
-            field: 'type'
+            field: 'type',
         },
         {
             id: 'select',
@@ -68,10 +63,10 @@ export function RuntimeVariables(props) {
                             setSelectVariable([...selectedVariables, row.name]);
                         }
                     } }));
-            }
-        }
+            },
+        },
     ];
-    return (_jsxs(Box, { className: className, sx: { paddingTop: "10px" }, children: [_jsxs(FormControl, { layout: "horizontal", children: [_jsx(FormControl.Label, { children: trans.__('Transfer variables') }), _jsx(ToggleSwitch, { checked: transferVariables, size: "small", onClick: (e) => {
+    return (_jsxs(Box, { className: className, sx: { paddingTop: '10px' }, children: [_jsxs(FormControl, { layout: "horizontal", children: [_jsx(FormControl.Label, { children: trans.__('Transfer variables') }), _jsx(ToggleSwitch, { checked: transferVariables, size: "small", onClick: e => {
                             e.preventDefault();
                             setTransferVariable(!transferVariables);
                         }, "aria-labelledby": "kernel-toggle-variables" })] }), transferVariables && (_jsxs(Table.Container, { sx: { flex: '1 1 auto', marginTop: 3 }, children: [_jsx(Table.Subtitle, { as: "p", id: "dla-kernel-variables-subtitle", children: trans.__('The list of transferable runtime variables.') }), kernelVariables ? (Object.keys(kernelVariables ?? {}).length ? (_jsx(DataTable, { "aria-labelledby": "dla-kernel-variables", "aria-describedby": "dla-kernel-variables-subtitle", data: Object.entries(kernelVariables ?? {})

package/lib/components/runtimes/index.js

@@ -2,11 +2,6 @@
  * Copyright (c) 2023-2025 Datalayer, Inc.
  * Distributed under the terms of the Modified BSD License.
  */
-/*
- * Copyright (c) 2021-2024 Datalayer, Inc.
- *
- * Datalayer License
- */
 export * from './RuntimeCellVariables';
 export * from './RuntimeCellVariablesDialog';
 export * from './RuntimeLauncherDialog';

package/lib/components/screenshot/ScreenCapture.js

@@ -3,11 +3,6 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
  * Copyright (c) 2023-2025 Datalayer, Inc.
  * Distributed under the terms of the Modified BSD License.
  */
-/*
- * Copyright (c) 2021-2024 Datalayer, Inc.
- *
- * Datalayer License
- */
 import { Component } from 'react';
 import html2canvas from 'html2canvas';
 export class ScreenCapture extends Component {
@@ -50,7 +45,7 @@ export class ScreenCapture extends Component {
     };
     handStartCapture = () => this.setState({ on: true });
     handleMouseMove = (e) => {
-        const { isMouseDown, windowWidth, windowHeight, startX, startY, borderWidth } = this.state;
+        const { isMouseDown, windowWidth, windowHeight, startX, startY, borderWidth, } = this.state;
         let cropPositionTop = startY;
         let cropPositionLeft = startX;
         const endX = e.clientX;
@@ -68,28 +63,24 @@ export class ScreenCapture extends Component {
         let cropHeigth = 0;
         if (isMouseDown) {
             if (isStartTopLeft) {
-                newBorderWidth = `${startY}px ${windowWidth - endX}px ${windowHeight -
-                    endY}px ${startX}px`;
+                newBorderWidth = `${startY}px ${windowWidth - endX}px ${windowHeight - endY}px ${startX}px`;
                 cropWidth = endX - startX;
                 cropHeigth = endY - startY;
             }
             if (isStartTopRight) {
-                newBorderWidth = `${startY}px ${windowWidth - startX}px ${windowHeight -
-                    endY}px ${endX}px`;
+                newBorderWidth = `${startY}px ${windowWidth - startX}px ${windowHeight - endY}px ${endX}px`;
                 cropWidth = startX - endX;
                 cropHeigth = endY - startY;
                 cropPositionLeft = endX;
             }
             if (isStartBottomLeft) {
-                newBorderWidth = `${endY}px ${windowWidth - endX}px ${windowHeight -
-                    startY}px ${startX}px`;
+                newBorderWidth = `${endY}px ${windowWidth - endX}px ${windowHeight - startY}px ${startX}px`;
                 cropWidth = endX - startX;
                 cropHeigth = startY - endY;
                 cropPositionTop = endY;
             }
             if (isStartBottomRight) {
-                newBorderWidth = `${endY}px ${windowWidth - startX}px ${windowHeight -
-                    startY}px ${endX}px`;
+                newBorderWidth = `${endY}px ${windowWidth - startX}px ${windowHeight - startY}px ${endX}px`;
                 cropWidth = startX - endX;
                 cropHeigth = startY - endY;
                 cropPositionLeft = endX;
@@ -132,11 +123,11 @@ export class ScreenCapture extends Component {
         const { windowWidth, windowHeight, cropPositionTop, cropPositionLeft, cropWidth, cropHeigth, } = this.state;
         const body = document.querySelector('body');
         if (body) {
-            let scale = window.devicePixelRatio;
+            const scale = window.devicePixelRatio;
             html2canvas(body, {
                 width: windowWidth,
                 height: windowHeight,
-                scale: scale
+                scale: scale,
             }).then(canvas => {
                 const croppedCanvas = document.createElement('canvas');
                 const croppedCanvasContext = croppedCanvas.getContext('2d');
@@ -161,7 +152,7 @@ export class ScreenCapture extends Component {
     renderChild = () => {
         const { children } = this.props;
         const props = {
-            onStartCapture: this.handStartCapture
+            onStartCapture: this.handStartCapture,
         };
         if (typeof children === 'function') {
             return children(props);
@@ -169,11 +160,11 @@ export class ScreenCapture extends Component {
         return children;
     };
     render() {
-        const { on, crossHairsTop, crossHairsLeft, borderWidth, isMouseDown, } = this.state;
+        const { on, crossHairsTop, crossHairsLeft, borderWidth, isMouseDown } = this.state;
         if (!on) {
             return this.renderChild();
         }
-        return (_jsxs("div", { onMouseMove: this.handleMouseMove, onMouseDown: this.handleMouseDown, onMouseUp: this.handleMouseUp, children: [this.renderChild(), _jsx("div", { className: `overlay ${isMouseDown && 'highlighting'}`, style: { borderWidth: `${borderWidth}` } }), _jsx("div", { className: 'crosshairs', style: { left: crossHairsLeft + 'px', top: crossHairsTop + 'px' } })] }));
+        return (_jsxs("div", { onMouseMove: this.handleMouseMove, onMouseDown: this.handleMouseDown, onMouseUp: this.handleMouseUp, children: [this.renderChild(), _jsx("div", { className: `overlay ${isMouseDown && 'highlighting'}`, style: { borderWidth: `${borderWidth}` } }), _jsx("div", { className: "crosshairs", style: { left: crossHairsLeft + 'px', top: crossHairsTop + 'px' } })] }));
     }
 }
 export default ScreenCapture;

package/lib/components/screenshot/ScreenCaptureButton.d.ts

@@ -1,3 +1,3 @@
-import { PropsWithChildren } from "react";
+import { PropsWithChildren } from 'react';
 export declare const ScreenCaptureButton: (props: PropsWithChildren) => import("react/jsx-runtime").JSX.Element;
 export default ScreenCaptureButton;

package/lib/components/screenshot/ScreenCaptureButton.js

@@ -1,10 +1,10 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { Link, Tooltip, Button } from "@primer/react";
-import { ScreenFullIcon } from "@primer/octicons-react";
-import { lazyWithPreload, WithSuspense } from "../../utils";
-import { useToast } from "../../hooks";
-import { useLayoutStore } from "../../state";
-const ScreenCapture = WithSuspense(lazyWithPreload(() => import("../screenshot/ScreenCapture")));
+import { Link, Tooltip, Button } from '@primer/react';
+import { ScreenFullIcon } from '@primer/octicons-react';
+import { lazyWithPreload, WithSuspense } from '../../utils';
+import { useToast } from '../../hooks';
+import { useLayoutStore } from '../../state';
+const ScreenCapture = WithSuspense(lazyWithPreload(() => import('../screenshot/ScreenCapture')));
 export const ScreenCaptureButton = (props) => {
     const { enqueueToast } = useToast();
     const { setScreenCapture, hideScreenshot } = useLayoutStore();
@@ -15,7 +15,13 @@ export const ScreenCaptureButton = (props) => {
     };
     return (_jsx(ScreenCapture, { onEndCapture: handleScreenCapture, children: ({ onStartCapture }) => (_jsx(Tooltip, { text: "Take a screen capture", direction: "s", children: _jsx(Button, { variant: "invisible", children: _jsx(Link, { href: "javascript: return false;", sx: {
                         color: 'fg.muted',
-                        ':hover, :focus, &[aria-expanded=true]': { background: 'none !important', color: 'accent.fg' }
-                    }, onClick: e => { e.preventDefault(); onStartCapture(); }, children: _jsx(ScreenFullIcon, {}) }) }) })) }));
+                        ':hover, :focus, &[aria-expanded=true]': {
+                            background: 'none !important',
+                            color: 'accent.fg',
+                        },
+                    }, onClick: e => {
+                        e.preventDefault();
+                        onStartCapture();
+                    }, children: _jsx(ScreenFullIcon, {}) }) }) })) }));
 };
 export default ScreenCaptureButton;

package/lib/components/screenshot/index.js

@@ -2,10 +2,5 @@
  * Copyright (c) 2023-2025 Datalayer, Inc.
  * Distributed under the terms of the Modified BSD License.
  */
-/*
- * Copyright (c) 2021-2024 Datalayer, Inc.
- *
- * Datalayer License
- */
 export * from './ScreenCapture';
 export * from './ScreenCaptureButton';

package/lib/components/snapshots/RuntimeSnapshotMenu.js

@@ -3,17 +3,12 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
  * Copyright (c) 2023-2025 Datalayer, Inc.
  * Distributed under the terms of the Modified BSD License.
  */
-/*
- * Copyright (c) 2021-2024 Datalayer, Inc.
- *
- * Datalayer License
- */
-import { useCallback, useEffect, useState } from 'react';
+import { useCallback, useEffect, useState, } from 'react';
 import { CameraIcon } from '@datalayer/icons-react';
-import { ActionList, ActionMenu, Box, Flash, FormControl, Select, Spinner } from '@primer/react';
+import { ActionList, ActionMenu, Box, Flash, FormControl, Select, Spinner, } from '@primer/react';
 import { Dialog } from '@primer/react/experimental';
 import { useToast } from '../../hooks';
-import { createRuntimeSnapshot, getRuntimeSnapshots, loadBrowserRuntimeSnapshot, loadRuntimeSnapshot } from '../../api';
+import { createRuntimeSnapshot, getRuntimeSnapshots, loadBrowserRuntimeSnapshot, loadRuntimeSnapshot, } from '../../api';
 import { useRuntimesStore } from '../../state';
 import { createRuntimeSnapshotName } from '../../utils';
 /**
@@ -21,7 +16,7 @@ import { createRuntimeSnapshotName } from '../../utils';
  */
 export function RuntimeSnapshotMenu(props) {
     const { children, connection, podName, multiServiceManager, disabled } = props;
-    const { addRuntimeSnapshot, runtimesRunUrl, runtimeSnapshots, setRuntimeSnapshots } = useRuntimesStore();
+    const { addRuntimeSnapshot, runtimesRunUrl, runtimeSnapshots, setRuntimeSnapshots, } = useRuntimesStore();
     const { trackAsyncTask } = useToast();
     const [openLoadDialog, setOpenLoadDialog] = useState(false);
     const [loadingKernelSnapshot, setLoadingKernelSnapshot] = useState(false);
@@ -47,7 +42,7 @@ export function RuntimeSnapshotMenu(props) {
     const onKerenelSnapshotChanged = useCallback(event => {
         setSelection(event.target.value);
     }, []);
-    const onLoadKernelSnapshotSubmit = useCallback(async ({ id, connection, podName }) => {
+    const onLoadKernelSnapshotSubmit = useCallback(async ({ id, connection, podName, }) => {
         if (podName) {
             await loadRuntimeSnapshot({ id: podName, from: id });
         }
@@ -68,7 +63,7 @@ export function RuntimeSnapshotMenu(props) {
                     podName,
                     name: snapshotName,
                     description: snapshotName,
-                    stop: false
+                    stop: false,
                 });
                 ref = podName.split('-', 2).reverse()[0];
                 task.then(s => {
@@ -82,7 +77,7 @@ export function RuntimeSnapshotMenu(props) {
                 let isPending = true;
                 task = createRuntimeSnapshot({
                     connection: multiServiceManager.browser.kernels.connectTo({
-                        model
+                        model,
                     }),
                     metadata: { filename: `${snapshotName}.data` },
                     onUploadProgress: () => {
@@ -93,7 +88,7 @@ export function RuntimeSnapshotMenu(props) {
                                 snapshot = snapshots.find(s => s.name === snapshotName);
                             });
                         }
-                    }
+                    },
                 });
             }
             if (task) {
@@ -104,12 +99,12 @@ export function RuntimeSnapshotMenu(props) {
                                 ? `Runtime ${ref} will not be snapshotted as it does not contain any serializable state.`
                                 : `Failed to pause runtime ${ref} - ${reason}`;
                             return msg;
-                        }
+                        },
                     },
                     pending: { message: `Taking a snapshot of runtime ${ref}…` },
                     success: {
-                        message: () => `Runtime ${ref} successfully snapshotted as ${snapshotName}.`
-                    }
+                        message: () => `Runtime ${ref} successfully snapshotted as ${snapshotName}.`,
+                    },
                 });
                 await task;
                 if (snapshot) {
@@ -121,7 +116,9 @@ export function RuntimeSnapshotMenu(props) {
             setTakingSnapshot(false);
         }
     }, [connection, podName, multiServiceManager]);
-    return (_jsxs(_Fragment, { children: [_jsxs(ActionMenu, { children: [_jsx(ActionMenu.Button, { leadingVisual: CameraIcon, variant: "invisible", size: "small", disabled: loadingKernelSnapshot || takingKernelSnapshot || disabled, children: children }), _jsx(ActionMenu.Overlay, { children: _jsxs(ActionList, { children: [_jsx(ActionList.Item, { onSelect: onLoadKernelSnapshot, disabled: loadingKernelSnapshot || runtimeSnapshots.length === 0, children: "Load a runtime snapshot\u2026" }), _jsx(ActionList.Item, { onSelect: onTakeKernelSnapshot, disabled: takingKernelSnapshot, children: "Take a runtime snapshot" })] }) })] }), openLoadDialog && (_jsx(Dialog, { title: "Choose a runtime snapshot to load", onClose: () => { setOpenLoadDialog(false); }, footerButtons: [
+    return (_jsxs(_Fragment, { children: [_jsxs(ActionMenu, { children: [_jsx(ActionMenu.Button, { leadingVisual: CameraIcon, variant: "invisible", size: "small", disabled: loadingKernelSnapshot || takingKernelSnapshot || disabled, children: children }), _jsx(ActionMenu.Overlay, { children: _jsxs(ActionList, { children: [_jsx(ActionList.Item, { onSelect: onLoadKernelSnapshot, disabled: loadingKernelSnapshot || runtimeSnapshots.length === 0, children: "Load a runtime snapshot\u2026" }), _jsx(ActionList.Item, { onSelect: onTakeKernelSnapshot, disabled: takingKernelSnapshot, children: "Take a runtime snapshot" })] }) })] }), openLoadDialog && (_jsx(Dialog, { title: "Choose a runtime snapshot to load", onClose: () => {
+                    setOpenLoadDialog(false);
+                }, footerButtons: [
                     {
                         buttonType: 'default',
                         content: 'Cancel',
@@ -130,11 +127,11 @@ export function RuntimeSnapshotMenu(props) {
                                 event.preventDefault();
                                 setOpenLoadDialog(false);
                             }
-                        }
+                        },
                     },
                     {
                         buttonType: 'primary',
-                        content: loadingKernelSnapshot ? _jsx(Spinner, { size: "small" }) : 'Load',
+                        content: loadingKernelSnapshot ? (_jsx(Spinner, { size: "small" })) : ('Load'),
                         disabled: loadingKernelSnapshot,
                         onClick: async (event) => {
                             if (!event.defaultPrevented) {
@@ -147,7 +144,7 @@ export function RuntimeSnapshotMenu(props) {
                                         await onLoadKernelSnapshotSubmit({
                                             connection,
                                             id: snapshot.id,
-                                            podName
+                                            podName,
                                         });
                                     }
                                     else {
@@ -160,8 +157,8 @@ export function RuntimeSnapshotMenu(props) {
                                 }
                             }
                         },
-                        autoFocus: true
-                    }
+                        autoFocus: true,
+                    },
                 ], children: _jsxs(Box, { as: "form", children: [_jsxs(FormControl, { children: [_jsx(FormControl.Label, { children: "Snapshot" }), _jsx(Select, { name: "snapshot", value: selection, onChange: onKerenelSnapshotChanged, block: true, children: runtimeSnapshots.map(s => (_jsx(Select.Option, { value: s.id, children: s.name ? `${s.name} (${s.id})` : s.id }, s.id))) })] }), error && _jsx(Flash, { variant: "danger", children: error })] }) }))] }));
 }
 RuntimeSnapshotMenu.defaultProps = {

package/lib/components/snapshots/index.js

@@ -2,9 +2,4 @@
  * Copyright (c) 2023-2025 Datalayer, Inc.
  * Distributed under the terms of the Modified BSD License.
  */
-/*
- * Copyright (c) 2021-2024 Datalayer, Inc.
- *
- * Datalayer License
- */
 export * from './RuntimeSnapshotMenu';