@datalayer/core 1.1.60 → 1.2.10

package/lib/components/collaboration/index.js

@@ -2,8 +2,4 @@
  * Copyright (c) 2023-2025 Datalayer, Inc.
  * Distributed under the terms of the Modified BSD License.
  */
-/*
- * Copyright (c) 2023-2026 Datalayer, Inc.
- * Distributed under the terms of the Modified BSD License.
- */
 export * from './LiveEditorCollaborators.js';

package/lib/components/confetti/ConfettiSuccess.d.ts

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

package/lib/components/contents/ContentSourceCard.d.ts

@@ -0,0 +1,8 @@
+import type { CatalogSource } from '../../api/contents';
+export type ContentSourceCardProps = {
+    item: CatalogSource;
+    onOpen?: (sourceUid: string) => void;
+};
+/** Compact, host-neutral catalog row shared by Datalayer clients. */
+export declare const ContentSourceCard: ({ item, onOpen }: ContentSourceCardProps) => import("react").JSX.Element;
+export default ContentSourceCard;

package/lib/components/contents/ContentSourceCard.js

@@ -0,0 +1,23 @@
+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 { Label, Text } from '@primer/react';
+import { Box } from '@datalayer/primer-addons';
+import { contentSourceEffectiveRole, contentSourceLabel, } from '../../models/contents/index.js';
+/** Compact, host-neutral catalog row shared by Datalayer clients. */
+export const ContentSourceCard = ({ item, onOpen }) => (_jsx(Box, { as: "li", onClick: () => onOpen?.(item.source.uid), sx: {
+        p: 3,
+        borderBottom: '1px solid',
+        borderColor: 'border.muted',
+        cursor: onOpen ? 'pointer' : 'default',
+        ':last-child': { borderBottom: 0 },
+        ':hover': onOpen ? { bg: 'canvas.subtle' } : undefined,
+    }, children: _jsxs(Box, { sx: { display: 'flex', justifyContent: 'space-between', gap: 3 }, children: [_jsxs(Box, { sx: { minWidth: 0 }, children: [_jsx(Text, { sx: { fontWeight: 600 }, children: item.source.name }), _jsx(Text, { as: "p", sx: { color: 'fg.muted', fontSize: 0, m: 0, mt: 1 }, children: item.source.description || contentSourceLabel(item.source.kind) }), _jsx(Text, { as: "p", sx: { color: 'fg.subtle', fontSize: 0, m: 0, mt: 1 }, children: item.source.uid })] }), _jsxs(Box, { sx: {
+                    display: 'flex',
+                    alignItems: 'center',
+                    gap: 2,
+                    flexShrink: 0,
+                }, children: [_jsx(Label, { children: contentSourceLabel(item.source.kind) }), _jsx(Label, { variant: item.source.status === 'ready' ? 'success' : 'secondary', children: item.source.status }), _jsx(Label, { variant: "accent", children: contentSourceEffectiveRole(item) })] })] }) }));
+export default ContentSourceCard;

package/lib/components/contents/HomeFolderObjectsBrowser.d.ts

@@ -0,0 +1,10 @@
+import type { ContentObject } from '../../api/contents';
+export type HomeFolderObjectsBrowserProps = {
+    prefix?: string;
+    selectedObjectUids?: readonly string[];
+    onSelectedObjectsChange?: (objects: ContentObject[]) => void;
+    selectionDisabled?: boolean;
+};
+/** Browser for the server-managed Home Folder metadata and version history. */
+export declare const HomeFolderObjectsBrowser: ({ prefix, selectedObjectUids, onSelectedObjectsChange, selectionDisabled }: HomeFolderObjectsBrowserProps) => import("react").JSX.Element;
+export default HomeFolderObjectsBrowser;

package/lib/components/contents/HomeFolderObjectsBrowser.js

@@ -0,0 +1,148 @@
+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 { useRef, useState } from 'react';
+import { Button, Checkbox, Heading, Label, ProgressBar, Spinner, Text, } from '@primer/react';
+import { DownloadIcon, FileIcon, HistoryIcon, SyncIcon, TrashIcon, UploadIcon, } from '@primer/octicons-react';
+import { Box } from '@datalayer/primer-addons';
+import { useDeleteHomeFolderObject, useDownloadHomeFolderObject, useRestoreHomeFolderObject, useUploadHomeFolderFile, useHomeFolderObjects, useHomeFolderObjectVersions, } from '../../hooks/useContents.js';
+const formatBytes = (bytes) => {
+    if (bytes < 1024)
+        return `${bytes} B`;
+    if (bytes < 1024 ** 2)
+        return `${(bytes / 1024).toFixed(1)} KB`;
+    if (bytes < 1024 ** 3)
+        return `${(bytes / 1024 ** 2).toFixed(1)} MB`;
+    return `${(bytes / 1024 ** 3).toFixed(1)} GB`;
+};
+const mutationKey = (action, uid) => {
+    const random = typeof crypto !== 'undefined' && typeof crypto.randomUUID === 'function'
+        ? crypto.randomUUID()
+        : `${Date.now()}-${Math.random().toString(36).slice(2)}`;
+    return `${action}:${uid}:${random}`;
+};
+/** Browser for the server-managed Home Folder metadata and version history. */
+export const HomeFolderObjectsBrowser = ({ prefix, selectedObjectUids = [], onSelectedObjectsChange, selectionDisabled = false }) => {
+    const objects = useHomeFolderObjects({ prefix, limit: 100 });
+    const [selected, setSelected] = useState();
+    const [uploadProgress, setUploadProgress] = useState();
+    const [failedUpload, setFailedUpload] = useState();
+    const fileInput = useRef(null);
+    const versions = useHomeFolderObjectVersions(selected?.uid);
+    const deleteObject = useDeleteHomeFolderObject();
+    const restoreObject = useRestoreHomeFolderObject();
+    const uploadObject = useUploadHomeFolderFile();
+    const downloadObject = useDownloadHomeFolderObject();
+    const selectable = Boolean(onSelectedObjectsChange);
+    const toggleSelection = (object) => {
+        if (!onSelectedObjectsChange)
+            return;
+        const selectedUids = new Set(selectedObjectUids);
+        selectedUids.has(object.uid) ? selectedUids.delete(object.uid) : selectedUids.add(object.uid);
+        onSelectedObjectsChange((objects.data?.items ?? []).filter(item => selectedUids.has(item.uid)));
+    };
+    const onUpload = (file, overwrite = 'reject') => {
+        if (!file)
+            return;
+        setFailedUpload(undefined);
+        setUploadProgress({ uploaded: 0, total: file.size });
+        uploadObject.mutate({
+            path: prefix ? `${prefix.replace(/\/$/, '')}/${file.name}` : file.name,
+            content: file,
+            mediaType: file.type || 'application/octet-stream',
+            overwrite,
+            idempotencyKey: mutationKey('upload', file.name),
+            onProgress: progress => setUploadProgress({
+                uploaded: progress.uploadedBytes,
+                total: progress.totalBytes,
+            }),
+        }, {
+            onError: () => setFailedUpload(file),
+            onSettled: () => setUploadProgress(undefined),
+        });
+    };
+    const onDownload = (object) => {
+        downloadObject.mutate({ objectUid: object.uid }, {
+            onSuccess: response => {
+                const url = URL.createObjectURL(new Blob([response.data], { type: object.mediaType }));
+                const anchor = document.createElement('a');
+                anchor.href = url;
+                anchor.download = object.path.split('/').pop() || 'download';
+                anchor.click();
+                URL.revokeObjectURL(url);
+            },
+        });
+    };
+    const onDelete = (object) => {
+        if (typeof window !== 'undefined' &&
+            !window.confirm(`Delete ${object.path}? You can restore an earlier version.`)) {
+            return;
+        }
+        deleteObject.mutate({
+            objectUid: object.uid,
+            idempotencyKey: mutationKey('delete', object.uid),
+        });
+    };
+    if (objects.isPending) {
+        return (_jsx(Box, { sx: { p: 4, display: 'flex', justifyContent: 'center' }, children: _jsx(Spinner, {}) }));
+    }
+    if (objects.isError) {
+        return (_jsxs(Box, { sx: { p: 3, border: '1px solid', borderColor: 'danger.muted' }, children: [_jsx(Text, { sx: { color: 'danger.fg' }, children: objects.error instanceof Error
+                        ? objects.error.message
+                        : 'The Home Folder could not be loaded.' }), _jsx(Button, { sx: { ml: 2 }, onClick: () => objects.refetch(), children: "Retry" })] }));
+    }
+    return (_jsxs(Box, { children: [_jsxs(Box, { sx: {
+                    mb: 3,
+                    display: 'flex',
+                    alignItems: 'center',
+                    justifyContent: 'space-between',
+                    gap: 3,
+                }, children: [_jsx(Text, { sx: { color: 'fg.muted' }, children: prefix ? `home-folder:///${prefix}` : 'home-folder:///' }), _jsxs(_Fragment, { children: [_jsx("input", { ref: fileInput, type: "file", hidden: true, onChange: event => {
+                                    onUpload(event.target.files?.[0]);
+                                    event.target.value = '';
+                                } }), _jsx(Button, { leadingVisual: UploadIcon, disabled: uploadObject.isPending, onClick: () => fileInput.current?.click(), children: "Upload" })] })] }), uploadProgress && (_jsxs(Box, { sx: { mb: 3 }, children: [_jsx(ProgressBar, { progress: uploadProgress.total
+                            ? (uploadProgress.uploaded / uploadProgress.total) * 100
+                            : 100, "aria-label": "Upload progress" }), _jsxs(Text, { sx: { color: 'fg.muted', fontSize: 0 }, children: [formatBytes(uploadProgress.uploaded), " of", ' ', formatBytes(uploadProgress.total)] })] })), uploadObject.isError && (_jsxs(Box, { sx: { mb: 3 }, children: [_jsx(Text, { as: "p", sx: { color: 'danger.fg', mb: 2 }, children: uploadObject.error.message }), failedUpload && (_jsxs(Box, { sx: { display: 'flex', gap: 2 }, children: [_jsx(Button, { size: "small", onClick: () => onUpload(failedUpload), children: "Retry" }), _jsx(Button, { size: "small", variant: "primary", onClick: () => onUpload(failedUpload, 'new-version'), children: "Upload as new version" })] }))] })), (objects.data?.items.length ?? 0) === 0 ? (_jsxs(Box, { sx: {
+                    p: 4,
+                    textAlign: 'center',
+                    border: '1px dashed',
+                    borderColor: 'border.default',
+                    borderRadius: 2,
+                }, children: [_jsx(FileIcon, { size: 24 }), _jsx(Heading, { as: "h3", sx: { fontSize: 2, mt: 2 }, children: "Your Home Folder is empty" }), _jsx(Text, { as: "p", sx: { color: 'fg.muted', mb: 0 }, children: "Uploaded and transferred files will appear here." })] })) : (_jsxs(Box, { as: "table", sx: {
+                    width: '100%',
+                    borderCollapse: 'collapse',
+                    'th, td': {
+                        px: 3,
+                        py: 2,
+                        textAlign: 'left',
+                        borderBottom: '1px solid',
+                        borderColor: 'border.muted',
+                    },
+                    th: { color: 'fg.muted', fontSize: 0, fontWeight: 600 },
+                }, children: [_jsx("thead", { children: _jsxs("tr", { children: [selectable && _jsx("th", { "aria-label": "Select" }), _jsx("th", { children: "Path" }), _jsx("th", { children: "Size" }), _jsx("th", { children: "Updated" }), _jsx("th", { "aria-label": "Actions" })] }) }), _jsx("tbody", { children: objects.data?.items.map(object => (_jsxs("tr", { children: [selectable && (_jsx("td", { children: _jsx(Checkbox, { "aria-label": `Select ${object.path}`, checked: selectedObjectUids.includes(object.uid), disabled: selectionDisabled || !object.currentVersionUid, onChange: () => toggleSelection(object) }) })), _jsx("td", { children: _jsxs(Box, { sx: { display: 'flex', alignItems: 'center', gap: 2 }, children: [_jsx(FileIcon, {}), _jsx(Text, { sx: { fontFamily: 'mono' }, children: object.path })] }) }), _jsx("td", { children: formatBytes(object.size) }), _jsx("td", { children: new Date(object.updatedAt).toLocaleString() }), _jsx("td", { children: _jsxs(Box, { sx: { display: 'flex', justifyContent: 'flex-end', gap: 2 }, children: [_jsx(Button, { size: "small", leadingVisual: HistoryIcon, onClick: () => setSelected(object), children: "Versions" }), _jsx(Button, { size: "small", leadingVisual: DownloadIcon, disabled: downloadObject.isPending, onClick: () => onDownload(object), children: "Download" }), _jsx(Button, { size: "small", variant: "danger", leadingVisual: TrashIcon, disabled: deleteObject.isPending, onClick: () => onDelete(object), children: "Delete" })] }) })] }, object.uid))) })] })), selected && (_jsxs(Box, { sx: {
+                    mt: 3,
+                    p: 3,
+                    border: '1px solid',
+                    borderColor: 'border.default',
+                    borderRadius: 2,
+                }, children: [_jsxs(Box, { sx: { display: 'flex', justifyContent: 'space-between', gap: 2 }, children: [_jsxs(Heading, { as: "h3", sx: { fontSize: 2 }, children: ["Versions of ", selected.path] }), _jsx(Button, { size: "small", onClick: () => setSelected(undefined), children: "Close" })] }), versions.isPending ? (_jsx(Spinner, { size: "small" })) : versions.isError ? (_jsx(Text, { sx: { color: 'danger.fg' }, children: "Version history could not be loaded." })) : (_jsx(Box, { as: "ul", sx: { listStyle: 'none', p: 0, mb: 0 }, children: versions.data?.items.map(version => {
+                            const isCurrent = version.uid === selected.currentVersionUid;
+                            return (_jsxs(Box, { as: "li", sx: {
+                                    py: 2,
+                                    display: 'flex',
+                                    alignItems: 'center',
+                                    justifyContent: 'space-between',
+                                    gap: 3,
+                                    borderBottom: '1px solid',
+                                    borderColor: 'border.muted',
+                                    ':last-child': { borderBottom: 0 },
+                                }, children: [_jsxs(Box, { children: [_jsx(Text, { sx: { fontFamily: 'mono', fontSize: 0 }, children: version.uid }), _jsxs(Text, { as: "p", sx: { color: 'fg.muted', m: 0, fontSize: 0 }, children: [new Date(version.createdAt).toLocaleString(), " \u00B7", ' ', formatBytes(version.size)] })] }), isCurrent ? (_jsx(Label, { variant: "success", children: "Current" })) : version.deleted ? (_jsx(Label, { children: "Deletion marker" })) : (_jsx(Button, { size: "small", leadingVisual: SyncIcon, disabled: restoreObject.isPending, onClick: () => restoreObject.mutate({
+                                            objectUid: selected.uid,
+                                            versionUid: version.uid,
+                                            idempotencyKey: mutationKey('restore', version.uid),
+                                        }), children: "Restore" }))] }, version.uid));
+                        }) }))] }))] }));
+};
+export default HomeFolderObjectsBrowser;

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

@@ -0,0 +1,2 @@
+export * from './ContentSourceCard';
+export * from './HomeFolderObjectsBrowser';

package/lib/components/contents/index.js

@@ -0,0 +1,6 @@
+/*
+ * Copyright (c) 2023-2025 Datalayer, Inc.
+ * Distributed under the terms of the Modified BSD License.
+ */
+export * from './ContentSourceCard.js';
+export * from './HomeFolderObjectsBrowser.js';

package/lib/components/context/OrganizationSelect.d.ts

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

package/lib/components/display/AvatarSkeleton.d.ts

@@ -1,5 +1,5 @@
 type IAvatarSkeletonProps = {
     size?: number;
 };
-export declare const AvatarSkeleton: (props: IAvatarSkeletonProps) => import("react/jsx-runtime").JSX.Element;
+export declare const AvatarSkeleton: (props: IAvatarSkeletonProps) => import("react").JSX.Element;
 export default AvatarSkeleton;

package/lib/components/display/BusyDots.d.ts

@@ -5,5 +5,5 @@ type BusyDotsProps = {
     ariaLabel?: string;
     intervalMs?: number;
 };
-export declare function BusyDots({ color, fontSize, ml, ariaLabel, intervalMs, }: BusyDotsProps): import("react/jsx-runtime").JSX.Element;
+export declare function BusyDots({ color, fontSize, ml, ariaLabel, intervalMs, }: BusyDotsProps): import("react").JSX.Element;
 export default BusyDots;

package/lib/components/display/CenteredSpinner.d.ts

@@ -7,5 +7,5 @@ type ICenteredSpinnerProps = {
     message?: string;
     size?: keyof typeof sizeMap;
 };
-export declare const CenteredSpinner: ({ message, size, }: ICenteredSpinnerProps) => import("react/jsx-runtime").JSX.Element;
+export declare const CenteredSpinner: ({ message, size, }: ICenteredSpinnerProps) => import("react").JSX.Element;
 export default CenteredSpinner;

package/lib/components/display/CodePreview.d.ts

@@ -1,4 +1,4 @@
 export declare const CodePreview: (props: {
     code: string;
-}) => import("react/jsx-runtime").JSX.Element;
+}) => import("react").JSX.Element;
 export default CodePreview;

package/lib/components/display/DatalayerBox.d.ts

@@ -1,10 +1,14 @@
-import type { PropsWithChildren, ReactNode } from 'react';
 type DatalayerBoxProps = {
     id?: string;
     title: string;
-    titleAction?: ReactNode;
     linkLabel?: string;
     linkRoute?: string;
+    /**
+     * What sits next to the title, e.g. the mark that explains the box.
+     *
+     * The link on the trailing edge leads somewhere; this stays here.
+     */
+    titleAction?: React.ReactNode;
 };
-export declare const DatalayerBox: (props: PropsWithChildren<DatalayerBoxProps>) => import("react/jsx-runtime").JSX.Element;
+export declare const DatalayerBox: (props: React.PropsWithChildren<DatalayerBoxProps>) => import("react").JSX.Element;
 export default DatalayerBox;

package/lib/components/display/DatalayerBox.js

@@ -8,19 +8,19 @@ import { Box } from '@datalayer/primer-addons';
 import { ArrowRightIcon } from '@primer/octicons-react';
 import { useNavigate } from '../../hooks/index.js';
 export const DatalayerBox = (props) => {
-    const { title, titleAction, linkLabel, linkRoute, children } = props;
+    const { title, linkLabel, linkRoute, titleAction, children } = props;
     const navigate = useNavigate();
     return (_jsxs(_Fragment, { children: [_jsxs(Box, { sx: {
                     display: 'flex',
                     alignItems: 'center',
                     justifyContent: 'space-between',
                     paddingRight: 4,
-                }, children: [_jsx(Text, { as: "h2", sx: { borderLeft: '6px solid #28b899', paddingLeft: 2 }, children: title }), (titleAction || (linkRoute && linkLabel)) && (_jsxs(Box, { sx: { display: 'flex', alignItems: 'center', gap: 2 }, children: [titleAction, linkRoute && linkLabel && (_jsxs(Link, { href: "javascript: return false;", onClick: e => navigate(linkRoute), sx: {
-                                    display: 'inline-flex',
-                                    alignItems: 'center',
-                                    gap: 1,
-                                    whiteSpace: 'nowrap',
-                                }, children: [linkLabel, _jsx(ArrowRightIcon, {})] }))] }))] }), _jsx(Box, { sx: {
+                }, children: [_jsxs(Box, { sx: { display: 'flex', alignItems: 'center', gap: 1 }, children: [_jsx(Text, { as: "h2", sx: { borderLeft: '6px solid #28b899', paddingLeft: 2 }, children: title }), titleAction] }), linkRoute && linkLabel && (_jsxs(Link, { href: "javascript: return false;", onClick: e => navigate(linkRoute), sx: {
+                            display: 'inline-flex',
+                            alignItems: 'center',
+                            gap: 1,
+                            whiteSpace: 'nowrap',
+                        }, children: [linkLabel, _jsx(ArrowRightIcon, {})] }))] }), _jsx(Box, { sx: {
                     borderColor: 'border.default',
                     borderStyle: 'solid',
                     borderWidth: '1',

package/lib/components/display/HorizontalCenter.d.ts

@@ -2,5 +2,5 @@ import { PropsWithChildren } from 'react';
 type IHorizontalCenterProps = {
     margin?: string;
 };
-export declare const HorizontalCenter: ({ children, margin, }: PropsWithChildren<IHorizontalCenterProps>) => import("react/jsx-runtime").JSX.Element;
+export declare const HorizontalCenter: ({ children, margin, }: PropsWithChildren<IHorizontalCenterProps>) => import("react").JSX.Element;
 export default HorizontalCenter;

package/lib/components/display/JupyterDialog.d.ts

@@ -1,3 +1,4 @@
+import type { JSX } from 'react';
 import { JSXElementConstructor, PropsWithChildren } from 'react';
 import { Dialog } from '@jupyterlab/apputils';
 import { ReactWidget } from '@jupyterlab/ui-components';

package/lib/components/display/JupyterDialog.js

@@ -1,8 +1,4 @@
 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 { createElement, useState, } from 'react';
 import { Dialog } from '@jupyterlab/apputils';
 import { ReactWidget } from '@jupyterlab/ui-components';
@@ -58,9 +54,7 @@ export class JupyterDialog extends ReactWidget {
     }
     _renderBody = (props) => {
         const pending = this._pendingButtonIndex !== null;
-        return (_jsx(PrimerDialog.Body, { children: _jsx("div", { "aria-busy": pending, ...(pending ? { inert: '' } : {}), style: pending
-                    ? { pointerEvents: 'none', opacity: 0.6 }
-                    : undefined, children: createElement(this.body, {
+        return (_jsx(PrimerDialog.Body, { children: _jsx("div", { "aria-busy": pending, ...(pending ? { inert: '' } : {}), style: pending ? { pointerEvents: 'none', opacity: 0.6 } : undefined, children: createElement(this.body, {
                     ...props,
                     setValue: this.setValue,
                     pending,

package/lib/components/display/Markdown.d.ts

@@ -1,3 +1,4 @@
+import type { JSX } from 'react';
 import type { IMarkdownParser, IRenderMime } from '@jupyterlab/rendermime';
 /**
  * {@link Markdown} properties

package/lib/components/display/NavLink.js

@@ -11,9 +11,10 @@ import { useNavigate } from '../../hooks/index.js';
  */
 export const NavLink = forwardRef(({ to, children, ...props }, ref) => {
     const navigate = useNavigate();
+    // The hook decides: a plain click navigates here, a modifier click lets
+    // the browser open the link in a new tab.
     const onClick = useCallback((e) => {
-        e.preventDefault();
-        navigate(to);
+        navigate(to, e);
     }, [to, navigate]);
     return (_jsx("a", { ref: ref, href: to, ...props, onClick: onClick, children: children }));
 });

package/lib/components/display/NotebookSkeleton.d.ts

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

package/lib/components/display/Placeholder.d.ts

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

package/lib/components/display/ToTopBranded.d.ts

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

package/lib/components/echarts/EChartsReact.d.ts

@@ -7,5 +7,5 @@ export interface EChartsProps {
     loading?: boolean;
     theme?: 'light' | 'dark';
 }
-export declare const EChartsReact: ({ options, style, settings, loading, theme, }: EChartsProps) => import("react/jsx-runtime").JSX.Element;
+export declare const EChartsReact: ({ options, style, settings, loading, theme, }: EChartsProps) => import("react").JSX.Element;
 export default EChartsReact;

package/lib/components/flashes/FlashClosable.d.ts

@@ -1,3 +1,4 @@
+import type { JSX } from 'react';
 import { FlashProps } from '@primer/react';
 /**
  * {@link FlashClosable} component properties

package/lib/components/flashes/FlashClosable.js

@@ -1,8 +1,4 @@
 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 { AlertIcon, CheckIcon, InfoIcon, StopIcon, XIcon, } from '@primer/octicons-react';
 import { Flash as PrimerFlash, IconButton } from '@primer/react';
 import { Box } from '@datalayer/primer-addons';

package/lib/components/flashes/FlashGuest.d.ts

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

package/lib/components/flashes/FlashSurveys.d.ts

@@ -2,5 +2,5 @@ export declare const SURVEY_2025_1_NAME = "2025-1";
 type IFlashSurveysProps = {
     surveyName?: string;
 };
-export declare const FlashSurveys: (props: IFlashSurveysProps) => import("react/jsx-runtime").JSX.Element;
+export declare const FlashSurveys: (props: IFlashSurveysProps) => import("react").JSX.Element;
 export default FlashSurveys;

package/lib/components/flashes/FlashUnauthorized.d.ts

@@ -1,2 +1,3 @@
+import type { JSX } from 'react';
 export declare const FlashUnauthorized: () => JSX.Element;
 export default FlashUnauthorized;

package/lib/components/flashes/FlashUnauthorized.js

@@ -1,10 +1,4 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-/*
- * Copyright (c) 2023-2025 Datalayer, Inc.
- * Distributed under the terms of the Modified BSD License.
- */
-// import { AlertIcon } from '@primer/octicons-react';
-// import { Box, Flash as PrimerFlash, Link } from '@primer/react';
 import { Link } from '@primer/react';
 import { Banner } from '@primer/react/experimental';
 import { QuestionIcon } from '@primer/octicons-react';

package/lib/components/flashes/surveys/Survey2025_1.d.ts

@@ -1,3 +1,3 @@
 import { ISurveyProps } from './SurveyProps';
-export declare const Survey2025_1: (props: ISurveyProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Survey2025_1: (props: ISurveyProps) => import("react").JSX.Element;
 export default Survey2025_1;

package/lib/components/iam/ExternalTokenSilentLogin.d.ts

@@ -1,5 +1,5 @@
 type IExternalTokenSilentLoginProps = {
     message: string;
 };
-export declare const ExternalTokenSilentLogin: (props: IExternalTokenSilentLoginProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ExternalTokenSilentLogin: (props: IExternalTokenSilentLoginProps) => import("react").JSX.Element;
 export default ExternalTokenSilentLogin;

package/lib/components/index.d.ts

@@ -2,6 +2,8 @@ export * from './auth';
 export * from './animation';
 export * from './billing';
 export * from './collaboration';
+export * from './contents';
+export * from './mcp';
 export * from './sharing';
 export * from './sparklines';
 export * from './time';

package/lib/components/index.js

@@ -6,6 +6,8 @@ export * from './auth/index.js';
 export * from './animation/index.js';
 export * from './billing/index.js';
 export * from './collaboration/index.js';
+export * from './contents/index.js';
+export * from './mcp/index.js';
 export * from './sharing/index.js';
 export * from './sparklines/index.js';
 export * from './time/index.js';

package/lib/components/labels/StatusLabels.d.ts

@@ -9,7 +9,7 @@
  *
  * @module components/labels/StatusLabels
  */
-import type { ReactNode } from 'react';
+import type { JSX, ReactNode } from 'react';
 /** The tones a status pill is read in. */
 export type StatusLabelTone = 'accent' | 'attention' | 'success' | 'neutral';
 export type StatusLabelProps = {
@@ -39,13 +39,6 @@ export declare function AdminLabel(props?: StatusLabelProps): JSX.Element;
  * The one that is taken when none is chosen — the default space of an account.
  */
 export declare function DefaultLabel(props?: StatusLabelProps): JSX.Element;
-/**
- * Something announced and not there yet.
- *
- * A tone of its own, and deliberately not the accent an alpha wears: one says
- * "you may try this, it may bite", the other "there is nothing to try". Read
- * side by side in a navigation, two labels of one colour say the same thing
- * about two entries that mean different things.
- */
+/** "soon": what is announced but not yet there. */
 export declare function SoonLabel(props?: StatusLabelProps): JSX.Element;
 export default StatusLabel;

package/lib/components/labels/StatusLabels.js

@@ -33,24 +33,7 @@ export function StatusLabel(props) {
     return (_jsx(Label, { variant: "secondary", size: size, sx: {
             textTransform: 'lowercase',
             lineHeight: 1.2,
-            /*
-             * The tone, under a doubled selector.
-             *
-             * Primer ships `NavList` and `ActionList` as CSS modules, and the
-             * colour they set on the contents of an item ties with the one Emotion
-             * generates for `sx` — so the same label came out in the colour of the
-             * navigation in one place and in its own colour in another, depending
-             * on which stylesheet happened to come last. `&&` raises the
-             * specificity enough that the tone always lands, wherever the label is
-             * put.
-             */
-            '&&': {
-                ...TONES[tone],
-                // The navigation of Primer colours the contents of its items, and
-                // its stylesheet is loaded after ours: a doubled selector was not
-                // enough on its own, so the colour of the tone is stated as final.
-                color: `${TONES[tone].color} !important`,
-            },
+            ...TONES[tone],
             ...sx,
         }, children: children }));
 }
@@ -75,14 +58,7 @@ export function DefaultLabel(props = {}) {
     const { children = 'default', ...rest } = props;
     return (_jsx(StatusLabel, { tone: "accent", ...rest, children: children }));
 }
-/**
- * Something announced and not there yet.
- *
- * A tone of its own, and deliberately not the accent an alpha wears: one says
- * "you may try this, it may bite", the other "there is nothing to try". Read
- * side by side in a navigation, two labels of one colour say the same thing
- * about two entries that mean different things.
- */
+/** "soon": what is announced but not yet there. */
 export function SoonLabel(props = {}) {
     const { children = 'soon', ...rest } = props;
     return (_jsx(StatusLabel, { tone: "neutral", ...rest, children: children }));

package/lib/components/labels/VisibilityLabel.d.ts

@@ -1,4 +1,4 @@
 export declare const VisibilityLabel: (props: {
     isPublic: boolean | undefined;
-}) => import("react/jsx-runtime").JSX.Element;
+}) => import("react").JSX.Element;
 export default VisibilityLabel;

package/lib/components/landings/StepBlock.d.ts

@@ -7,5 +7,5 @@ type IStepBlockProps = {
         colored?: boolean;
     }>;
 };
-export declare const StepBlock: (props: IStepBlockProps) => import("react/jsx-runtime").JSX.Element;
+export declare const StepBlock: (props: IStepBlockProps) => import("react").JSX.Element;
 export default StepBlock;

package/lib/components/mcp/ClientBadge.d.ts

@@ -0,0 +1,41 @@
+/**
+ * Which client this is, said the way its identity was established.
+ *
+ * A client that registered by Client ID Metadata Document *is* its URL: the
+ * host is the part of its identity nobody can invent, and it is what the
+ * consent screen showed — so the URL is the client id on screen, with the
+ * hostname read out beneath the name. A client registered through the
+ * deprecated dynamic path has an opaque id and gets it plainly, marked as
+ * such, because the two are not the same kind of fact.
+ *
+ * The badge explains itself through `title` and its accessible name rather
+ * than a Primer `Tooltip`. That component requires an interactive child and
+ * warns otherwise, because a tooltip on a label appears on hover and nowhere
+ * else — it does not exist for a keyboard or a screen reader. A `<button>`
+ * around the word would silence the warning by trading one problem for
+ * another: a tab stop that announces itself as a button and does nothing.
+ *
+ * The word alone is the part that needs explaining. "Document" read out on
+ * its own says nothing, so the accessible name is the whole sentence.
+ *
+ * @module components/mcp/ClientBadge
+ */
+import type { JSX } from 'react';
+import type { ConnectedAgentRegistration } from '../../api/iam/connectedAgents';
+export interface ClientBadgeProps {
+    clientId: string;
+    clientName?: string | null;
+    /**
+     * How the client registered, when IAM said. Without it the id's shape is
+     * used, which is what an audit row or a task leaves us with.
+     */
+    registration?: ConnectedAgentRegistration;
+    /** The document's hostname, when IAM answered one. */
+    clientHostname?: string | null;
+    /** Without the second line, for a dense table. */
+    compact?: boolean;
+}
+/** The hostname of a document URL, or an empty string for anything else. */
+export declare const clientHostnameOf: (clientId: string) => string;
+export declare const ClientBadge: ({ clientId, clientName, registration, clientHostname, compact, }: ClientBadgeProps) => JSX.Element;
+export default ClientBadge;