@datalayer/core 0.0.19 → 0.0.21

package/lib/views/iam-tokens/IAMTokens.js

@@ -0,0 +1,53 @@
+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, RelativeTime, } 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 TokensTable = () => {
+    const { useTokens } = useCache();
+    const getTokensQuery = useTokens();
+    const navigate = useNavigate();
+    const [tokens, setTokens] = useState([]);
+    useEffect(() => {
+        if (getTokensQuery.data) {
+            setTokens(getTokensQuery.data);
+        }
+    }, [getTokensQuery.data]);
+    return tokens.length === 0 ? (_jsxs(Blankslate, { border: true, spacious: true, children: [_jsx(Blankslate.Heading, { children: "IAM Tokens" }), _jsx(Blankslate.Description, { children: _jsx(Text, { sx: { textAlign: 'center' }, children: "No IAM Tokens found." }) })] })) : (_jsxs(Table.Container, { children: [_jsx(Table.Title, { as: "h2", id: "tokens", children: "IAM Tokens" }), _jsx(Table.Subtitle, { as: "p", id: "tokens-subtitle", children: "Your tokens." }), _jsx(DataTable, { "aria-labelledby": "teams", "aria-describedby": "teams-subtitle", data: tokens, columns: [
+                    {
+                        header: 'Type',
+                        field: 'variant',
+                        renderCell: token => _jsx(Label, { children: token.variant }),
+                    },
+                    {
+                        header: 'Name',
+                        field: 'name',
+                        rowHeader: true,
+                    },
+                    {
+                        header: 'Description',
+                        field: 'description',
+                    },
+                    {
+                        header: 'Expiration date',
+                        field: 'expirationDate',
+                        renderCell: token => (_jsx(RelativeTime, { date: new Date(token.expirationDate) })),
+                    },
+                    {
+                        header: '',
+                        field: 'id',
+                        renderCell: token => (_jsx(IconButton, { icon: EditIcon, "aria-label": "Edit", size: "small", variant: "invisible", onClick: e => navigate(`${token.id}`, e) })),
+                    },
+                ] })] }));
+};
+export const IAMTokens = () => {
+    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: "IAM Tokens" }) }), _jsx(PageHeader.Actions, { children: _jsx(Button, { size: "small", variant: "primary", onClick: e => navigate('/new/token', e), children: "New IAM token" }) })] }) }), _jsx(PageLayout.Content, { children: _jsx(Box, { children: _jsx(TokensTable, {}) }) })] }));
+};
+export default IAMTokens;

package/lib/views/iam-tokens/Tokens.d.ts

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

package/lib/views/iam-tokens/Tokens.js

@@ -0,0 +1,53 @@
+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, RelativeTime, } 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 TokensTable = () => {
+    const { useTokens } = useCache();
+    const getTokensQuery = useTokens();
+    const navigate = useNavigate();
+    const [tokens, setTokens] = useState([]);
+    useEffect(() => {
+        if (getTokensQuery.data) {
+            setTokens(getTokensQuery.data);
+        }
+    }, [getTokensQuery.data]);
+    return tokens.length === 0 ? (_jsxs(Blankslate, { border: true, spacious: true, children: [_jsx(Blankslate.Heading, { children: "Tokens" }), _jsx(Blankslate.Description, { children: _jsx(Text, { sx: { textAlign: 'center' }, children: "No Tokens found." }) })] })) : (_jsxs(Table.Container, { children: [_jsx(Table.Title, { as: "h2", id: "tokens", children: "Tokens" }), _jsx(Table.Subtitle, { as: "p", id: "tokens-subtitle", children: "Your tokens." }), _jsx(DataTable, { "aria-labelledby": "teams", "aria-describedby": "teams-subtitle", data: tokens, columns: [
+                    {
+                        header: 'Type',
+                        field: 'variant',
+                        renderCell: token => _jsx(Label, { children: token.variant }),
+                    },
+                    {
+                        header: 'Name',
+                        field: 'name',
+                        rowHeader: true,
+                    },
+                    {
+                        header: 'Description',
+                        field: 'description',
+                    },
+                    {
+                        header: 'Expiration date',
+                        field: 'expirationDate',
+                        renderCell: token => (_jsx(RelativeTime, { date: new Date(token.expirationDate) })),
+                    },
+                    {
+                        header: '',
+                        field: 'id',
+                        renderCell: token => (_jsx(IconButton, { icon: EditIcon, "aria-label": "Edit", size: "small", variant: "invisible", onClick: e => navigate(`${token.id}`, e) })),
+                    },
+                ] })] }));
+};
+export const Tokens = () => {
+    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: "Tokens" }) }), _jsx(PageHeader.Actions, { children: _jsx(Button, { size: "small", variant: "primary", onClick: e => navigate('/new/token', e), children: "New token" }) })] }) }), _jsx(PageLayout.Content, { children: _jsx(Box, { children: _jsx(TokensTable, {}) }) })] }));
+};
+export default Tokens;

package/lib/views/iam-tokens/index.d.ts

@@ -0,0 +1,3 @@
+export * from './IAMTokenEdit';
+export * from './IAMTokenNew';
+export * from './IAMTokens';

package/lib/views/iam-tokens/index.js

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

package/lib/views/index.d.ts

@@ -0,0 +1 @@
+export {};

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.21",
   "type": "module",
   "workspaces": [
     ".",
@@ -22,7 +22,9 @@
   "files": [
     "lib/**/*.{css,d.ts,eot,gif,html,jpg,js,js.map,json,png,svg,woff2,ttf}",
     "style/**/*.{css,js,eot,gif,html,jpg,json,png,svg,woff2,ttf}",
-    "schema/*.json"
+    "schema/*.json",
+    "patches/",
+    "scripts/"
   ],
   "main": "lib/index.js",
   "types": "lib/index.d.ts",
@@ -50,7 +52,7 @@
     "clean:dist": "rimraf dist",
     "clean:cache": "rimraf node_modules/.vite",
     "build": "npm run clean && gulp resources-to-lib && tsc -b && vite build",
-    "build:lib": "npm run clean:lib && gulp resources-to-lib && tsc -b",
+    "build:lib": "npm run clean:lib && gulp resources-to-lib && tsc -b && node scripts/fix-esm-imports.cjs",
     "build:types": "npm run clean:lib && tsc -b",
     "build:nextjs": "npm run build --workspace=nextjs-notebook-example",
     "build:examples": "npm run build:nextjs",
@@ -81,16 +83,17 @@
     "storybook": "storybook dev -p 6006",
     "build-storybook": "storybook build",
     "typedoc": "typedoc --options typedoc.json --out docs/docs/typescript_api",
+    "docs": "make typedoc && make pydoc && cd docs && npm install && npm run build",
     "watch:lib": "run-p 'watch:lib:*'",
     "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",
+    "prepare": "husky || true",
+    "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 +103,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 +120,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",
@@ -140,13 +140,12 @@
     "@tailwindcss/vite": "^4.1.13",
     "@tanstack/react-query": "^5.90.6",
     "@toon-format/toon": "^1.3.0",
-    "ai": "^5.0.78",
     "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 +173,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 +203,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/patches/.gitkeep

@@ -0,0 +1 @@
+# Patches directory for patch-package