@jupyterlite/ai 0.17.0 → 0.19.0

package/lib/completion/completion-provider.d.ts

@@ -1,6 +1,7 @@
+import { IProviderRegistry } from '@jupyternaut/agent';
 import { CompletionHandler, IInlineCompletionContext, IInlineCompletionList, IInlineCompletionProvider } from '@jupyterlab/completer';
 import { ISecretsManager } from 'jupyter-secrets-manager';
-import { type IAISettingsModel, type IProviderRegistry } from '../tokens';
+import type { IAISettingsModel } from '../tokens';
 /**
  * Configuration interface for provider-specific completion behavior
  */
@@ -82,3 +83,4 @@ export declare namespace AICompletionProvider {
         token: symbol | null;
     }
 }
+//# sourceMappingURL=completion-provider.d.ts.map

package/lib/completion/completion-provider.js

@@ -1,7 +1,6 @@
+import { createCompletionModel, SECRETS_NAMESPACE } from '@jupyternaut/agent';
 import { NotebookPanel } from '@jupyterlab/notebook';
 import { generateText } from 'ai';
-import { createCompletionModel } from '../providers/models';
-import { SECRETS_NAMESPACE } from '../tokens';
 /**
  * Default temperature for code completion (lower than chat for more deterministic results)
  */

package/lib/completion/index.d.ts

@@ -1 +1,2 @@
 export * from './completion-provider';
+//# sourceMappingURL=index.d.ts.map

package/lib/components/clear-button.d.ts

@@ -21,3 +21,4 @@ export declare function ClearButton(props: IClearButtonProps): JSX.Element;
  * Factory returning the clear button toolbar item.
  */
 export declare function clearItem(translator: TranslationBundle): InputToolbarRegistry.IToolbarItem;
+//# sourceMappingURL=clear-button.d.ts.map

package/lib/components/clear-button.js

@@ -1,18 +1,17 @@
+import { jsx as _jsx } from "react/jsx-runtime";
 import { TooltippedButton } from '@jupyter/chat';
 import ClearIcon from '@mui/icons-material/Clear';
-import React from 'react';
 /**
  * The clear button component.
  */
 export function ClearButton(props) {
     const { translator: trans } = props;
     const tooltip = trans.__('Clear chat');
-    return (React.createElement(TooltippedButton, { onClick: props.clearMessages, tooltip: tooltip, buttonProps: {
+    return (_jsx(TooltippedButton, { onClick: props.clearMessages, tooltip: tooltip, buttonProps: {
             title: tooltip,
             variant: 'outlined',
             color: 'secondary'
-        } },
-        React.createElement(ClearIcon, null)));
+        }, children: _jsx(ClearIcon, {}) }));
 }
 /**
  * Factory returning the clear button toolbar item.

package/lib/components/completion-status.d.ts

@@ -23,3 +23,4 @@ export declare class CompletionStatusWidget extends ReactWidget {
     private _props;
 }
 export {};
+//# sourceMappingURL=completion-status.d.ts.map

package/lib/components/completion-status.js

@@ -1,6 +1,7 @@
-import React, { useEffect, useState } from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useEffect, useState } from 'react';
 import { ReactWidget } from '@jupyterlab/ui-components';
-import { jupyternautIcon } from '../icons';
+import { jupyternautIcon } from '@jupyternaut/agent';
 const COMPLETION_STATUS_CLASS = 'jp-ai-completion-status';
 const COMPLETION_DISABLED_CLASS = 'jp-ai-completion-disabled';
 /**
@@ -34,7 +35,7 @@ function CompletionStatus(props) {
             props.settingsModel.stateChanged.disconnect(stateChanged);
         };
     }, [props.settingsModel, trans]);
-    return (React.createElement(jupyternautIcon.react, { className: disabled ? COMPLETION_DISABLED_CLASS : '', top: '2px', width: '16px', stylesheet: 'statusBar', title: title }));
+    return (_jsx(jupyternautIcon.react, { className: disabled ? COMPLETION_DISABLED_CLASS : '', top: '2px', width: '16px', stylesheet: 'statusBar', title: title }));
 }
 /**
  * The completion status widget that will be added to the status bar.
@@ -46,7 +47,7 @@ export class CompletionStatusWidget extends ReactWidget {
         this._props = options;
     }
     render() {
-        return React.createElement(CompletionStatus, { ...this._props });
+        return _jsx(CompletionStatus, { ...this._props });
     }
     _props;
 }

package/lib/components/index.d.ts

@@ -4,3 +4,4 @@ export * from './model-select';
 export * from './stop-button';
 export * from './usage-display';
 export * from './tool-select';
+//# sourceMappingURL=index.d.ts.map

package/lib/components/model-select.d.ts

@@ -22,3 +22,4 @@ export declare function ModelSelect(props: IModelSelectProps): JSX.Element;
  * Factory function returning the toolbar item for model selection.
  */
 export declare function createModelSelectItem(settingsModel: IAISettingsModel, translator: TranslationBundle): InputToolbarRegistry.IToolbarItem;
+//# sourceMappingURL=model-select.d.ts.map

package/lib/components/model-select.js

@@ -1,7 +1,8 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { TooltippedButton } from '@jupyter/chat';
 import CheckIcon from '@mui/icons-material/Check';
 import { Menu, MenuItem, Typography } from '@mui/material';
-import React, { useCallback, useEffect, useState } from 'react';
+import { useCallback, useEffect, useState } from 'react';
 /**
  * The model select component for choosing AI models.
  */
@@ -60,7 +61,7 @@ export function ModelSelect(props) {
     }));
     // Show a message if no providers are configured
     if (availableModels.length === 0) {
-        return (React.createElement(TooltippedButton, { onClick: () => { }, tooltip: trans.__('No providers configured. Please go to AI Settings to add a provider.'), buttonProps: {
+        return (_jsx(TooltippedButton, { onClick: () => { }, tooltip: trans.__('No providers configured. Please go to AI Settings to add a provider.'), buttonProps: {
                 variant: 'outlined',
                 color: 'warning',
                 disabled: true,
@@ -70,72 +71,66 @@ export function ModelSelect(props) {
                 width: 'unset',
                 display: 'flex',
                 alignItems: 'center'
-            } },
-            React.createElement(Typography, { variant: "caption", sx: { fontSize: '0.7rem', fontWeight: 500 } }, trans.__('No Providers'))));
+            }, children: _jsx(Typography, { variant: "caption", sx: { fontSize: '0.7rem', fontWeight: 500 }, children: trans.__('No Providers') }) }));
     }
-    return (React.createElement(React.Fragment, null,
-        React.createElement(TooltippedButton, { onClick: e => {
-                openMenu(e.currentTarget);
-            }, tooltip: trans.__('Current Model: %1 - %2', currentProviderLabel, currentModel), buttonProps: {
-                title: trans.__('Select AI Model'),
-                onKeyDown: e => {
-                    if (e.key !== 'Enter' && e.key !== ' ') {
-                        return;
-                    }
+    return (_jsxs(_Fragment, { children: [_jsx(TooltippedButton, { onClick: e => {
                     openMenu(e.currentTarget);
-                    // Stop propagation to prevent sending message
-                    e.stopPropagation();
-                }
-            }, sx: {
-                minWidth: 'auto',
-                width: 'unset',
-                display: 'flex',
-                alignItems: 'center'
-            } },
-            React.createElement(Typography, { variant: "caption", sx: { fontSize: '0.7rem', fontWeight: 500, textTransform: 'none' } }, currentProviderLabel)),
-        React.createElement(Menu, { open: menuOpen, onClose: closeMenu, anchorEl: menuAnchorEl, anchorOrigin: {
-                vertical: 'top',
-                horizontal: 'right'
-            }, transformOrigin: {
-                vertical: 'bottom',
-                horizontal: 'right'
-            }, sx: {
-                '& .MuiPaper-root': {
-                    maxHeight: '300px',
-                    overflowY: 'auto'
-                },
-                '& .MuiMenuItem-root': {
-                    padding: '0.5em',
-                    paddingRight: '2em',
-                    minWidth: '200px'
-                }
-            } }, availableModels.map(({ provider, providerLabel, isSelected }) => (React.createElement(MenuItem, { key: provider, onClick: async (e) => {
-                await selectModel(provider);
-                // Prevent sending message on model selection
-                e.stopPropagation();
-            }, sx: {
-                backgroundColor: isSelected
-                    ? 'var(--mui-palette-primary-main)'
-                    : 'transparent',
-                '&:hover': {
-                    backgroundColor: isSelected
-                        ? 'var(--mui-palette-primary-main)'
-                        : 'var(--jp-layout-color1)'
-                },
-                display: 'flex',
-                alignItems: 'center',
-                gap: '8px'
-            } },
-            isSelected ? (React.createElement(CheckIcon, { sx: {
-                    color: 'var(--jp-ui-inverse-font-color1)',
-                    fontSize: 16
-                } })) : (React.createElement("div", { style: { width: '16px' } })),
-            React.createElement(Typography, { variant: "body2", component: "div", sx: {
-                    fontWeight: isSelected ? 600 : 400,
-                    color: isSelected
-                        ? 'var(--jp-ui-inverse-font-color1)'
-                        : 'inherit'
-                } }, providerLabel)))))));
+                }, tooltip: trans.__('Current Model: %1 - %2', currentProviderLabel, currentModel), buttonProps: {
+                    title: trans.__('Select AI Model'),
+                    onKeyDown: e => {
+                        if (e.key !== 'Enter' && e.key !== ' ') {
+                            return;
+                        }
+                        openMenu(e.currentTarget);
+                        // Stop propagation to prevent sending message
+                        e.stopPropagation();
+                    }
+                }, sx: {
+                    minWidth: 'auto',
+                    width: 'unset',
+                    display: 'flex',
+                    alignItems: 'center'
+                }, children: _jsx(Typography, { variant: "caption", sx: { fontSize: '0.7rem', fontWeight: 500, textTransform: 'none' }, children: currentProviderLabel }) }), _jsx(Menu, { open: menuOpen, onClose: closeMenu, anchorEl: menuAnchorEl, anchorOrigin: {
+                    vertical: 'top',
+                    horizontal: 'right'
+                }, transformOrigin: {
+                    vertical: 'bottom',
+                    horizontal: 'right'
+                }, sx: {
+                    '& .MuiPaper-root': {
+                        maxHeight: '300px',
+                        overflowY: 'auto'
+                    },
+                    '& .MuiMenuItem-root': {
+                        padding: '0.5em',
+                        paddingRight: '2em',
+                        minWidth: '200px'
+                    }
+                }, children: availableModels.map(({ provider, providerLabel, isSelected }) => (_jsxs(MenuItem, { onClick: async (e) => {
+                        await selectModel(provider);
+                        // Prevent sending message on model selection
+                        e.stopPropagation();
+                    }, sx: {
+                        backgroundColor: isSelected
+                            ? 'var(--mui-palette-primary-main)'
+                            : 'transparent',
+                        '&:hover': {
+                            backgroundColor: isSelected
+                                ? 'var(--mui-palette-primary-main)'
+                                : 'var(--jp-layout-color1)'
+                        },
+                        display: 'flex',
+                        alignItems: 'center',
+                        gap: '8px'
+                    }, children: [isSelected ? (_jsx(CheckIcon, { sx: {
+                                color: 'var(--jp-ui-inverse-font-color1)',
+                                fontSize: 16
+                            } })) : (_jsx("div", { style: { width: '16px' } })), _jsx(Typography, { variant: "body2", component: "div", sx: {
+                                fontWeight: isSelected ? 600 : 400,
+                                color: isSelected
+                                    ? 'var(--jp-ui-inverse-font-color1)'
+                                    : 'inherit'
+                            }, children: providerLabel })] }, provider))) })] }));
 }
 /**
  * Factory function returning the toolbar item for model selection.
@@ -152,7 +147,7 @@ export function createModelSelectItem(settingsModel, translator) {
                 settingsModel,
                 translator
             };
-            return React.createElement(ModelSelect, { ...modelSelectProps });
+            return _jsx(ModelSelect, { ...modelSelectProps });
         },
         position: 0.5
     };

package/lib/components/save-button.d.ts

@@ -1,7 +1,7 @@
 import { ReactWidget } from '@jupyterlab/ui-components';
 import type { TranslationBundle } from '@jupyterlab/translation';
 import React from 'react';
-import { AIChatModel } from '../chat-model';
+import { IAIChatModel } from '../tokens';
 /**
  * Properties for the SaveButton component.
  */
@@ -9,7 +9,7 @@ export interface ISaveButtonProps {
     /**
      * The chat model, used to listen for message changes for auto-save.
      */
-    model: AIChatModel;
+    model: IAIChatModel;
     /**
      * The application language translator.
      */
@@ -29,3 +29,4 @@ export declare class SaveComponentWidget extends ReactWidget {
     protected render(): React.ReactElement;
     private _options;
 }
+//# sourceMappingURL=save-button.d.ts.map

package/lib/components/save-button.js

@@ -1,5 +1,6 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { historyIcon, ReactWidget, saveIcon, ToolbarButtonComponent } from '@jupyterlab/ui-components';
-import React, { useEffect, useState } from 'react';
+import { useEffect, useState } from 'react';
 const COMPONENT_CLASS = 'jp-ai-SaveButton';
 const AUTOSAVE_BUTTON_CLASS = 'jp-ai-AutoSaveButton';
 /**
@@ -22,9 +23,7 @@ export function SaveComponent(props) {
             model.autosaveChanged.disconnect(updateAutosave);
         };
     }, [model]);
-    return (React.createElement("div", { className: `${COMPONENT_CLASS}${autosave ? ' lm-mod-toggled' : ''}` },
-        React.createElement(ToolbarButtonComponent, { icon: saveIcon, onClick: () => model.save(), tooltip: trans.__('Save chat') }),
-        React.createElement(ToolbarButtonComponent, { className: AUTOSAVE_BUTTON_CLASS, icon: historyIcon, onClick: () => (model.autosave = !model.autosave), tooltip: trans.__('Auto-save') })));
+    return (_jsxs("div", { className: `${COMPONENT_CLASS}${autosave ? ' lm-mod-toggled' : ''}`, children: [_jsx(ToolbarButtonComponent, { icon: saveIcon, onClick: () => model.save(), tooltip: trans.__('Save chat') }), _jsx(ToolbarButtonComponent, { className: AUTOSAVE_BUTTON_CLASS, icon: historyIcon, onClick: () => (model.autosave = !model.autosave), tooltip: trans.__('Auto-save') })] }));
 }
 /**
  * A Lumino widget wrapping the SaveButton React component.
@@ -35,7 +34,7 @@ export class SaveComponentWidget extends ReactWidget {
         this._options = options;
     }
     render() {
-        return React.createElement(SaveComponent, { ...this._options });
+        return _jsx(SaveComponent, { ...this._options });
     }
     _options;
 }

package/lib/components/stop-button.d.ts

@@ -21,3 +21,4 @@ export declare function StopButton(props: IStopButtonProps): JSX.Element;
  * Factory returning the stop button toolbar item.
  */
 export declare function stopItem(translator: TranslationBundle): InputToolbarRegistry.IToolbarItem;
+//# sourceMappingURL=stop-button.d.ts.map

package/lib/components/stop-button.js

@@ -1,18 +1,17 @@
+import { jsx as _jsx } from "react/jsx-runtime";
 import { TooltippedIconButton } from '@jupyter/chat';
 import StopIcon from '@mui/icons-material/Stop';
-import React from 'react';
 /**
  * The stop button component.
  */
 export function StopButton(props) {
     const { translator: trans } = props;
     const tooltip = trans.__('Stop streaming');
-    return (React.createElement(TooltippedIconButton, { onClick: props.stopStreaming, tooltip: tooltip, buttonProps: {
+    return (_jsx(TooltippedIconButton, { onClick: props.stopStreaming, tooltip: tooltip, buttonProps: {
             title: tooltip
         }, sx: {
             backgroundColor: 'var(--mui-palette-error-main, #d32f2f);'
-        } },
-        React.createElement(StopIcon, null)));
+        }, children: _jsx(StopIcon, {}) }));
 }
 /**
  * Factory returning the stop button toolbar item.

package/lib/components/tool-select.d.ts

@@ -1,6 +1,7 @@
+import type { IProviderRegistry, IToolRegistry } from '@jupyternaut/agent';
 import { InputToolbarRegistry } from '@jupyter/chat';
 import type { TranslationBundle } from '@jupyterlab/translation';
-import type { IAISettingsModel, IProviderRegistry, IToolRegistry } from '../tokens';
+import type { IAISettingsModel } from '../tokens';
 /**
  * Properties for the tool select component.
  */
@@ -38,3 +39,4 @@ export declare function ToolSelect(props: IToolSelectProps): JSX.Element;
  * Factory function returning the toolbar item for tool selection.
  */
 export declare function createToolSelectItem(toolRegistry: IToolRegistry, settingsModel: IAISettingsModel, providerRegistry: IProviderRegistry, toolsEnabled: boolean | undefined, translator: TranslationBundle): InputToolbarRegistry.IToolbarItem;
+//# sourceMappingURL=tool-select.d.ts.map

package/lib/components/tool-select.js

@@ -1,9 +1,10 @@
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { createProviderTools } from '@jupyternaut/agent';
 import { TooltippedButton } from '@jupyter/chat';
 import BuildIcon from '@mui/icons-material/Build';
 import CheckIcon from '@mui/icons-material/Check';
 import { Divider, Menu, MenuItem, Tooltip, Typography } from '@mui/material';
-import React, { useCallback, useEffect, useState } from 'react';
-import { createProviderTools } from '../providers/provider-tools';
+import { useCallback, useEffect, useState } from 'react';
 const SELECT_ITEM_CLASS = 'jp-AIToolSelect-item';
 /**
  * The tool select component for choosing AI tools.
@@ -97,68 +98,54 @@ export function ToolSelect(props) {
     }, [tools, selectedToolNames.length, onToolSelectionChange]);
     // Don't render if tools are disabled or no tools available
     if (!toolsEnabled || (tools.length === 0 && providerToolNames.length === 0)) {
-        return React.createElement(React.Fragment, null);
+        return _jsx(_Fragment, {});
     }
     const selectedCount = selectedToolNames.length + providerToolNames.length;
     const totalCount = tools.length + providerToolNames.length;
-    return (React.createElement(React.Fragment, null,
-        React.createElement(TooltippedButton, { onClick: e => {
-                openMenu(e.currentTarget);
-            }, tooltip: trans.__('Tools (%1/%2 selected)', selectedCount.toString(), totalCount.toString()), buttonProps: {
-                ...(selectedCount === 0 && {
-                    variant: 'outlined'
-                }),
-                title: trans.__('Select AI Tools'),
-                onKeyDown: e => {
-                    if (e.key !== 'Enter' && e.key !== ' ') {
-                        return;
-                    }
+    return (_jsxs(_Fragment, { children: [_jsx(TooltippedButton, { onClick: e => {
                     openMenu(e.currentTarget);
-                    // Stop propagation to prevent sending message
-                    e.stopPropagation();
-                }
-            }, sx: selectedCount === 0
-                ? { backgroundColor: 'var(--jp-layout-color3)' }
-                : {} },
-            React.createElement(BuildIcon, { sx: { fontSize: 'small' } })),
-        React.createElement(Menu, { open: menuOpen, onClose: closeMenu, anchorEl: menuAnchorEl, anchorOrigin: {
-                vertical: 'top',
-                horizontal: 'right'
-            }, transformOrigin: {
-                vertical: 'bottom',
-                horizontal: 'right'
-            }, sx: {
-                '& .MuiMenuItem-root': {
-                    padding: '0.5em',
-                    paddingRight: '2em'
-                }
-            } },
-            tools.map(namedTool => (React.createElement(Tooltip, { key: namedTool.name, title: namedTool.tool.description || namedTool.name, placement: "left" },
-                React.createElement(MenuItem, { className: SELECT_ITEM_CLASS, onClick: e => {
-                        toggleTool(namedTool.name);
-                        // Prevent sending message on tool selection
+                }, tooltip: trans.__('Tools (%1/%2 selected)', selectedCount.toString(), totalCount.toString()), buttonProps: {
+                    ...(selectedCount === 0 && {
+                        variant: 'outlined'
+                    }),
+                    title: trans.__('Select AI Tools'),
+                    onKeyDown: e => {
+                        if (e.key !== 'Enter' && e.key !== ' ') {
+                            return;
+                        }
+                        openMenu(e.currentTarget);
+                        // Stop propagation to prevent sending message
                         e.stopPropagation();
-                    } },
-                    selectedToolNames.includes(namedTool.name) ? (React.createElement(CheckIcon, { sx: {
-                            marginRight: '8px',
-                            color: 'var(--jp-brand-color1, #2196F3)'
-                        } })) : (React.createElement("div", { style: { width: '24px', marginRight: '8px' } })),
-                    React.createElement(Typography, { variant: "body2" }, namedTool.name))))),
-            providerToolNames.length > 0 && tools.length > 0 && React.createElement(Divider, null),
-            providerToolNames.length > 0 && (React.createElement(MenuItem, { disabled: true },
-                React.createElement(Typography, { variant: "caption" }, trans.__('Provider Tools')))),
-            providerToolNames.map(toolName => {
-                return (React.createElement(Tooltip, { key: toolName, title: trans.__('Enabled via provider settings.'), placement: "left" },
-                    React.createElement(MenuItem, { className: SELECT_ITEM_CLASS, onClick: e => {
-                            // Keep provider-managed tools read-only from this menu.
-                            e.stopPropagation();
-                        } },
-                        React.createElement(CheckIcon, { sx: {
-                                marginRight: '8px',
-                                color: 'text.disabled'
-                            } }),
-                        React.createElement(Typography, { variant: "body2" }, toolName))));
-            }))));
+                    }
+                }, sx: selectedCount === 0
+                    ? { backgroundColor: 'var(--jp-layout-color3)' }
+                    : {}, children: _jsx(BuildIcon, { sx: { fontSize: 'small' } }) }), _jsxs(Menu, { open: menuOpen, onClose: closeMenu, anchorEl: menuAnchorEl, anchorOrigin: {
+                    vertical: 'top',
+                    horizontal: 'right'
+                }, transformOrigin: {
+                    vertical: 'bottom',
+                    horizontal: 'right'
+                }, sx: {
+                    '& .MuiMenuItem-root': {
+                        padding: '0.5em',
+                        paddingRight: '2em'
+                    }
+                }, children: [tools.map(namedTool => (_jsx(Tooltip, { title: namedTool.tool.description || namedTool.name, placement: "left", children: _jsxs(MenuItem, { className: SELECT_ITEM_CLASS, onClick: e => {
+                                toggleTool(namedTool.name);
+                                // Prevent sending message on tool selection
+                                e.stopPropagation();
+                            }, children: [selectedToolNames.includes(namedTool.name) ? (_jsx(CheckIcon, { sx: {
+                                        marginRight: '8px',
+                                        color: 'var(--jp-brand-color1, #2196F3)'
+                                    } })) : (_jsx("div", { style: { width: '24px', marginRight: '8px' } })), _jsx(Typography, { variant: "body2", children: namedTool.name })] }) }, namedTool.name))), providerToolNames.length > 0 && tools.length > 0 && _jsx(Divider, {}), providerToolNames.length > 0 && (_jsx(MenuItem, { disabled: true, children: _jsx(Typography, { variant: "caption", children: trans.__('Provider Tools') }) })), providerToolNames.map(toolName => {
+                        return (_jsx(Tooltip, { title: trans.__('Enabled via provider settings.'), placement: "left", children: _jsxs(MenuItem, { className: SELECT_ITEM_CLASS, onClick: e => {
+                                    // Keep provider-managed tools read-only from this menu.
+                                    e.stopPropagation();
+                                }, children: [_jsx(CheckIcon, { sx: {
+                                            marginRight: '8px',
+                                            color: 'text.disabled'
+                                        } }), _jsx(Typography, { variant: "body2", children: toolName })] }) }, toolName));
+                    })] })] }));
 }
 /**
  * Factory function returning the toolbar item for tool selection.
@@ -183,7 +170,7 @@ export function createToolSelectItem(toolRegistry, settingsModel, providerRegist
                 toolsEnabled,
                 translator
             };
-            return React.createElement(ToolSelect, { ...toolSelectProps });
+            return _jsx(ToolSelect, { ...toolSelectProps });
         },
         position: 1
     };

package/lib/components/usage-display.d.ts

@@ -1,8 +1,9 @@
+import type { ITokenUsage } from '@jupyternaut/agent';
 import { ReactWidget } from '@jupyterlab/ui-components';
 import type { TranslationBundle } from '@jupyterlab/translation';
-import React from 'react';
 import { ISignal } from '@lumino/signaling';
-import type { IAISettingsModel, ITokenUsage } from '../tokens';
+import React from 'react';
+import type { IAISettingsModel } from '../tokens';
 /**
  * Props for the UsageDisplay component.
  */
@@ -47,3 +48,4 @@ export declare class UsageWidget extends ReactWidget {
     protected render(): React.ReactElement;
     private _options;
 }
+//# sourceMappingURL=usage-display.d.ts.map