diff --git a/package.json b/package.json
index 0bc49c1..5c346d3 100644
--- a/package.json
+++ b/package.json
@@ -62,7 +62,7 @@
"@ai-sdk/mistral": "^3.0.1",
"@ai-sdk/openai": "^3.0.1",
"@ai-sdk/openai-compatible": "^2.0.1",
- "@jupyter/chat": "^0.18.2",
+ "@jupyter/chat": "^0.19.0-alpha.3",
"@jupyterlab/application": "^4.0.0",
"@jupyterlab/apputils": "^4.5.6",
"@jupyterlab/cells": "^4.4.6",
diff --git a/src/components/clear-button.tsx b/src/components/clear-button.tsx
index edaa6eb..09a6c12 100644
--- a/src/components/clear-button.tsx
+++ b/src/components/clear-button.tsx
@@ -34,10 +34,9 @@ export function ClearButton(props: IClearButtonProps): JSX.Element {
onClick={props.clearMessages}
tooltip={tooltip}
buttonProps={{
- size: 'small',
+ title: tooltip,
variant: 'outlined',
- color: 'secondary',
- title: tooltip
+ color: 'secondary'
}}
>
diff --git a/src/components/model-select.tsx b/src/components/model-select.tsx
index aa9f4ae..4198ace 100644
--- a/src/components/model-select.tsx
+++ b/src/components/model-select.tsx
@@ -106,7 +106,6 @@ export function ModelSelect(props: IModelSelectProps): JSX.Element {
'No providers configured. Please go to AI Settings to add a provider.'
)}
buttonProps={{
- size: 'small',
variant: 'outlined',
color: 'warning',
disabled: true,
@@ -114,9 +113,9 @@ export function ModelSelect(props: IModelSelectProps): JSX.Element {
}}
sx={{
minWidth: 'auto',
+ width: 'unset',
display: 'flex',
- alignItems: 'center',
- height: '29px'
+ alignItems: 'center'
}}
>
{
if (e.key !== 'Enter' && e.key !== ' ') {
@@ -156,9 +152,9 @@ export function ModelSelect(props: IModelSelectProps): JSX.Element {
}}
sx={{
minWidth: 'auto',
+ width: 'unset',
display: 'flex',
- alignItems: 'center',
- height: '29px'
+ alignItems: 'center'
}}
>
-
+
);
}
diff --git a/src/components/tool-select.tsx b/src/components/tool-select.tsx
index caa1e58..80a1ec6 100644
--- a/src/components/tool-select.tsx
+++ b/src/components/tool-select.tsx
@@ -129,9 +129,9 @@ export function ToolSelect(props: IToolSelectProps): JSX.Element {
tools.length.toString()
)}
buttonProps={{
- size: 'small',
- variant: selectedToolNames.length > 0 ? 'contained' : 'outlined',
- color: 'primary',
+ ...(selectedToolNames.length === 0 && {
+ variant: 'outlined'
+ }),
title: trans.__('Select AI Tools'),
onKeyDown: e => {
if (e.key !== 'Enter' && e.key !== ' ') {
@@ -148,7 +148,7 @@ export function ToolSelect(props: IToolSelectProps): JSX.Element {
: {}
}
>
-
+