@datalayer/jupyter-react 2.0.6 → 2.0.8

package/lib/components/kernel/KernelIndicator.js

@@ -1,105 +1,269 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 /*
  * Copyright (c) 2021-2023 Datalayer, Inc.
  *
  * MIT License
  */
-import { useState, useEffect } from 'react';
-import { Button, Tooltip, Text } from '@primer/react';
-import { XCircleFillIcon } from '@primer/octicons-react';
-import { CircleBlackIcon, CircleBrownIcon, CircleGreenIcon, CircleHollowRedIcon, CircleOrangeIcon, CirclePurpleIcon, CircleRedIcon, CircleWhiteIcon, CircleYellowIcon, CircleCurrentColorIcon, PlusCircleIcon, } 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(PlusCircleIcon, {}, "connecting")],
-    [
-        'connected-unknown',
-        _jsx(CircleCurrentColorIcon, { color: "lightgray" }, "connected-unknown"),
-    ],
-    ['connected-starting', _jsx(CircleYellowIcon, {}, "connected-starting")],
-    ['connected-idle', _jsx(CircleGreenIcon, {}, "connected-idle")],
-    ['connected-busy', _jsx(CircleOrangeIcon, {}, "connected-busy")],
-    ['connected-terminating', _jsx(CircleWhiteIcon, {}, "connected-terminating")],
-    ['connected-restarting', _jsx(CirclePurpleIcon, {}, "connected-restarting")],
-    [
-        'connected-autorestarting',
-        _jsx(CircleHollowRedIcon, {}, "connected-autorestarting"),
-    ],
-    ['connected-dead', _jsx(CircleRedIcon, {}, "connected-dead")],
-    ['disconnected', _jsx(XCircleFillIcon, { size: 16 }, "disconnected")],
-    ['disconnecting', _jsx(CircleBrownIcon, {}, "disconnecting")],
-    ['undefined', _jsx(CircleBlackIcon, {}, "undefined")],
-]);
-export const toKernelState = (connectionStatus, status) => {
-    if (connectionStatus === 'connecting' ||
-        connectionStatus === 'disconnected') {
-        return connectionStatus;
-    }
-    return (connectionStatus + '-' + status);
-};
-export const KernelIndicator = (props) => {
-    const { label = '', kernel, env } = props;
+import { useEffect, useRef, useState } from 'react';
+import { createPortal } from 'react-dom';
+import { Box, Button, Text } from '@primer/react';
+import { getKernelIndicatorMeta, KERNEL_STATE_LABELS, renderKernelStateGlyph, } from './KernelIndicatorState.js';
+export const KernelIndicator = ({ label = '', overlayTitle = 'Sandbox Details', kernel, env, state, environmentName, memory, cpu, gpu, }) => {
     const [connectionStatus, setConnectionStatus] = useState();
     const [status, setStatus] = useState();
+    const [showDetails, setShowDetails] = useState(false);
+    const containerRef = useRef(null);
+    const triggerRef = useRef(null);
+    const overlayRef = useRef(null);
+    const [overlayPosition, setOverlayPosition] = useState({ top: 0, left: 0 });
     useEffect(() => {
-        if (kernel) {
-            setConnectionStatus(kernel?.connectionStatus);
-            setStatus(kernel?.status);
-            kernel.connectionStatusChanged.connect((_, connectionStatus) => {
-                setConnectionStatus(connectionStatus);
-            });
-            kernel.statusChanged.connect((_, status) => {
-                setStatus(status);
-            });
+        if (!kernel) {
+            return;
         }
+        setConnectionStatus(kernel.connectionStatus);
+        setStatus(kernel.status);
+        const handleConnectionChange = (_, nextStatus) => {
+            setConnectionStatus(nextStatus);
+        };
+        const handleStatusChange = (_, nextStatus) => {
+            setStatus(nextStatus);
+        };
+        kernel.connectionStatusChanged.connect(handleConnectionChange);
+        kernel.statusChanged.connect(handleStatusChange);
+        return () => {
+            kernel.connectionStatusChanged.disconnect(handleConnectionChange);
+            kernel.statusChanged.disconnect(handleStatusChange);
+        };
     }, [kernel]);
-    return connectionStatus && status ? (_jsx(Tooltip, { text: `${connectionStatus} - ${status} - ${env?.display_name} - ${kernel?.id}`, children: _jsx(Button, { variant: "invisible", sx: {
-                p: 1,
-                minWidth: 'auto',
-                aspectRatio: '1 / 1',
-                display: 'inline-flex',
-                alignItems: 'center',
-                justifyContent: 'center',
-            }, children: _jsxs("span", { style: {
-                    display: 'inline-flex',
-                    alignItems: 'center',
-                    justifyContent: 'center',
-                    gap: '6px',
-                    fontSize: '16px',
-                    lineHeight: 1,
-                    verticalAlign: 'middle',
-                }, children: [label ? _jsx(Text, { children: label }) : null, KERNEL_STATES.get(toKernelState(connectionStatus, status)) ?? _jsx(_Fragment, {})] }) }) })) : (_jsx(Tooltip, { text: "Undefined state", children: _jsx(Button, { variant: "invisible", sx: {
-                p: 1,
-                minWidth: 'auto',
-                aspectRatio: '1 / 1',
-                display: 'inline-flex',
-                alignItems: 'center',
-                justifyContent: 'center',
-            }, children: _jsxs("span", { style: {
+    useEffect(() => {
+        if (!showDetails) {
+            return;
+        }
+        const handleDocumentPointerDown = (event) => {
+            const targetNode = event.target;
+            if (!targetNode) {
+                return;
+            }
+            if (containerRef.current?.contains(targetNode)) {
+                return;
+            }
+            if (overlayRef.current?.contains(targetNode)) {
+                return;
+            }
+            setShowDetails(false);
+        };
+        const handleEscape = (event) => {
+            if (event.key === 'Escape') {
+                setShowDetails(false);
+            }
+        };
+        document.addEventListener('mousedown', handleDocumentPointerDown);
+        document.addEventListener('keydown', handleEscape);
+        return () => {
+            document.removeEventListener('mousedown', handleDocumentPointerDown);
+            document.removeEventListener('keydown', handleEscape);
+        };
+    }, [showDetails]);
+    useEffect(() => {
+        if (!showDetails) {
+            return;
+        }
+        const updateOverlayPosition = () => {
+            const triggerRect = triggerRef.current?.getBoundingClientRect();
+            if (!triggerRect) {
+                return;
+            }
+            setOverlayPosition({
+                top: triggerRect.bottom + 8,
+                left: triggerRect.left + triggerRect.width / 2,
+            });
+        };
+        updateOverlayPosition();
+        window.addEventListener('resize', updateOverlayPosition);
+        window.addEventListener('scroll', updateOverlayPosition, true);
+        return () => {
+            window.removeEventListener('resize', updateOverlayPosition);
+            window.removeEventListener('scroll', updateOverlayPosition, true);
+        };
+    }, [showDetails]);
+    const resolvedEnvironmentName = environmentName || env?.display_name || 'browser-runtime';
+    const meta = getKernelIndicatorMeta({
+        state,
+        connectionStatus,
+        status,
+        envDisplayName: resolvedEnvironmentName,
+        kernelId: kernel?.id,
+        kernelName: kernel?.name,
+        clientId: kernel?.clientId,
+        username: kernel?.username,
+    });
+    const kernelAny = kernel;
+    const runtimeDetails = [
+        { label: 'State', value: meta.state },
+        { label: 'Connection', value: connectionStatus ?? 'unknown' },
+        { label: 'Status', value: status ?? 'unknown' },
+    ];
+    const environmentDetails = [
+        { label: 'Name', value: resolvedEnvironmentName },
+        { label: 'CPU', value: cpu ?? 'n/a' },
+        { label: 'Memory', value: memory ?? 'n/a' },
+        { label: 'GPU', value: gpu ?? 'n/a' },
+    ];
+    const identityDetails = [
+        { label: 'Kernel Name', value: kernel?.name ?? 'unknown-kernel' },
+        { label: 'Kernel ID', value: kernel?.id ?? 'no-kernel' },
+        { label: 'Client ID', value: kernel?.clientId ?? 'unknown-client' },
+        { label: 'User', value: kernel?.username ?? 'unknown-user' },
+    ];
+    const serverDetails = [
+        {
+            label: 'Server URL',
+            value: kernelAny?.serverSettings?.baseUrl ??
+                kernelAny?.serverSettings?.appUrl ??
+                'unknown-url',
+        },
+        {
+            label: 'WebSocket URL',
+            value: kernelAny?.serverSettings?.wsUrl ?? 'unknown-ws-url',
+        },
+        {
+            label: 'Path',
+            value: kernelAny?.session?.path ??
+                kernelAny?.model?.path ??
+                kernelAny?.path ??
+                'unknown-path',
+        },
+    ];
+    const legendStates = [
+        'connecting',
+        'connected-unknown',
+        'connected-starting',
+        'connected-idle',
+        'connected-busy',
+        'connected-terminating',
+        'connected-restarting',
+        'connected-autorestarting',
+        'connected-dead',
+        'disconnecting',
+        'disconnected',
+        'undefined',
+    ]
+        .slice()
+        .sort((a, b) => (KERNEL_STATE_LABELS[a] ?? a).localeCompare(KERNEL_STATE_LABELS[b] ?? b));
+    return (_jsxs(Box, { ref: containerRef, sx: { position: 'relative', display: 'inline-flex' }, onMouseEnter: () => setShowDetails(true), onFocus: () => setShowDetails(true), children: [_jsx(Button, { ref: triggerRef, variant: "invisible", "aria-label": "Kernel indicator", sx: {
+                    p: 1,
+                    minWidth: 'auto',
                     display: 'inline-flex',
                     alignItems: 'center',
                     justifyContent: 'center',
-                    gap: '6px',
-                    fontSize: '16px',
-                    lineHeight: 1,
-                    verticalAlign: 'middle',
-                }, children: [label ? _jsx(Text, { children: label }) : null, KERNEL_STATES.get('undefined') ?? _jsx(_Fragment, {})] }) }) }));
+                    lineHeight: 0,
+                    border: '1px solid',
+                    borderColor: 'border.default',
+                    borderRadius: 2,
+                    bg: 'canvas.default',
+                }, children: _jsxs("span", { style: {
+                        display: 'inline-flex',
+                        alignItems: 'center',
+                        justifyContent: 'center',
+                        gap: '6px',
+                        fontSize: '16px',
+                        lineHeight: 1,
+                        verticalAlign: 'middle',
+                    }, children: [label ? _jsx(Text, { children: label }) : null, renderKernelStateGlyph(meta.state)] }) }), showDetails &&
+                createPortal(_jsxs(Box, { ref: overlayRef, sx: {
+                        position: 'fixed',
+                        top: `${overlayPosition.top}px`,
+                        left: `${overlayPosition.left}px`,
+                        transform: 'translateX(-50%)',
+                        zIndex: 99999,
+                        minWidth: 560,
+                        maxWidth: 'min(980px, 96vw)',
+                        maxHeight: '78vh',
+                        overflow: 'auto',
+                        border: '1px solid',
+                        borderColor: 'border.default',
+                        borderRadius: 2,
+                        bg: 'canvas.overlay',
+                        boxShadow: 'shadow.large',
+                    }, role: "dialog", "aria-label": overlayTitle, children: [_jsxs(Box, { sx: {
+                                px: 3,
+                                py: 2,
+                                display: 'flex',
+                                flexDirection: 'column',
+                                alignItems: 'flex-start',
+                                gap: 1,
+                                borderBottom: '1px solid',
+                                borderColor: 'border.default',
+                                bg: 'canvas.subtle',
+                            }, children: [_jsx(Text, { sx: { fontSize: 2, fontWeight: 600, color: 'fg.default' }, children: overlayTitle }), _jsxs(Box, { sx: { display: 'inline-flex', alignItems: 'center', gap: 1 }, children: [renderKernelStateGlyph(meta.state), _jsx(Text, { sx: {
+                                                fontSize: 0,
+                                                fontWeight: 400,
+                                                color: 'fg.muted',
+                                                textTransform: 'capitalize',
+                                            }, children: meta.state })] })] }), _jsxs(Box, { sx: { p: 2, display: 'flex', flexDirection: 'column', gap: 2 }, children: [_jsxs(Box, { sx: {
+                                        p: 2,
+                                        border: '1px solid',
+                                        borderColor: 'border.muted',
+                                        borderRadius: 2,
+                                        bg: 'canvas.default',
+                                    }, children: [_jsx(Text, { sx: {
+                                                fontSize: 1,
+                                                color: 'fg.default',
+                                                fontWeight: 600,
+                                                mb: 2,
+                                            }, children: "Runtime" }), _jsx(Box, { sx: { display: 'flex', flexDirection: 'column', gap: 1 }, children: runtimeDetails.map(detail => (_jsxs(Text, { sx: { fontSize: 0, wordBreak: 'break-word' }, children: [detail.label, ": ", detail.value] }, detail.label))) })] }), _jsxs(Box, { sx: {
+                                        p: 2,
+                                        border: '1px solid',
+                                        borderColor: 'border.muted',
+                                        borderRadius: 2,
+                                        bg: 'canvas.default',
+                                    }, children: [_jsx(Text, { sx: {
+                                                fontSize: 1,
+                                                color: 'fg.default',
+                                                fontWeight: 600,
+                                                mb: 2,
+                                            }, children: "Environment" }), _jsx(Box, { sx: { display: 'flex', flexDirection: 'column', gap: 1 }, children: environmentDetails.map(detail => (_jsxs(Text, { sx: { fontSize: 0, wordBreak: 'break-word' }, children: [detail.label, ": ", detail.value] }, detail.label))) })] }), _jsxs(Box, { sx: {
+                                        p: 2,
+                                        border: '1px solid',
+                                        borderColor: 'border.muted',
+                                        borderRadius: 2,
+                                        bg: 'canvas.default',
+                                    }, children: [_jsx(Text, { sx: {
+                                                fontSize: 1,
+                                                color: 'fg.default',
+                                                fontWeight: 600,
+                                                mb: 2,
+                                            }, children: "Identity" }), _jsx(Box, { sx: { display: 'flex', flexDirection: 'column', gap: 1 }, children: identityDetails.map(detail => (_jsxs(Text, { sx: { fontSize: 0, wordBreak: 'break-word' }, children: [detail.label, ": ", detail.value] }, detail.label))) })] }), _jsxs(Box, { sx: {
+                                        p: 2,
+                                        border: '1px solid',
+                                        borderColor: 'border.muted',
+                                        borderRadius: 2,
+                                        bg: 'canvas.default',
+                                    }, children: [_jsx(Text, { sx: {
+                                                fontSize: 1,
+                                                color: 'fg.default',
+                                                fontWeight: 600,
+                                                mb: 2,
+                                            }, children: "Server" }), _jsx(Box, { sx: { display: 'flex', flexDirection: 'column', gap: 1 }, children: serverDetails.map(detail => (_jsxs(Text, { sx: { fontSize: 0, wordBreak: 'break-word' }, children: [detail.label, ": ", detail.value] }, detail.label))) })] }), _jsxs(Box, { sx: {
+                                        p: 2,
+                                        border: '1px solid',
+                                        borderColor: 'border.muted',
+                                        borderRadius: 2,
+                                        bg: 'canvas.default',
+                                    }, children: [_jsx(Text, { sx: {
+                                                fontSize: 1,
+                                                color: 'fg.default',
+                                                fontWeight: 600,
+                                                mb: 2,
+                                            }, children: "State Legend" }), _jsx(Box, { sx: {
+                                                display: 'grid',
+                                                gridTemplateColumns: 'repeat(3, minmax(0, 1fr))',
+                                                gap: 2,
+                                            }, children: legendStates.map(legendState => (_jsxs(Box, { sx: {
+                                                    display: 'inline-flex',
+                                                    alignItems: 'center',
+                                                    gap: 1,
+                                                }, children: [renderKernelStateGlyph(legendState), _jsx(Text, { sx: { fontSize: 0, color: 'fg.default' }, children: KERNEL_STATE_LABELS[legendState] })] }, legendState))) })] })] })] }), document.body)] }));
 };
 export default KernelIndicator;
 //# sourceMappingURL=KernelIndicator.js.map

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

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

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

@@ -0,0 +1,32 @@
+import { ReactElement } from 'react';
+import { KernelMessage } from '@jupyterlab/services';
+import { ConnectionStatus } from '@jupyterlab/services/lib/kernel/kernel';
+export type ExecutionState = 'connecting' | 'connected-unknown' | 'connected-starting' | 'connected-idle' | 'connected-busy' | 'connected-terminating' | 'connected-restarting' | 'connected-autorestarting' | 'connected-dead' | 'disconnected' | 'disconnecting' | 'undefined';
+type KernelStateVisual = {
+    color: string;
+    kind?: 'dot' | 'ring' | 'plus' | 'x';
+    pulse?: boolean;
+    blink?: boolean;
+};
+export declare const KERNEL_STATE_LABELS: Record<ExecutionState, string>;
+export declare const KERNEL_STATE_VISUALS: Record<ExecutionState, KernelStateVisual>;
+export declare const renderKernelStateGlyph: (state: ExecutionState) => ReactElement;
+export declare const KERNEL_STATES: Map<ExecutionState, ReactElement>;
+export declare const toKernelState: (connectionStatus: ConnectionStatus, status: KernelMessage.Status) => ExecutionState;
+export type KernelIndicatorMetaInput = {
+    state?: ExecutionState;
+    connectionStatus?: ConnectionStatus;
+    status?: KernelMessage.Status;
+    envDisplayName?: string;
+    kernelId?: string;
+    kernelName?: string;
+    clientId?: string;
+    username?: string;
+};
+export type KernelIndicatorMeta = {
+    state: ExecutionState;
+    label: string;
+    tooltip: string;
+};
+export declare const getKernelIndicatorMeta: (input: KernelIndicatorMetaInput) => KernelIndicatorMeta;
+export {};

package/lib/components/kernel/KernelIndicatorState.js

@@ -0,0 +1,156 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Box } from '@primer/react';
+import { XCircleFillIcon } from '@primer/octicons-react';
+import { PlusCircleIcon } from '@datalayer/icons-react';
+export const KERNEL_STATE_LABELS = {
+    connecting: 'Connecting',
+    'connected-unknown': 'Unknown',
+    'connected-starting': 'Starting',
+    'connected-idle': 'Idle',
+    'connected-busy': 'Busy',
+    'connected-terminating': 'Terminating',
+    'connected-restarting': 'Restarting',
+    'connected-autorestarting': 'Auto-restarting',
+    'connected-dead': 'Dead',
+    disconnected: 'Disconnected',
+    disconnecting: 'Disconnecting',
+    undefined: 'Undefined',
+};
+export const KERNEL_STATE_VISUALS = {
+    connecting: { color: 'accent.fg', blink: true },
+    'connected-unknown': { color: 'fg.muted' },
+    'connected-starting': { color: 'attention.fg', blink: true },
+    'connected-idle': { color: 'success.fg' },
+    'connected-busy': { color: 'attention.fg', pulse: true },
+    'connected-terminating': { color: 'danger.fg', blink: true },
+    'connected-restarting': { color: 'accent.fg', blink: true },
+    'connected-autorestarting': {
+        color: 'danger.fg',
+        kind: 'ring',
+        blink: true,
+    },
+    'connected-dead': { color: 'danger.fg' },
+    disconnected: { color: 'fg.muted', kind: 'x' },
+    disconnecting: { color: 'neutral.emphasis', blink: true },
+    undefined: { color: 'fg.muted' },
+};
+const KERNEL_BUSY_PULSE_KEYFRAMES = {
+    '0%': {
+        opacity: 1,
+        transform: 'scale(1)',
+        filter: 'saturate(1)',
+    },
+    '50%': {
+        opacity: 0.45,
+        transform: 'scale(0.92)',
+        filter: 'saturate(0.75)',
+    },
+    '100%': {
+        opacity: 1,
+        transform: 'scale(1)',
+        filter: 'saturate(1)',
+    },
+};
+const KERNEL_BLINK_KEYFRAMES = {
+    '0%': {
+        opacity: 1,
+    },
+    '50%': {
+        opacity: 0.35,
+    },
+    '100%': {
+        opacity: 1,
+    },
+};
+export const renderKernelStateGlyph = (state) => {
+    const visual = KERNEL_STATE_VISUALS[state];
+    const kind = visual.kind ?? 'dot';
+    if (kind === 'plus') {
+        return (_jsx(Box, { as: "span", sx: {
+                display: 'inline-flex',
+                color: visual.color,
+                ...(visual.blink && {
+                    animation: 'kernel-blink 1s ease-in-out infinite',
+                    '@keyframes kernel-blink': KERNEL_BLINK_KEYFRAMES,
+                }),
+            }, children: _jsx(PlusCircleIcon, {}) }));
+    }
+    if (kind === 'x') {
+        return (_jsx(Box, { as: "span", sx: {
+                display: 'inline-flex',
+                color: visual.color,
+                width: 10,
+                height: 10,
+                alignItems: 'center',
+                justifyContent: 'center',
+                ...(visual.blink && {
+                    animation: 'kernel-blink 1s ease-in-out infinite',
+                    '@keyframes kernel-blink': KERNEL_BLINK_KEYFRAMES,
+                }),
+            }, children: _jsx(XCircleFillIcon, { size: 10 }) }));
+    }
+    return (_jsx(Box, { as: "span", sx: {
+            display: 'inline-block',
+            width: 10,
+            height: 10,
+            borderRadius: '50%',
+            bg: kind === 'ring' ? 'transparent' : visual.color,
+            borderStyle: 'solid',
+            borderWidth: kind === 'ring' ? 2 : 1,
+            borderColor: visual.color,
+            ...(visual.pulse && {
+                animation: 'kernel-busy-fade 1.2s ease-in-out infinite',
+                '@keyframes kernel-busy-fade': KERNEL_BUSY_PULSE_KEYFRAMES,
+            }),
+            ...(visual.blink && {
+                animation: 'kernel-blink 1s ease-in-out infinite',
+                '@keyframes kernel-blink': KERNEL_BLINK_KEYFRAMES,
+            }),
+        } }));
+};
+export const KERNEL_STATES = new Map(Object.keys(KERNEL_STATE_VISUALS).map(state => [
+    state,
+    renderKernelStateGlyph(state),
+]));
+export const toKernelState = (connectionStatus, status) => {
+    if (connectionStatus === 'connecting' ||
+        connectionStatus === 'disconnected') {
+        return connectionStatus;
+    }
+    return (connectionStatus + '-' + status);
+};
+export const getKernelIndicatorMeta = (input) => {
+    const resolvedState = input.state ??
+        (input.connectionStatus && input.status
+            ? toKernelState(input.connectionStatus, input.status)
+            : 'undefined');
+    const stateLabel = KERNEL_STATE_LABELS[resolvedState] ?? resolvedState;
+    const kernelIdLabel = input.kernelId ?? 'no-kernel';
+    const label = input.connectionStatus && input.status
+        ? `${input.connectionStatus} - ${input.status} - ${kernelIdLabel}`
+        : `${stateLabel} - ${kernelIdLabel}`;
+    const tooltip = input.connectionStatus && input.status
+        ? [
+            `State: ${stateLabel}`,
+            `Connection: ${input.connectionStatus}`,
+            `Status: ${input.status}`,
+            `Environment: ${input.envDisplayName ?? 'unknown-env'}`,
+            `Kernel: ${input.kernelName ?? 'unknown-kernel'}`,
+            `Kernel ID: ${kernelIdLabel}`,
+            `Client ID: ${input.clientId ?? 'unknown-client'}`,
+            `User: ${input.username ?? 'unknown-user'}`,
+        ].join('\n')
+        : [
+            `State: ${stateLabel}`,
+            `Kernel: ${input.kernelName ?? 'unknown-kernel'}`,
+            `Kernel ID: ${kernelIdLabel}`,
+            `Client ID: ${input.clientId ?? 'unknown-client'}`,
+            `User: ${input.username ?? 'unknown-user'}`,
+        ].join('\n');
+    return {
+        state: resolvedState,
+        label,
+        tooltip,
+    };
+};
+//# sourceMappingURL=KernelIndicatorState.js.map

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

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

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

@@ -7,6 +7,7 @@ export * from './KernelProgressBar';
 export * from './Kernels';
 export * from './KernelSelector';
 export * from './KernelIndicator';
+export * from './KernelIndicatorState';
 export * from './KernelUsage';
 export * from './KernelVariables';
 export * from './inspector';

package/lib/components/kernel/index.js

@@ -12,6 +12,7 @@ export * from './KernelProgressBar.js';
 export * from './Kernels.js';
 export * from './KernelSelector.js';
 export * from './KernelIndicator.js';
+export * from './KernelIndicatorState.js';
 export * from './KernelUsage.js';
 export * from './KernelVariables.js';
 export * from './inspector/index.js';

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

@@ -1 +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,mBAAmB,CAAC;AAClC,cAAc,cAAc,CAAC;AAC7B,cAAc,kBAAkB,CAAC;AACjC,cAAc,qBAAqB,CAAC;AACpC,cAAc,WAAW,CAAC;AAC1B,cAAc,kBAAkB,CAAC;AACjC,cAAc,mBAAmB,CAAC;AAClC,cAAc,eAAe,CAAC;AAC9B,cAAc,mBAAmB,CAAC;AAClC,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC"}
+{"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,mBAAmB,CAAC;AAClC,cAAc,cAAc,CAAC;AAC7B,cAAc,kBAAkB,CAAC;AACjC,cAAc,qBAAqB,CAAC;AACpC,cAAc,WAAW,CAAC;AAC1B,cAAc,kBAAkB,CAAC;AACjC,cAAc,mBAAmB,CAAC;AAClC,cAAc,wBAAwB,CAAC;AACvC,cAAc,eAAe,CAAC;AAC9B,cAAc,mBAAmB,CAAC;AAClC,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC"}