@datalayer/core 1.0.24 → 1.1.41

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

@@ -1,69 +0,0 @@
-import { ReactElement, ReactNode } from 'react';
-import { ISessionContext } from '@jupyterlab/apputils';
-import { ITranslator } from '@jupyterlab/translation';
-import { IRuntimeDesc } from '../../models';
-import { IMultiServiceManager } from '../../stateful/runtimes';
-type IDisplayMode = 'menu' | 'radio';
-/**
- * {@link RuntimePickerBase} properties
- */
-export interface IRuntimePickerBaseProps {
-    /**
-     * The display mode.
-     */
-    display: IDisplayMode;
-    /**
-     * Additional actions items to be placed at the top of the picker
-     */
-    preActions?: ReactNode;
-    /**
-     * Additional actions items to be placed at the bottom of the picker
-     */
-    postActions?: ReactNode;
-    /**
-     * Whether the picker is disabled or not.
-     */
-    disabled?: boolean;
-    /**
-     * Runtime description passing this filter function will be displayed.
-     */
-    filterRuntime?: (desc: IRuntimeDesc) => boolean;
-    /**
-     * Session preference.
-     */
-    preference?: {
-        id?: string;
-        kernelDisplayName?: string;
-        language?: string;
-        location?: string;
-    };
-    /**
-     * Runtime description.
-     */
-    runtimeDesc?: IRuntimeDesc;
-    /**
-     * Set runtime description.
-     */
-    setRuntimeDesc: (desc?: IRuntimeDesc) => void;
-    /**
-     * Document session context.
-     */
-    sessionContext?: ISessionContext;
-    /**
-     * Application service manager
-     */
-    multiServiceManager: IMultiServiceManager;
-    /**
-     * Application translator.
-     */
-    translator?: ITranslator;
-    /**
-     * Change the look depending on the menu integration.
-     */
-    variant?: 'document' | 'cell';
-}
-/**
- * Base Kernel Picker component.
- */
-export declare function RuntimePickerBase(props: IRuntimePickerBaseProps): ReactElement;
-export default RuntimePickerBase;

package/lib/components/runtimes/RuntimePickerBase.js

@@ -1,122 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-/*
- * Copyright (c) 2023-2025 Datalayer, Inc.
- * Distributed under the terms of the Modified BSD License.
- */
-import { useEffect, useMemo, useState } from 'react';
-import { nullTranslator } from '@jupyterlab/translation';
-//import { kernelIcon } from '@jupyterlab/ui-components';
-import { ActionList, ActionMenu, IconButton, Text, RadioGroup, Radio, FormControl, LabelGroup, Label, } from '@primer/react';
-import CloudUploadIcon from '@datalayer/icons-react/data1/CloudUploadIcon';
-import { Box } from '@datalayer/primer-addons';
-import { CpuIcon } from '@primer/octicons-react';
-import { BrowserIcon, LaptopSimpleIcon } from '@datalayer/icons-react';
-import { CreditsIndicator } from '../../components/progress/index.js';
-import { isRuntimeRemote } from '../../stateful/runtimes/index.js';
-import { getGroupedRuntimeDescs } from './RuntimeUtils.js';
-/**
- * Maximal runtime display name length after which it is trimmed.
- */
-const RUNTIME_DISPLAY_NAME_MAX_LENGTH = 25;
-/**
- * Base Kernel Picker component.
- */
-export function RuntimePickerBase(props) {
-    const { disabled, display, filterRuntime, multiServiceManager, postActions, preActions, preference, runtimeDesc, sessionContext, setRuntimeDesc, translator, variant, } = props;
-    const [groupedRuntimeDescs, _] = useState(getGroupedRuntimeDescs(multiServiceManager, preference?.id, translator, filterRuntime, variant));
-    const trans = useMemo(() => (translator ?? nullTranslator).load('jupyterlab'), [translator]);
-    const [defaultSet, setDefaultSet] = useState(false);
-    // Trick because overflow is an unknown prop of ActionMenu.Overlay.
-    const overlayProps = {
-        maxHeight: 'large',
-        width: (variant === 'cell' ? 'small' : 'auto'),
-    };
-    /*
-    // TODO this effect generates refresh of the react components which discards any change in the selection.
-    useEffect(() => {
-      const updateGroupedRuntimeDescs = () => {
-        setGroupedKernelDescs(getGroupedRuntimeDescs(multiServiceManager, preference?.id, translator, filterKernel, variant));
-      };
-      multiServiceManager.browser?.kernels.runningChanged.connect(updateGroupedRuntimeDescs);
-      multiServiceManager.browser?.kernelspecs.specsChanged.connect(updateGroupedRuntimeDescs);
-      multiServiceManager.browser?.sessions.runningChanged.connect(updateGroupedRuntimeDescs);
-      multiServiceManager.local.kernels.runningChanged.connect(updateGroupedRuntimeDescs);
-      multiServiceManager.local.kernelspecs.specsChanged.connect(updateGroupedRuntimeDescs);
-      multiServiceManager.local.sessions.runningChanged.connect(updateGroupedRuntimeDescs);
-      multiServiceManager.remote?.kernels.changed.connect(updateGroupedRuntimeDescs);
-      multiServiceManager.remote?.environments.changed.connect(updateGroupedRuntimeDescs);
-      // multiServiceManager.remote?.sessions.runningChanged.connect(updateOptions);
-      return () => {
-        multiServiceManager.browser?.kernels.runningChanged.disconnect(updateGroupedRuntimeDescs);
-        multiServiceManager.browser?.kernelspecs.specsChanged.disconnect(updateGroupedRuntimeDescs);
-        multiServiceManager.browser?.sessions.runningChanged.disconnect(updateGroupedRuntimeDescs);
-        multiServiceManager.local.kernels.runningChanged.disconnect(updateGroupedRuntimeDescs);
-        multiServiceManager.local.kernelspecs.specsChanged.disconnect(updateGroupedRuntimeDescs);
-        multiServiceManager.local.sessions.runningChanged.disconnect(updateGroupedRuntimeDescs);
-        multiServiceManager.remote?.kernels.changed.disconnect(updateGroupedRuntimeDescs);
-        multiServiceManager.remote?.environments.changed.disconnect(updateGroupedRuntimeDescs);
-        // multiServiceManager.remote?.sessions.runningChanged.disconnect(updateOptions);
-      };
-    }, [multiServiceManager, preference, translator, filterKernel, variant]);
-    */
-    useEffect(() => {
-        if (sessionContext && groupedRuntimeDescs) {
-            const kernelId = sessionContext.session?.kernel?.id;
-            if (kernelId) {
-                Object.entries(groupedRuntimeDescs).forEach(([group, runtimeDescs]) => {
-                    runtimeDescs.forEach(runtimeDesc => {
-                        if (runtimeDesc.kernelId === kernelId) {
-                            setRuntimeDesc(runtimeDesc);
-                        }
-                    });
-                });
-            }
-        }
-        setDefaultSet(true);
-    }, [groupedRuntimeDescs]);
-    // For cell using submenu instead of group would be nice unfortunately the feature
-    // is not yet implemented in the component there has been a not-great demo story.
-    // https://github.com/primer/react/pull/3585
-    return (_jsx(_Fragment, { children: display === 'menu' ? (
-        /*
-         * Section for Menu display.
-         */
-        _jsxs(ActionMenu, { children: [variant === 'cell' ? (_jsx(ActionMenu.Anchor, { children: _jsx(IconButton, { disabled: disabled || groupedRuntimeDescs === null, 
-                        //                icon={() => <kernelIcon.react className="dla-Cell-runtime-icon" tag={'span'} />}
-                        icon: () => (_jsx("span", { className: "dla-Cell-runtime-icon", children: _jsx(CpuIcon, {}) })), "aria-label": trans.__('Assign a Runtime to the Cell.'), title: trans.__('Assign a Runtime to the Cell.'), size: "small", variant: "invisible" }) })) : (_jsxs(ActionMenu.Button, { variant: "default", disabled: disabled || groupedRuntimeDescs === null, children: [_jsx(Text, { fontWeight: 'bold', children: trans.__('Runtime:') }), ' ' + (runtimeDesc?.displayName ?? trans.__('No Runtime'))] })), _jsx(ActionMenu.Overlay, { ...overlayProps, width: "medium", sx: { overflowY: 'auto' }, side: variant === 'cell' ? 'outside-left' : 'outside-right', children: _jsxs(ActionList, { selectionVariant: "single", children: [variant === 'cell' && (_jsxs(ActionList.Item, { selected: runtimeDesc === undefined, onSelect: () => {
-                                    setRuntimeDesc(undefined);
-                                }, children: [preference?.location && (_jsx(ActionList.LeadingVisual, { children: preference.location === 'local' ? (_jsx(LaptopSimpleIcon, {})) : preference.location === 'browser' ? (_jsx(BrowserIcon, {})) : (_jsx(CloudUploadIcon, {})) })), trans.__('Assign the Notebook Runtime')] }, 'null')), !!preActions && preActions, Object.entries(groupedRuntimeDescs ?? {}).map(([group, runtimeDescs]) => (_jsxs(ActionList.Group, { children: [_jsx(ActionList.GroupHeading, { children: group }), runtimeDescs.map(candidateRuntimeDesc => {
-                                        const annotation = candidateRuntimeDesc.podName
-                                            ? ` - ${candidateRuntimeDesc.podName.split('-', 2).reverse()[0]}`
-                                            : candidateRuntimeDesc.kernelId
-                                                ? ` - ${candidateRuntimeDesc.kernelId}`
-                                                : '';
-                                        const fullDisplayName = (candidateRuntimeDesc.displayName ?? '') + annotation;
-                                        const displayName = (candidateRuntimeDesc.displayName?.length ?? 0) >
-                                            RUNTIME_DISPLAY_NAME_MAX_LENGTH
-                                            ? candidateRuntimeDesc.displayName.slice(0, RUNTIME_DISPLAY_NAME_MAX_LENGTH) + '…'
-                                            : (candidateRuntimeDesc.displayName ?? '');
-                                        return (_jsxs(ActionList.Item, { title: fullDisplayName, selected: (candidateRuntimeDesc.location ===
-                                                runtimeDesc?.location ||
-                                                (isRuntimeRemote(candidateRuntimeDesc.location) &&
-                                                    isRuntimeRemote(runtimeDesc?.location ?? 'local'))) &&
-                                                (candidateRuntimeDesc.kernelId ??
-                                                    candidateRuntimeDesc.name) ===
-                                                    (runtimeDesc?.kernelId ?? runtimeDesc?.name), onSelect: () => {
-                                                setRuntimeDesc(candidateRuntimeDesc);
-                                            }, children: [_jsx(ActionList.LeadingVisual, { children: candidateRuntimeDesc.location === 'local' ? (_jsx(LaptopSimpleIcon, {})) : candidateRuntimeDesc.location === 'browser' ? (_jsx(BrowserIcon, {})) : (_jsx(CloudUploadIcon, {})) }), displayName + annotation.slice(0, 10)] }, candidateRuntimeDesc.name));
-                                    })] }, group))), !!postActions && (_jsxs(_Fragment, { children: [_jsx(ActionList.Divider, {}), postActions] }))] }) })] })) : (
-        /*
-         * Section for Radio display.
-         */
-        _jsxs(_Fragment, { children: [defaultSet && (_jsx(RadioGroup, { name: "kernel-options", "aria-labelledby": "kernel-options", children: Object.entries(groupedRuntimeDescs ?? {}).map(([group, runtimeDescs]) => (_jsxs(Box, { children: [_jsx(Box, { as: "h4", style: { marginTop: 0 }, children: group }), runtimeDescs.map(k => {
-                                return (_jsxs(Box, { title: k.name, children: [_jsxs(FormControl, { children: [_jsx(Radio, { value: k.kernelId, onChange: () => {
-                                                        setRuntimeDesc(k);
-                                                    }, checked: (k.location === runtimeDesc?.location ||
-                                                        (isRuntimeRemote(k.location) &&
-                                                            isRuntimeRemote(runtimeDesc?.location ?? 'local'))) &&
-                                                        (k.kernelId ?? k.name) ===
-                                                            (runtimeDesc?.kernelId ?? runtimeDesc?.name) }), _jsx(FormControl.Label, { children: _jsxs(Box, { display: "flex", children: [_jsx(Box, { children: k.displayName }), k.kernelId && k.location === 'remote' && (_jsx(Box, { ml: 3, mt: 1, children: _jsx(CreditsIndicator, { kernelId: k.kernelId, serviceManager: multiServiceManager.remote }, "credits-indicator") }))] }) }), _jsx(FormControl.Caption, { children: _jsxs(LabelGroup, { sx: { marginTop: 1 }, children: [_jsx(Label, { variant: "secondary", children: k.name }), _jsx(Label, { variant: "secondary", sx: { marginLeft: 1 }, children: k.location }), k.burningRate && (_jsxs(Label, { variant: "sponsors", sx: { marginLeft: 1 }, children: [k.burningRate, " credits/second"] })), k.gpu && (_jsx(Label, { variant: "success", sx: { marginLeft: 1 }, children: "GPU" }))] }) })] }), _jsx(ActionList.Divider, {})] }, k.kernelId));
-                            })] }, group))) })), !!postActions && _jsx(_Fragment, { children: postActions })] })) }));
-}
-export default RuntimePickerBase;

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

@@ -1,34 +0,0 @@
-import { ISessionContext } from '@jupyterlab/apputils';
-import { CodeCellModel } from '@jupyterlab/cells';
-import type { IMarkdownParser, IRenderMime } from '@jupyterlab/rendermime';
-import { IRuntimePickerBaseProps } from './RuntimePickerBase';
-/**
- * {@link RuntimePickerCell} properties
- */
-export type IRuntimePickerCellProps = Pick<IRuntimePickerBaseProps, 'multiServiceManager' | 'preference' | 'translator'> & {
-    /**
-     * Callback to allow the user to login
-     */
-    logIn?: () => void;
-    /**
-     * Code cell model
-     */
-    model: CodeCellModel;
-    /**
-     * Document session context
-     */
-    sessionContext?: ISessionContext;
-    /**
-     * Markdown parser
-     */
-    markdownParser?: IMarkdownParser;
-    /**
-     * HTML sanitizer; if not provided the produced HTML will not be sanitized.
-     */
-    sanitizer?: IRenderMime.ISanitizer;
-};
-/**
- * Runtime picker component for a cell.
- */
-export declare function RuntimePickerCell(props: IRuntimePickerCellProps): JSX.Element;
-export default RuntimePickerCell;

package/lib/components/runtimes/RuntimePickerCell.js

@@ -1,104 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-/*
- * Copyright (c) 2023-2025 Datalayer, Inc.
- * Distributed under the terms of the Modified BSD License.
- */
-import { useCallback, useEffect, useMemo, useState } from 'react';
-import { nullTranslator } from '@jupyterlab/translation';
-import { ActionList } from '@primer/react';
-import { CloudUploadIcon } from '@datalayer/icons-react';
-import { useCoreStore, useIAMStore } from '../../state/index.js';
-import { isRuntimeRemote } from '../../stateful/runtimes/index.js';
-import { RuntimeSnippetsFacade } from '../../stateful/jupyter/index.js';
-import { ExternalTokenSilentLogin } from '../../components/iam/index.js';
-import { SnippetDialog } from './../snippets/SnippetDialog.js';
-import { RuntimeLauncherDialog } from './RuntimeLauncherDialog.js';
-import { RuntimePickerBase } from './RuntimePickerBase.js';
-import { RuntimeCellVariablesDialog } from './RuntimeCellVariablesDialog.js';
-/**
- * Runtime picker component for a cell.
- */
-export function RuntimePickerCell(props) {
-    const { logIn, markdownParser, model, preference, sanitizer, multiServiceManager, sessionContext, translator, } = props;
-    const { token } = useIAMStore();
-    const { configuration } = useCoreStore();
-    const [isForeign, setIsForeign] = useState(false);
-    const [hasCellRuntime, setHasCellRuntime] = useState(false);
-    const [isKernelDialogOpen, setIsKernelDialogOpen] = useState(false);
-    const [isVariableDialogOpen, setIsVariableDialogOpen] = useState(false);
-    const [language, setLanguage] = useState('');
-    const [snippets, setSnippets] = useState([]);
-    const [isSnippetDialogOpen, setIsSnippetDialogOpen] = useState(false);
-    const trans = useMemo(() => (translator ?? nullTranslator).load('jupyterlab'), [translator]);
-    useEffect(() => {
-        const updateState = (model) => {
-            const datalayerMeta = model.getMetadata('datalayer') ?? {};
-            const runtime = datalayerMeta.kernel;
-            setIsForeign(!!runtime);
-            setHasCellRuntime(runtime?.params?.notebook === false);
-            const newSnippets = new Array();
-            if (runtime) {
-                const spec = multiServiceManager.remote?.environments
-                    .get()
-                    .find(env => env.name === runtime.name);
-                setLanguage(spec?.language ?? '');
-                if (spec?.snippets) {
-                    newSnippets.push(...spec.snippets);
-                }
-            }
-            setSnippets(newSnippets);
-        };
-        updateState(model);
-        model.metadataChanged.connect(updateState);
-        return () => {
-            model.metadataChanged.disconnect(updateState);
-        };
-    }, [model]);
-    const filterKernel = useCallback((desc) => {
-        return (!!desc.kernelId &&
-            isRuntimeRemote(desc.location) &&
-            (!preference?.language || desc.language === preference?.language));
-    }, [preference]);
-    const setSelectedRuntimeDesc = useCallback((kernel) => {
-        const datalayerMeta = model.getMetadata('datalayer') ?? {
-            runtime: undefined,
-        };
-        if (!kernel) {
-            delete datalayerMeta.kernel;
-            model.setMetadata('datalayer', datalayerMeta);
-        }
-        else {
-            model.setMetadata('datalayer', Object.assign(datalayerMeta, { kernel }));
-        }
-    }, [model]);
-    const closeVariableDialog = useCallback(() => {
-        setIsVariableDialogOpen(false);
-    }, []);
-    const openVariableDialog = useCallback(() => {
-        setIsVariableDialogOpen(true);
-    }, []);
-    const closeSnippetDialog = useCallback(() => {
-        setIsSnippetDialogOpen(false);
-    }, []);
-    const openSnippetDialog = useCallback(() => {
-        setIsSnippetDialogOpen(true);
-    }, []);
-    const setCell = useCallback(() => {
-        setIsKernelDialogOpen(true);
-    }, []);
-    const onStartRemote = useCallback((desc) => {
-        if (desc) {
-            desc.params = {
-                ...desc.params,
-                notebook: false,
-            };
-            setSelectedRuntimeDesc(desc);
-        }
-        setIsKernelDialogOpen(false);
-    }, [setSelectedRuntimeDesc]);
-    const datalayerMeta = model.getMetadata('datalayer') ?? {};
-    return (_jsxs(_Fragment, { children: [_jsx(RuntimePickerBase, { display: "menu", filterRuntime: filterKernel, preference: preference, multiServiceManager: multiServiceManager, runtimeDesc: datalayerMeta.kernel ? datalayerMeta.kernel : undefined, setRuntimeDesc: setSelectedRuntimeDesc, variant: 'cell', preActions: _jsxs(ActionList.Item, { disabled: !multiServiceManager.remote, onSelect: setCell, selected: hasCellRuntime, title: !multiServiceManager.remote
-                        ? 'You are not connected with Datalayer.'
-                        : 'Assign a new temporary Runtime on each Cell execution.', children: [_jsx(ActionList.LeadingVisual, { children: _jsx(CloudUploadIcon, {}) }), trans.__('Assign a Cell Runtime')] }), postActions: token || !logIn ? (_jsxs(_Fragment, { children: [RuntimeSnippetsFacade.supports(preference?.language ?? '') && (_jsx(ActionList.Item, { onSelect: openVariableDialog, disabled: !isForeign, title: trans.__('Define variables to transfer between the document kernel and the cell kernel.'), children: trans.__('Define Cell Variables Transfer') })), !configuration.whiteLabel && (_jsx(ActionList.Item, { onSelect: openSnippetDialog, disabled: snippets.length === 0, title: trans.__('Inject a code snippet at the end of the cell.'), children: trans.__('Inject Code Snippet') }))] })) : (_jsx(ActionList.Item, { onSelect: props.logIn, title: 'Connect to the Runtime provider.', children: _jsx(ExternalTokenSilentLogin, { message: "Connect to the Runtime provider" }) })), translator: translator }), isVariableDialogOpen && (_jsx(RuntimeCellVariablesDialog, { model: model, onClose: closeVariableDialog, preference: preference, sessionContext: sessionContext, translator: translator })), isSnippetDialogOpen && (_jsx(SnippetDialog, { language: language, model: model, snippets: snippets, onClose: closeSnippetDialog, markdownParser: markdownParser, sanitizer: sanitizer })), isKernelDialogOpen && (_jsx(RuntimeLauncherDialog, { manager: multiServiceManager.remote, onSubmit: onStartRemote, startRuntime: 'defer', submitLabel: "Assign", markdownParser: markdownParser, sanitizer: sanitizer }))] }));
-}
-export default RuntimePickerCell;

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

@@ -1,42 +0,0 @@
-import { ITranslator } from '@jupyterlab/translation';
-import { CommandRegistry } from '@lumino/commands';
-import type { IMultiServiceManager, IDatalayerSessionContext } from '../../stateful/runtimes';
-import { RuntimeTransfer } from './RuntimeTransfer';
-/**
- * {@link RuntimePickerNotebook} properties
- */
-export interface IRuntimePickerNotebookProps {
-    /**
-     * Callback to allow the user to login
-     */
-    logIn?: () => void;
-    /**
-     * Document session context
-     */
-    sessionContext: IDatalayerSessionContext;
-    /**
-     * Multi service manager
-     */
-    multiServiceManager: IMultiServiceManager;
-    /**
-     * Set the selected kernel
-     */
-    setValue: (v: RuntimeTransfer | Error) => void;
-    /**
-     * Close the dialog
-     */
-    close: () => void;
-    /**
-     * Command registry
-     */
-    commands: CommandRegistry;
-    /**
-     * Application translator
-     */
-    translator?: ITranslator;
-}
-/**
- * Runtime Picker components for a Notebook.
- */
-export declare function RuntimePickerNotebook(props: IRuntimePickerNotebookProps): JSX.Element;
-export default RuntimePickerNotebook;

package/lib/components/runtimes/RuntimePickerNotebook.js

@@ -1,232 +0,0 @@
-import { Fragment as _Fragment, 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.
- */
-import { useCallback, useEffect, useState } from 'react';
-import { ActionList, FormControl, ToggleSwitch, Tooltip, IconButton, } from '@primer/react';
-import { Box } from '@datalayer/primer-addons';
-import { AlertIcon } from '@primer/octicons-react';
-import { JSONExt } from '@lumino/coreutils';
-import { KernelExecutor } from '@datalayer/jupyter-react';
-import { RuntimeSnippetsFacade } from '../../stateful/jupyter/index.js';
-import { ExternalTokenSilentLogin } from '../../components/iam/index.js';
-import { useCoreStore, useIAMStore } from '../../state/index.js';
-import { RuntimeReservationControl, MAXIMAL_RUNTIME_TIME_RESERVATION_MINUTES, } from './RuntimeReservationControl.js';
-import { RuntimeVariables } from './RuntimeVariables.js';
-import { RuntimePickerBase } from './RuntimePickerBase.js';
-/**
- * Runtime Picker components for a Notebook.
- */
-export function RuntimePickerNotebook(props) {
-    const { multiServiceManager, sessionContext, setValue, translator } = props;
-    const { configuration } = useCoreStore();
-    const { credits, refreshCredits, token, user } = useIAMStore();
-    const [selectedRuntimeDesc, setSelectedRuntimeDesc] = useState();
-    const [timeLimit, setTimeLimit] = useState(10);
-    const [userStorage, setUserStorage] = useState(false);
-    const [canTransferFrom, setTransferFrom] = useState(false);
-    const [canTransferTo, setTransferTo] = useState(false);
-    const [transferVariables, setTransferVariables] = useState(false);
-    const [hasLoadedVariables, setHasLoadedVariables] = useState(false);
-    const [kernelVariables, setRuntimeVariables] = useState();
-    const [toTransfer, setToTransfer] = useState([]);
-    useEffect(() => {
-        refreshCredits();
-    }, []);
-    useEffect(() => {
-        const specs = sessionContext.specsManager.specs?.kernelspecs;
-        if (sessionContext.session?.kernel?.name && specs) {
-            const spec = Object.values(specs).find(spec => spec?.name === sessionContext.session.kernel.name);
-            if (spec) {
-                setSelectedRuntimeDesc({
-                    name: spec.name,
-                    kernelId: sessionContext.session.kernel.id,
-                    location: sessionContext.location,
-                    language: spec.language,
-                    displayName: sessionContext.kernelDisplayName,
-                });
-                setTransferFrom(RuntimeSnippetsFacade.supports(spec.language));
-            }
-        }
-    }, [sessionContext]);
-    const listRuntimeVariables = useCallback(async () => {
-        if (hasLoadedVariables) {
-            return Promise.resolve();
-        }
-        setHasLoadedVariables(true);
-        const connection = sessionContext.session.kernel;
-        const spec = sessionContext.specsManager.specs.kernelspecs[connection.model.name];
-        const snippets = new RuntimeSnippetsFacade(spec.language);
-        const outputs = await new KernelExecutor({ connection }).execute(snippets.listVariables());
-        const content = outputs.get(0).data['text/plain'];
-        if (content) {
-            setRuntimeVariables(JSON.parse(
-            // We need to remove the quotes prior to parsing.
-            content.slice(1, content.length - 1)));
-            if (toTransfer.length) {
-                const candidates = Object.keys(kernelVariables ?? {});
-                setToTransfer(toTransfer.filter(n => candidates.includes(n)));
-            }
-            else {
-                // By default select all variables.
-                setToTransfer(Object.keys(kernelVariables ?? {}));
-            }
-        }
-        else {
-            setRuntimeVariables({});
-        }
-    }, [hasLoadedVariables, kernelVariables, toTransfer]);
-    const setSelectedVariables = useCallback((l) => {
-        if (!JSONExt.deepEqual(toTransfer, l)) {
-            setToTransfer(l);
-        }
-    }, [toTransfer]);
-    const setTransferVariable = useCallback((value) => {
-        if (transferVariables !== value) {
-            if (value) {
-                listRuntimeVariables().catch(error => {
-                    console.error('Failed to list the runtime variable', error);
-                    setHasLoadedVariables(false);
-                });
-            }
-            setTransferVariables(value);
-        }
-    }, [transferVariables]);
-    const setRuntimeDesc = useCallback((runtimeDesc) => {
-        if (!runtimeDesc) {
-            if (selectedRuntimeDesc) {
-                setSelectedRuntimeDesc(undefined);
-                setTransferTo(false);
-            }
-            return;
-        }
-        if (selectedRuntimeDesc?.displayName !== runtimeDesc.displayName ||
-            selectedRuntimeDesc?.kernelId !== runtimeDesc.kernelId) {
-            setSelectedRuntimeDesc({ ...runtimeDesc });
-            setTransferTo(RuntimeSnippetsFacade.supports(runtimeDesc.language));
-        }
-    }, [selectedRuntimeDesc]);
-    const handleUserStorageChange = useCallback((e) => {
-        e.preventDefault();
-        setUserStorage(!userStorage);
-    }, [userStorage]);
-    useEffect(() => {
-        const resolvedBurningRate = selectedRuntimeDesc?.burningRate ??
-            multiServiceManager.remote?.environments
-                .get()
-                .find(env => env.name === selectedRuntimeDesc?.name)?.burning_rate;
-        const includedRuns = user?.subscription?.usage?.included_runs ??
-            user?.subscription?.included_runs;
-        const currentRuns = user?.subscription?.usage?.current_runs ??
-            user?.subscription?.current_runs ??
-            user?.subscription?.used_runs;
-        const hasKnownRunAllowance = typeof includedRuns === 'number';
-        const hasRemainingRuns = hasKnownRunAllowance &&
-            typeof currentRuns === 'number' &&
-            includedRuns > 0 &&
-            currentRuns < includedRuns;
-        const hasKnownCredits = typeof credits?.available === 'number';
-        const maxMinutes = selectedRuntimeDesc?.location === 'remote' && resolvedBurningRate
-            ? Math.floor((credits?.available ?? 0) / resolvedBurningRate / 60.0)
-            : undefined;
-        const effectiveTimeLimit = selectedRuntimeDesc?.location === 'remote'
-            ? Math.max(1, Math.min(timeLimit, maxMinutes && maxMinutes > 0 ? maxMinutes : 10))
-            : timeLimit;
-        const creditsLimit = selectedRuntimeDesc?.location === 'remote' && resolvedBurningRate
-            ? Math.min(effectiveTimeLimit, MAXIMAL_RUNTIME_TIME_RESERVATION_MINUTES) *
-                resolvedBurningRate *
-                60
-            : undefined;
-        const requiresRuntimeStart = !!selectedRuntimeDesc && !selectedRuntimeDesc.kernelId;
-        if (requiresRuntimeStart && selectedRuntimeDesc.location === 'remote') {
-            if (!resolvedBurningRate || !Number.isFinite(resolvedBurningRate)) {
-                setValue({ runtime: null, selectedVariables: toTransfer });
-                return;
-            }
-            if (hasKnownCredits &&
-                hasKnownRunAllowance &&
-                !hasRemainingRuns &&
-                (!creditsLimit || creditsLimit <= 0)) {
-                setValue({ runtime: null, selectedVariables: toTransfer });
-                return;
-            }
-        }
-        setValue({
-            runtime: selectedRuntimeDesc
-                ? {
-                    environmentName: ['browser', 'remote'].includes(selectedRuntimeDesc.location)
-                        ? `${selectedRuntimeDesc.location}-${selectedRuntimeDesc.name}`
-                        : selectedRuntimeDesc.name,
-                    id: selectedRuntimeDesc.kernelId,
-                    creditsLimit,
-                    capabilities: userStorage ? ['user_storage'] : undefined,
-                }
-                : null,
-            selectedVariables: toTransfer,
-        });
-    }, [
-        selectedRuntimeDesc,
-        userStorage,
-        toTransfer,
-        timeLimit,
-        multiServiceManager.remote,
-        credits?.available,
-        user,
-    ]);
-    const { kernelPreference: { canStart }, } = sessionContext;
-    const resolvedBurningRate = selectedRuntimeDesc?.burningRate ??
-        multiServiceManager.remote?.environments
-            .get()
-            .find(env => env.name === selectedRuntimeDesc?.name)?.burning_rate;
-    const maxFromCredits = resolvedBurningRate
-        ? Math.floor((credits?.available ?? 0) / resolvedBurningRate / 60.0)
-        : -1;
-    const includedRuns = user?.subscription?.usage?.included_runs ??
-        user?.subscription?.included_runs;
-    const currentRuns = user?.subscription?.usage?.current_runs ??
-        user?.subscription?.current_runs ??
-        user?.subscription?.used_runs;
-    const hasKnownRunAllowance = typeof includedRuns === 'number';
-    const hasRemainingRuns = hasKnownRunAllowance &&
-        typeof currentRuns === 'number' &&
-        includedRuns > 0 &&
-        currentRuns < includedRuns;
-    const hasKnownCredits = typeof credits?.available === 'number';
-    const effectiveMaxMinutes = selectedRuntimeDesc?.location === 'remote'
-        ? hasKnownCredits && hasKnownRunAllowance && !hasRemainingRuns
-            ? Math.max(1, maxFromCredits)
-            : Math.max(10, maxFromCredits > 0 ? maxFromCredits : 0)
-        : Math.max(1, maxFromCredits);
-    const outOfCredits = hasKnownCredits &&
-        hasKnownRunAllowance &&
-        !hasRemainingRuns &&
-        maxFromCredits < Number.EPSILON;
-    return (_jsxs(Box, { as: "form", className: "dla-Runtimes-picker", children: [_jsx(Box, { sx: { padding: 'var(--stack-padding-condensed) 0' }, children: _jsx(RuntimePickerBase, { display: "radio", disabled: canStart === false, preference: {
-                        id: sessionContext.session?.id,
-                        kernelDisplayName: sessionContext.kernelPreference.shouldStart
-                            ? sessionContext.kernelDisplayName
-                            : undefined,
-                    }, sessionContext: sessionContext, multiServiceManager: multiServiceManager, translator: translator, runtimeDesc: selectedRuntimeDesc, setRuntimeDesc: setRuntimeDesc, postActions: token || !props.logIn ? (
-                    /*
-                  <Button
-                    variant="default"
-                    onClick={e => {
-                      e.preventDefault();
-                      commands.execute(CommandIDs.launchRemoteRuntime);
-                      close();
-                    }}
-                  >
-                    Launch a New Runtime
-                  </Button>
-                  */
-                    _jsx(_Fragment, {})) : (_jsx(ActionList.Item, { onSelect: props.logIn, title: 'Connect to Runtime provider.', children: _jsx(ExternalTokenSilentLogin, { message: "Connect to the Runtime provider" }) })) }) }), !selectedRuntimeDesc?.kernelId &&
-                selectedRuntimeDesc?.location === 'remote' && (_jsxs(_Fragment, { children: [_jsx(RuntimeReservationControl, { disabled: outOfCredits || selectedRuntimeDesc?.location !== 'remote', label: 'Time reservation', max: effectiveMaxMinutes, time: timeLimit, onTimeChange: setTimeLimit, error: outOfCredits && maxFromCredits >= 0
-                            ? 'You must add credits to your account.'
-                            : timeLimit === 0
-                                ? 'You must set a time limit.'
-                                : undefined, burningRate: selectedRuntimeDesc.burningRate }), !configuration.whiteLabel && (_jsxs(FormControl, { disabled: !!selectedRuntimeDesc?.kernelId ||
-                            selectedRuntimeDesc?.location !== 'remote', layout: "horizontal", children: [_jsxs(FormControl.Label, { id: "user-storage-picker-label", children: ["User storage", _jsx(Tooltip, { text: "The runtime will be slower to start.", direction: "e", style: { marginLeft: 3 }, children: _jsx(IconButton, { icon: AlertIcon, "aria-label": "", variant: "invisible" }) })] }), _jsx(ToggleSwitch, { disabled: !!selectedRuntimeDesc?.kernelId ||
-                                    selectedRuntimeDesc?.location !== 'remote', checked: userStorage, size: "small", onClick: handleUserStorageChange, "aria-labelledby": "user-storage-picker-label" })] }))] })), canTransferFrom && canTransferTo && (_jsx(RuntimeVariables, { selectedVariables: toTransfer, setSelectVariable: setSelectedVariables, transferVariables: transferVariables, setTransferVariable: setTransferVariable, kernelVariables: kernelVariables, translator: translator }))] }));
-}
-export default RuntimePickerNotebook;

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

@@ -1,47 +0,0 @@
-/**
- * Maximal time reservable for a runtime in minutes.
- *
- * TODO this should be configurable
- */
-export declare const MAXIMAL_RUNTIME_TIME_RESERVATION_MINUTES: number;
-/**
- * Time control properties
- */
-export interface IKernelReservationControlProps {
-    /**
-     * Callback on add credits button
-     */
-    addCredits?: () => void;
-    /**
-     * Disabled state
-     */
-    disabled?: boolean;
-    /**
-     * Control error message
-     */
-    error?: string;
-    /**
-     * Control label
-     */
-    label: string;
-    /**
-     * Maximal time
-     */
-    max: number;
-    /**
-     * Callback when time value changes
-     */
-    onTimeChange: (value: number) => void;
-    /**
-     * Time control value
-     */
-    time: number;
-    /**
-     * Burning rate
-     */
-    burningRate?: number;
-}
-/**
- * Runtime reservation control
- */
-export declare function RuntimeReservationControl(props: IKernelReservationControlProps): JSX.Element;