@datalayer/core 0.0.19 → 0.0.20

package/lib/views/secrets/SecretEdit.d.ts

@@ -0,0 +1,2 @@
+export declare const SecretEdit: () => import("react/jsx-runtime").JSX.Element;
+export default SecretEdit;

package/lib/views/secrets/SecretEdit.js

@@ -0,0 +1,149 @@
+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 { useState, useEffect } from 'react';
+import { useParams } from 'react-router-dom';
+import { PageHeader, Heading, Text, Button, TextInput, FormControl, Textarea, Label, } from '@primer/react';
+import { Box } from '@datalayer/primer-addons';
+import { EyeIcon, EyeClosedIcon } from '@primer/octicons-react';
+import { BoringAvatar } from '../../components/avatars';
+import { useCache, useNavigate, useToast } from '../../hooks';
+import { useRunStore } from '../../state';
+export const SecretEdit = () => {
+    const { secretId } = useParams();
+    const runStore = useRunStore();
+    const navigate = useNavigate();
+    const { enqueueToast } = useToast();
+    const { useUpdateSecret, useSecret, useDeleteSecret } = useCache();
+    const updateSecretMutation = useUpdateSecret();
+    const deleteSecretMutation = useDeleteSecret();
+    const secretQuery = useSecret(secretId, {
+        refetchOnMount: true,
+    });
+    const [secret, setSecret] = useState();
+    const [formValues, setFormValues] = useState({
+        name: '',
+        nameConfirm: '',
+        description: '',
+        value: '',
+    });
+    const [validationResult, setValidationResult] = useState({
+        name: undefined,
+        nameConfirm: undefined,
+        description: undefined,
+        value: undefined,
+    });
+    const [passwordVisible, setPasswordVisible] = useState(false);
+    useEffect(() => {
+        if (secretQuery.data) {
+            const secret = secretQuery.data;
+            setSecret(secret);
+            setFormValues({
+                name: secret.name || '',
+                nameConfirm: '',
+                description: secret.description || '',
+                value: secret.value ? atob(secret.value) : '',
+            });
+        }
+    }, [secretQuery.data]);
+    const secretNameChanged = (event) => {
+        setFormValues(prevFormValues => ({
+            ...prevFormValues,
+            name: event.target.value,
+        }));
+    };
+    const secretNameConfirmChanged = (event) => {
+        setFormValues(prevFormValues => ({
+            ...prevFormValues,
+            nameConfirm: event.target.value,
+        }));
+    };
+    const secretDescriptionChanged = (event) => {
+        setFormValues(prevFormValues => ({
+            ...prevFormValues,
+            description: event.target.value,
+        }));
+    };
+    const secretValueChanged = (event) => {
+        setFormValues(prevFormValues => ({
+            ...prevFormValues,
+            value: event.target.value,
+        }));
+    };
+    useEffect(() => {
+        setValidationResult({
+            ...validationResult,
+            name: formValues.name === undefined
+                ? undefined
+                : formValues.name.length > 2
+                    ? true
+                    : false,
+            nameConfirm: formValues.nameConfirm === secret?.name ? true : false,
+            description: formValues.description === undefined
+                ? undefined
+                : formValues.description.length > 2
+                    ? true
+                    : false,
+            value: formValues.value === undefined
+                ? undefined
+                : formValues.value.length > 0 && formValues.value.length < 4096
+                    ? true
+                    : false,
+        });
+    }, [formValues]);
+    const submitUpdate = async () => {
+        runStore.layout().showBackdrop('Updating the secret...');
+        secret.name = formValues.name;
+        secret.description = formValues.description;
+        secret.value = btoa(formValues.value);
+        updateSecretMutation.mutate(secret, {
+            onSuccess: (resp) => {
+                if (resp.success) {
+                    enqueueToast('The secret is successfully updated.', {
+                        variant: 'success',
+                    });
+                    setSecret(secret);
+                }
+            },
+            onSettled: () => {
+                runStore.layout().hideBackdrop();
+            },
+        });
+    };
+    const submitDelete = async () => {
+        runStore.layout().showBackdrop('Deleting the secret...');
+        deleteSecretMutation.mutate(secret.id, {
+            onSuccess: (resp) => {
+                if (resp.success) {
+                    enqueueToast('The secret is successfully deleted.', {
+                        variant: 'success',
+                    });
+                    navigate(`/settings/iam/secrets`);
+                }
+            },
+            onSettled: () => {
+                runStore.layout().hideBackdrop();
+            },
+        });
+    };
+    return (_jsxs(_Fragment, { children: [_jsx(PageHeader, { children: _jsx(Heading, { sx: { fontSize: 3 }, children: "Secret" }) }), _jsxs(Box, { display: "flex", children: [_jsxs(Box, { children: [_jsx(BoringAvatar, { displayName: secret?.name, size: 100, style: { paddingRight: 10 } }), _jsx(Text, { as: "h2", sx: { paddingTop: 3 }, children: secret?.name }), _jsx(Box, { mt: 3, children: _jsx(Label, { size: "large", children: secret?.variant }) })] }), _jsxs(Box, { ml: 10, children: [_jsxs(Box, { sx: { label: { marginTop: 2 } }, children: [_jsxs(FormControl, { children: [_jsx(FormControl.Label, { children: "Name" }), _jsx(TextInput, { block: true, value: formValues.name, onChange: secretNameChanged }), validationResult.name === false && (_jsx(FormControl.Validation, { variant: "error", children: "Name must have more than 2 characters." }))] }), _jsxs(FormControl, { children: [_jsx(FormControl.Label, { children: "Description" }), _jsx(Textarea, { block: true, value: formValues.description, onChange: secretDescriptionChanged, rows: 5 }), validationResult.description === false && (_jsx(FormControl.Validation, { variant: "error", children: "Description must have more than 2 characters." }))] }), _jsxs(FormControl, { children: [_jsx(FormControl.Label, { children: "Value" }), _jsx(TextInput, { placeholder: "Value", monospace: true, size: "large", contrast: !passwordVisible, disabled: !passwordVisible, onChange: secretValueChanged, type: passwordVisible ? 'text' : 'password', value: formValues.value, trailingAction: _jsx(TextInput.Action, { onClick: () => {
+                                                        setPasswordVisible(!passwordVisible);
+                                                    }, icon: passwordVisible ? EyeClosedIcon : EyeIcon, "aria-label": passwordVisible ? 'Hide secret' : 'Reveal secret', sx: { color: 'var(--fgColor-muted)' } }), sx: { overflow: 'visible' } }), validationResult.value === false && (_jsx(FormControl.Validation, { variant: "error", children: "Value must have more than 1 and less than 4096 characters." }))] }), _jsx(Box, { sx: { marginTop: 3 }, children: _jsx(Button, { variant: "primary", disabled: !validationResult.name || !validationResult.description, onClick: submitUpdate, children: "Update secret" }) })] }), _jsxs(Box, { sx: { marginTop: 3 }, children: [_jsx(Heading, { as: "h2", sx: {
+                                            fontSize: 4,
+                                            fontWeight: 'normal',
+                                            color: 'danger.fg',
+                                            mb: 2,
+                                        }, children: "Danger zone" }), _jsxs(Box, { sx: {
+                                            border: '1px solid',
+                                            borderColor: 'danger.emphasis',
+                                            borderRadius: 2,
+                                            p: 3,
+                                            display: 'flex',
+                                            alignItems: 'center',
+                                            justifyContent: 'space-between',
+                                            gap: 3,
+                                        }, children: [_jsxs(Box, { sx: { display: 'grid', gap: 1 }, children: [_jsx(Text, { sx: { fontSize: 1, fontWeight: 'bold', color: 'danger.fg' }, children: "Confirm the secret name to delete" }), _jsx(FormControl, { children: _jsx(TextInput, { block: true, value: formValues.nameConfirm, onChange: secretNameConfirmChanged }) }), _jsx(Text, { sx: { fontSize: 1, color: 'fg.muted' }, children: "This operation is not reversible." })] }), _jsx(Button, { variant: "danger", disabled: !validationResult.nameConfirm, onClick: submitDelete, children: "Delete secret" })] })] })] })] })] }));
+};
+export default SecretEdit;

package/lib/views/secrets/SecretNew.d.ts

@@ -0,0 +1,2 @@
+export declare const SecretNew: () => import("react/jsx-runtime").JSX.Element;
+export default SecretNew;

package/lib/views/secrets/SecretNew.js

@@ -0,0 +1,99 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/*
+ * Copyright (c) 2023-2025 Datalayer, Inc.
+ * Distributed under the terms of the Modified BSD License.
+ */
+import { useEffect, useState } from 'react';
+import { PageHeader, FormControl, Button, TextInput, Textarea, Select, } from '@primer/react';
+import { Box } from '@datalayer/primer-addons';
+import { useCache, useNavigate, useToast } from '../../hooks';
+import { useRunStore } from '../../state';
+export const SecretNew = () => {
+    const runStore = useRunStore();
+    const navigate = useNavigate();
+    const { useCreateSecret } = useCache();
+    const createSecretMutation = useCreateSecret();
+    const { enqueueToast } = useToast();
+    const [formValues, setFormValues] = useState({
+        variant: 'generic',
+        value: undefined,
+        name: undefined,
+        description: undefined,
+    });
+    const [validationResult, setValidationResult] = useState({
+        variant: undefined,
+        value: undefined,
+        name: undefined,
+        description: undefined,
+    });
+    const secretVariantChanged = (event) => {
+        setFormValues(prevFormValues => ({
+            ...prevFormValues,
+            variant: event.target.value,
+        }));
+    };
+    const secretValueChanged = (event) => {
+        setFormValues(prevFormValues => ({
+            ...prevFormValues,
+            value: event.target.value,
+        }));
+    };
+    const secretNameChanged = (event) => {
+        setFormValues(prevFormValues => ({
+            ...prevFormValues,
+            name: event.target.value,
+        }));
+    };
+    const secretDescriptionChanged = (event) => {
+        setFormValues(prevFormValues => ({
+            ...prevFormValues,
+            description: event.target.value,
+        }));
+    };
+    useEffect(() => {
+        setValidationResult({
+            ...validationResult,
+            name: formValues.name === undefined
+                ? undefined
+                : formValues.name.length > 2
+                    ? true
+                    : false,
+            description: formValues.description === undefined
+                ? undefined
+                : formValues.description.length > 2
+                    ? true
+                    : false,
+            value: formValues.value === undefined
+                ? undefined
+                : formValues.value.length > 0 && formValues.value.length < 4096
+                    ? true
+                    : false,
+        });
+    }, [formValues]);
+    const submitCreate = () => {
+        runStore.layout().showBackdrop('Creating an secret...');
+        createSecretMutation.mutate({
+            variant: formValues.variant,
+            name: formValues.name,
+            description: formValues.description,
+            value: btoa(formValues.value),
+        }, {
+            onSuccess: (resp) => {
+                if (resp.success) {
+                    enqueueToast(resp.message, { variant: 'success' });
+                    navigate(`/settings/iam/secrets`);
+                }
+            },
+            onSettled: () => {
+                runStore.layout().hideBackdrop();
+            },
+        });
+    };
+    return (_jsxs(Box, { children: [_jsx(PageHeader, { children: _jsx(PageHeader.TitleArea, { variant: "large", children: _jsx(PageHeader.Title, { children: "New Secret" }) }) }), _jsx(Box, { display: "grid", gridTemplateColumns: "1fr 1fr", sx: { gap: 3 }, children: _jsx(Box, { children: _jsxs(Box, { sx: { label: { marginTop: 2 } }, children: [_jsxs(FormControl, { required: true, children: [_jsx(FormControl.Label, { children: "Secret type" }), _jsxs(Select, { name: "type", value: formValues.variant, onChange: secretVariantChanged, children: [_jsx(Select.Option, { value: "generic", children: "Generic" }), _jsx(Select.Option, { value: "password", children: "Password" }), _jsx(Select.Option, { value: "key", children: "Key" }), _jsx(Select.Option, { value: "token", children: "Token" })] }), _jsx(FormControl.Caption, { children: "Pick the most appropriate secret type." })] }), _jsxs(FormControl, { required: true, children: [_jsx(FormControl.Label, { children: "Name" }), _jsx(TextInput, { block: true, value: formValues.name, onChange: secretNameChanged, autoFocus: true }), _jsx(FormControl.Caption, { children: "Hint: The secret name is a short name that identifies in a unique way your secret." }), validationResult.name === false && (_jsx(FormControl.Validation, { variant: "error", children: "Name length must be between 2 and 32 characters." }))] }), _jsxs(FormControl, { required: true, children: [_jsx(FormControl.Label, { children: "Description" }), _jsx(Textarea, { block: true, value: formValues.description, onChange: secretDescriptionChanged, rows: 3 }), validationResult.description === false && (_jsx(FormControl.Validation, { variant: "error", children: "Description must have more than 2 characters." }))] }), _jsxs(FormControl, { required: true, children: [_jsx(FormControl.Label, { children: "Value" }), _jsx(Textarea, { block: true, value: formValues.value, onChange: secretValueChanged, rows: 5 }), validationResult.value === false && (_jsx(FormControl.Validation, { variant: "error", children: "Value must have more than 1 and less than 4096 characters." }))] }), _jsx(Button, { variant: "primary", disabled: !validationResult.value ||
+                                    !validationResult.name ||
+                                    !validationResult.description, sx: { marginTop: 2 }, onClick: e => {
+                                    e.preventDefault();
+                                    submitCreate();
+                                }, children: "Create a secret" })] }) }) })] }));
+};
+export default SecretNew;

package/lib/views/secrets/Secrets.d.ts

@@ -0,0 +1,2 @@
+export declare const Secrets: () => import("react/jsx-runtime").JSX.Element;
+export default Secrets;

package/lib/views/secrets/Secrets.js

@@ -0,0 +1,48 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/*
+ * Copyright (c) 2023-2025 Datalayer, Inc.
+ * Distributed under the terms of the Modified BSD License.
+ */
+import { useState, useEffect } from 'react';
+import { PageLayout, Button, IconButton, Text, Label } from '@primer/react';
+import { Blankslate, PageHeader, Table, DataTable, } from '@primer/react/experimental';
+import { Box } from '@datalayer/primer-addons';
+import { EditIcon } from '@datalayer/icons-react';
+import { useCache, useNavigate } from '../../hooks';
+const SecretsTable = () => {
+    const { useSecrets } = useCache();
+    const secretsQuery = useSecrets();
+    const navigate = useNavigate();
+    const [secrets, setSecrets] = useState([]);
+    useEffect(() => {
+        if (secretsQuery.data) {
+            setSecrets(secretsQuery.data || []);
+        }
+    }, [secretsQuery.data]);
+    return secrets.length === 0 ? (_jsxs(Blankslate, { border: true, spacious: true, children: [_jsx(Blankslate.Heading, { children: "Secrets" }), _jsx(Blankslate.Description, { children: _jsx(Text, { sx: { textAlign: 'center' }, children: "No Secrets found." }) })] })) : (_jsxs(Table.Container, { children: [_jsx(Table.Title, { as: "h2", id: "secrets", children: "Secrets" }), _jsx(DataTable, { "aria-labelledby": "secrets", "aria-describedby": "secrets-subtitle", data: secrets, columns: [
+                    {
+                        header: 'Type',
+                        field: 'variant',
+                        renderCell: secret => _jsx(Label, { children: secret.variant }),
+                    },
+                    {
+                        header: 'Name',
+                        field: 'name',
+                        rowHeader: true,
+                    },
+                    {
+                        header: 'Description',
+                        field: 'description',
+                    },
+                    {
+                        header: '',
+                        field: 'id',
+                        renderCell: secret => (_jsx(IconButton, { icon: EditIcon, "aria-label": "Edit", size: "small", variant: "invisible", onClick: e => navigate(`${secret.id}`, e) })),
+                    },
+                ] })] }));
+};
+export const Secrets = () => {
+    const navigate = useNavigate();
+    return (_jsxs(PageLayout, { containerWidth: "full", padding: "normal", style: { overflow: 'visible', minHeight: 'calc(100vh - 45px)' }, children: [_jsx(PageLayout.Header, { children: _jsxs(PageHeader, { children: [_jsx(PageHeader.TitleArea, { variant: "large", children: _jsx(PageHeader.Title, { children: "Secrets" }) }), _jsx(PageHeader.Actions, { children: _jsx(Button, { size: "small", variant: "primary", onClick: e => navigate('/new/secret', e), children: "New secret" }) })] }) }), _jsx(PageLayout.Content, { children: _jsx(Box, { children: _jsx(SecretsTable, {}) }) })] }));
+};
+export default Secrets;

package/lib/views/secrets/index.d.ts

@@ -0,0 +1,3 @@
+export * from './SecretEdit';
+export * from './SecretNew';
+export * from './Secrets';

package/lib/views/secrets/index.js

@@ -0,0 +1,7 @@
+/*
+ * Copyright (c) 2023-2025 Datalayer, Inc.
+ * Distributed under the terms of the Modified BSD License.
+ */
+export * from './SecretEdit';
+export * from './SecretNew';
+export * from './Secrets';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@datalayer/core",
-  "version": "0.0.19",
+  "version": "0.0.20",
   "type": "module",
   "workspaces": [
     ".",
@@ -85,12 +85,12 @@
     "watch:lib:res": "gulp resources-to-lib-watch",
     "watch:lib:src": "tsc -b -w",
     "type-check:watch": "tsc -b -w --noEmit",
-    "examples": "vite --config vite.examples.config.ts",
-    "examples:chat": "run-p jupyter:start example:chat:vite",
-    "examples:chat:vite": "EXAMPLE=ChatExample vite --config vite.examples.config.ts",
+    "examples": "run-p jupyter:start examples:vite",
+    "examples:vite": "VITE_DATALAYER_RUN_URL=http://localhost:8888 vite --config vite.examples.config.ts",
     "examples:nextjs": "npm run dev --workspace=nextjs-notebook-example",
     "jupyter:start": "./dev/sh/start-jupyter-server.sh",
     "prepare": "husky",
+    "postinstall": "bash scripts/apply-patches.sh",
     "kill": "./dev/sh/kill.sh || true",
     "sync:jupyter": "bash scripts/sync-jupyter.sh",
     "sync:jupyter:watch": "bash scripts/sync-jupyter.sh --watch",
@@ -100,14 +100,12 @@
     "rebuild:fresh": "npm run create:patches && npm install && npm run build && npm run clean:cache"
   },
   "dependencies": {
-    "@ai-sdk/react": "^2.0.34",
-    "@copilotkit/react-core": "^1.10.6",
-    "@copilotkit/react-ui": "^1.10.6",
     "@datalayer/icons-react": "^1.0.6",
-    "@datalayer/jupyter-lexical": "^1.0.6",
-    "@datalayer/jupyter-react": "^1.1.8",
+    "@datalayer/jupyter-lexical": "^1.0.7",
+    "@datalayer/jupyter-react": "^2.0.0",
     "@datalayer/primer-addons": "^1.0.4",
     "@datalayer/primer-rjsf": "^1.0.1",
+    "@fluentui/react": "^8.125.3",
     "@jupyter-widgets/base-manager": "^1.0.12",
     "@jupyter-widgets/schema": "^0.5.6",
     "@jupyterlab/apputils": "^4.6.0",
@@ -119,7 +117,6 @@
     "@jupyterlab/services": "^7.0.0",
     "@jupyterlab/translation": "^4.5.0",
     "@jupyterlab/ui-components": "^4.5.0",
-    "@jupyterlite/javascript-kernel-extension": "^0.3.0",
     "@lumino/commands": "^2.3.3",
     "@lumino/coreutils": "^2.2.2",
     "@lumino/datagrid": "^2.5.3",
@@ -144,9 +141,9 @@
     "ansi-to-html": "^0.7.2",
     "axios": "^1.7.7",
     "boring-avatars": "^2.0.1",
-    "buffer": "^6.0.3",
     "date-fns": "^2.29.3",
     "deepmerge": "^4.3.1",
+    "diff": "^8.0.2",
     "echarts": "^5.5.0",
     "echarts-for-react": "^3.0.2",
     "fuse.js": "^7.0.0",
@@ -174,6 +171,7 @@
     "uuid": "^13.0.0",
     "validator": "^13.7.0",
     "zod": "^4.1.13",
+    "zod-to-json-schema": "^3.25.0",
     "zustand": "^4.4.1"
   },
   "peerDependencies": {
@@ -203,7 +201,6 @@
     "@vitest/coverage-v8": "^3.2.4",
     "abort-controller": "^3.0.0",
     "autoprefixer": "^10.4.21",
-    "buffer": "^6.0.3",
     "crypto-browserify": "^3.12.1",
     "dotenv": "^17.2.2",
     "eslint": "^9.29.0",

package/lib/components/chat/ChatComponent.d.ts

@@ -1,4 +0,0 @@
-/**
- * Main Chat component using Primer React
- */
-export declare const ChatComponent: React.FC;

package/lib/components/chat/ChatComponent.js

@@ -1,143 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-/*
- * Copyright (c) 2023-2025 Datalayer, Inc.
- * Distributed under the terms of the Modified BSD License.
- */
-/*
- * Copyright (c) 2024-2025 Datalayer, Inc.
- *
- * BSD 3-Clause License
- */
-import { useState, useEffect, useMemo, useRef } from 'react';
-import { useQuery } from '@tanstack/react-query';
-import { Box, Button, IconButton, Textarea, FormControl, Spinner, ActionMenu, ActionList, Text, } from '@primer/react';
-import { ToolsIcon, ArrowUpIcon, ArrowDownIcon, AiModelIcon, } from '@primer/octicons-react';
-import { useAIJupyterChat } from '../../hooks/useAIJupyterChat';
-import { requestAPI } from './handler';
-import { MessagePart } from './MessagePart';
-async function getModels() {
-    return await requestAPI('configure');
-}
-/**
- * Main Chat component using Primer React
- */
-export const ChatComponent = () => {
-    const [model, setModel] = useState('');
-    const [enabledTools, setEnabledTools] = useState([]);
-    const [inputValue, setInputValue] = useState('');
-    const [showScrollButton, setShowScrollButton] = useState(false);
-    const { messages, sendMessage, status, regenerate } = useAIJupyterChat();
-    const textareaRef = useRef(null);
-    const messagesEndRef = useRef(null);
-    const scrollContainerRef = useRef(null);
-    const configQuery = useQuery({
-        queryFn: getModels,
-        queryKey: ['models'],
-    });
-    useEffect(() => {
-        if (configQuery.data) {
-            setModel(configQuery.data.models[0].id);
-            // Enable all builtin tools by default
-            const allToolIds = configQuery.data.builtinTools?.map(tool => tool.id) || [];
-            setEnabledTools(allToolIds);
-        }
-    }, [configQuery.data]);
-    // Auto-scroll to bottom when new messages arrive
-    useEffect(() => {
-        messagesEndRef.current?.scrollIntoView({ behavior: 'smooth' });
-    }, [messages]);
-    // Handle scroll to show/hide scroll button
-    useEffect(() => {
-        const container = scrollContainerRef.current;
-        if (!container)
-            return;
-        const handleScroll = () => {
-            const isScrolledUp = container.scrollHeight - container.scrollTop - container.clientHeight >
-                100;
-            setShowScrollButton(isScrolledUp);
-        };
-        container.addEventListener('scroll', handleScroll);
-        return () => container.removeEventListener('scroll', handleScroll);
-    }, []);
-    const handleSubmit = (e) => {
-        e.preventDefault();
-        if (inputValue.trim() && status !== 'streaming') {
-            sendMessage({ text: inputValue }, {
-                body: { model, builtinTools: enabledTools },
-            }).catch((error) => {
-                console.error('Error sending message:', error);
-            });
-            setInputValue('');
-            textareaRef.current?.focus();
-        }
-    };
-    const handleKeyDown = (e) => {
-        if (e.key === 'Enter' && !e.shiftKey) {
-            e.preventDefault();
-            handleSubmit(e);
-        }
-    };
-    const regen = (id) => {
-        regenerate({ messageId: id }).catch((error) => {
-            console.error('Error regenerating message:', error);
-        });
-    };
-    const scrollToBottom = () => {
-        messagesEndRef.current?.scrollIntoView({ behavior: 'smooth' });
-    };
-    const availableTools = useMemo(() => {
-        if (!configQuery.data)
-            return [];
-        const selectedModel = configQuery.data.models.find(entry => entry.id === model);
-        const enabledToolIds = selectedModel?.builtinTools ?? [];
-        // If model doesn't specify tools, show all builtin tools
-        const tools = enabledToolIds.length > 0
-            ? (configQuery.data.builtinTools?.filter(tool => enabledToolIds.includes(tool.id)) ?? [])
-            : (configQuery.data.builtinTools ?? []);
-        return tools;
-    }, [configQuery.data, model]);
-    return (_jsxs(Box, { className: "dla-chat-root", sx: {
-            position: 'absolute',
-            top: 0,
-            left: 0,
-            right: 0,
-            bottom: 0,
-            display: 'flex',
-            flexDirection: 'column',
-        }, children: [_jsxs(Box, { ref: scrollContainerRef, className: "dla-chat-messages", sx: {
-                    position: 'absolute',
-                    top: 0,
-                    left: 0,
-                    right: 0,
-                    bottom: 0,
-                    overflowY: 'scroll',
-                    overflowX: 'hidden',
-                    padding: 3,
-                    paddingBottom: '180px',
-                }, children: [messages.map(message => (_jsx(Box, { sx: { marginBottom: 3 }, children: message.parts.map((part, index) => (_jsx(MessagePart, { part: part, message: message, status: status, index: index, regen: regen, lastMessage: message.id === messages.at(-1)?.id }, `${message.id}-${index}`))) }, message.id))), status === 'submitted' && (_jsx(Box, { sx: { display: 'flex', justifyContent: 'center', padding: 3 }, children: _jsx(Spinner, { size: "medium" }) })), _jsx("div", { ref: messagesEndRef })] }), showScrollButton && (_jsx(Box, { sx: {
-                    position: 'absolute',
-                    bottom: 160,
-                    right: 16,
-                    zIndex: 1,
-                }, children: _jsx(IconButton, { icon: ArrowDownIcon, "aria-label": "Scroll to bottom", onClick: scrollToBottom, variant: "default", size: "medium" }) })), _jsx(Box, { sx: {
-                    position: 'absolute',
-                    bottom: 0,
-                    left: 0,
-                    right: 0,
-                    borderTop: '1px solid',
-                    borderColor: 'border.default',
-                    padding: 3,
-                    backgroundColor: 'canvas.default',
-                    zIndex: 0,
-                }, children: _jsxs("form", { onSubmit: handleSubmit, children: [_jsx(FormControl, { sx: { width: '100%' }, children: _jsx(Textarea, { ref: textareaRef, value: inputValue, onChange: e => setInputValue(e.target.value), onKeyDown: handleKeyDown, placeholder: "Ask me anything...", rows: 3, resize: "vertical", sx: { marginBottom: 2, width: '100%' } }) }), _jsxs(Box, { sx: {
-                                display: 'flex',
-                                justifyContent: 'space-between',
-                                alignItems: 'center',
-                            }, children: [_jsxs(Box, { sx: { display: 'flex', gap: 2, alignItems: 'center' }, children: [availableTools.length > 0 && (_jsxs(ActionMenu, { children: [_jsx(ActionMenu.Anchor, { children: _jsx(IconButton, { icon: ToolsIcon, "aria-label": "Tools", variant: "invisible", size: "small" }) }), _jsx(ActionMenu.Overlay, { children: _jsx(ActionList, { children: _jsx(ActionList.Group, { title: "Available Tools", children: availableTools.map(tool => (_jsxs(ActionList.Item, { disabled: true, children: [_jsx(ActionList.LeadingVisual, { children: _jsx(Box, { sx: {
-                                                                                width: 8,
-                                                                                height: 8,
-                                                                                borderRadius: '50%',
-                                                                                backgroundColor: 'success.emphasis',
-                                                                            } }) }), tool.name] }, tool.id))) }) }) })] })), configQuery.data && model && (_jsxs(ActionMenu, { children: [_jsx(ActionMenu.Anchor, { children: _jsx(Button, { type: "button", variant: "invisible", size: "small", leadingVisual: AiModelIcon, children: _jsx(Text, { sx: { fontSize: 0 }, children: configQuery.data.models.find(m => m.id === model)
-                                                                ?.name || 'Select Model' }) }) }), _jsx(ActionMenu.Overlay, { children: _jsx(ActionList, { selectionVariant: "single", children: configQuery.data.models.map(modelItem => (_jsx(ActionList.Item, { selected: model === modelItem.id, onSelect: () => setModel(modelItem.id), children: modelItem.name }, modelItem.id))) }) })] }))] }), _jsx(Button, { type: "submit", variant: "primary", size: "small", disabled: !inputValue.trim() || status === 'streaming', leadingVisual: ArrowUpIcon, children: status === 'streaming' ? 'Sending...' : 'Send' })] })] }) })] }));
-};

package/lib/components/chat/MessagePart.d.ts

@@ -1,11 +0,0 @@
-import type { UIDataTypes, UIMessagePart, UITools, UIMessage } from 'ai';
-interface IMessagePartProps {
-    part: UIMessagePart<UIDataTypes, UITools>;
-    message: UIMessage;
-    status: string;
-    regen: (id: string) => void;
-    index: number;
-    lastMessage: boolean;
-}
-export declare function MessagePart({ part, message, status, regen, index, lastMessage, }: IMessagePartProps): import("react/jsx-runtime").JSX.Element | null;
-export {};

package/lib/components/chat/MessagePart.js

@@ -1,23 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { TextPart } from './display/TextPart';
-import { ReasoningPart } from './display/ReasoningPart';
-import { ToolPart } from './display/ToolPart';
-import { DynamicToolPart } from './display/DynamicToolPart';
-export function MessagePart({ part, message, status, regen, index, lastMessage, }) {
-    if (part.type === 'text') {
-        return (_jsx(TextPart, { text: part.text, message: message, isLastPart: index === message.parts.length - 1, onRegenerate: regen }));
-    }
-    else if (part.type === 'reasoning') {
-        const isStreaming = status === 'streaming' &&
-            index === message.parts.length - 1 &&
-            lastMessage;
-        return _jsx(ReasoningPart, { text: part.text, isStreaming: isStreaming });
-    }
-    else if (part.type === 'dynamic-tool') {
-        return _jsx(DynamicToolPart, { part: part });
-    }
-    else if ('toolCallId' in part) {
-        return _jsx(ToolPart, { part: part });
-    }
-    return null;
-}

package/lib/components/chat/display/DynamicToolPart.d.ts

@@ -1,6 +0,0 @@
-import type { DynamicToolUIPart } from 'ai';
-interface IDynamicToolPartProps {
-    part: DynamicToolUIPart;
-}
-export declare function DynamicToolPart({ part }: IDynamicToolPartProps): import("react/jsx-runtime").JSX.Element;
-export {};

package/lib/components/chat/display/DynamicToolPart.js

@@ -1,5 +0,0 @@
-import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
-import { Text, Flash } from '@primer/react';
-export function DynamicToolPart({ part }) {
-    return (_jsx(Flash, { variant: "warning", sx: { marginBottom: 2 }, children: _jsxs(Text, { children: ["Dynamic Tool: ", JSON.stringify(part)] }) }));
-}

package/lib/components/chat/display/ReasoningPart.d.ts

@@ -1,6 +0,0 @@
-interface IReasoningPartProps {
-    text: string;
-    isStreaming: boolean;
-}
-export declare function ReasoningPart({ text, isStreaming }: IReasoningPartProps): import("react/jsx-runtime").JSX.Element;
-export {};