@datalayer/core 1.0.3 → 1.0.11

package/lib/components/progress/consumption.js

@@ -0,0 +1,31 @@
+/*
+ * Copyright (c) 2023-2025 Datalayer, Inc.
+ * Distributed under the terms of the Modified BSD License.
+ */
+/**
+ * Compute the total consumption duration in seconds.
+ * When `expiredAt` is undefined, duration is elapsed time since `startedAt`.
+ */
+export function getConsumptionDuration(startedAt, expiredAt, nowSeconds = Date.now() / 1000) {
+    if (expiredAt !== undefined) {
+        return Math.max(0, expiredAt - startedAt);
+    }
+    return Math.max(0, nowSeconds - startedAt);
+}
+/**
+ * Compute credit consumption progress (0-100).
+ * Mirrors ConsumptionBar logic:
+ * - if no `expiredAt`, progress is 100
+ * - otherwise progress is elapsed / duration clamped to [0, 100]
+ */
+export function getConsumptionProgress(startedAt, expiredAt, nowSeconds = Date.now() / 1000) {
+    if (expiredAt === undefined) {
+        return 100;
+    }
+    const duration = getConsumptionDuration(startedAt, expiredAt, nowSeconds);
+    if (duration <= 0) {
+        return 100;
+    }
+    const progress = ((nowSeconds - startedAt) / duration) * 100;
+    return Math.min(Math.max(0, progress), 100);
+}

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

@@ -3,3 +3,4 @@ export * from './CreditsIndicator';
 export * from './ProgressBar';
 export * from './ProgressRing';
 export * from './Timer';
+export * from './consumption';

package/lib/components/progress/index.js

@@ -7,3 +7,4 @@ export * from './CreditsIndicator';
 export * from './ProgressBar';
 export * from './ProgressRing';
 export * from './Timer';
+export * from './consumption';

package/lib/components/sparklines/Sparklines.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+import type { SparklinesProps } from './types';
+/**
+ * Sparklines Component
+ *
+ * A lightweight, composable sparkline chart component.
+ * Renders an SVG container and processes data into points for child components.
+ *
+ * @example
+ * ```tsx
+ * <Sparklines data={[1, 2, 3, 4, 5]} width={100} height={30}>
+ *   <SparklinesLine color="#0969da" />
+ * </Sparklines>
+ * ```
+ */
+export declare const Sparklines: React.FC<SparklinesProps>;

package/lib/components/sparklines/Sparklines.js

@@ -0,0 +1,65 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/*
+ * Copyright (c) 2025-2026 Datalayer, Inc.
+ * Distributed under the terms of the Modified BSD License.
+ */
+import React, { useMemo } from 'react';
+import { dataToPoints } from './dataProcessing';
+/**
+ * Sparklines Component
+ *
+ * A lightweight, composable sparkline chart component.
+ * Renders an SVG container and processes data into points for child components.
+ *
+ * @example
+ * ```tsx
+ * <Sparklines data={[1, 2, 3, 4, 5]} width={100} height={30}>
+ *   <SparklinesLine color="#0969da" />
+ * </Sparklines>
+ * ```
+ */
+export const Sparklines = ({ data = [], width = 240, height = 60, svgWidth, svgHeight, preserveAspectRatio = 'none', margin = 2, style, min, max, limit, children, }) => {
+    // Convert data to points
+    const points = useMemo(() => {
+        if (data.length === 0) {
+            return [];
+        }
+        return dataToPoints({
+            data,
+            limit,
+            width,
+            height,
+            margin,
+            max,
+            min,
+        });
+    }, [data, limit, width, height, margin, max, min]);
+    if (data.length === 0) {
+        return null;
+    }
+    // Build SVG props
+    const svgProps = {
+        style,
+        viewBox: `0 0 ${width} ${height}`,
+        preserveAspectRatio,
+    };
+    if (svgWidth && svgWidth > 0) {
+        svgProps.width = svgWidth;
+    }
+    if (svgHeight && svgHeight > 0) {
+        svgProps.height = svgHeight;
+    }
+    return (_jsx("svg", { ...svgProps, children: React.Children.map(children, child => {
+            if (React.isValidElement(child)) {
+                return React.cloneElement(child, {
+                    data,
+                    points,
+                    width,
+                    height,
+                    margin,
+                    ...child.props,
+                });
+            }
+            return child;
+        }) }));
+};

package/lib/components/sparklines/SparklinesLine.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import type { SparklinesLineProps } from './types';
+/**
+ * Sparklines Line Component
+ *
+ * Renders a line chart within a Sparklines container.
+ */
+export declare const SparklinesLine: React.FC<SparklinesLineProps>;

package/lib/components/sparklines/SparklinesLine.js

@@ -0,0 +1,37 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Sparklines Line Component
+ *
+ * Renders a line chart within a Sparklines container.
+ */
+export const SparklinesLine = ({ points = [], height = 60, margin = 2, color = '#0969da', style = {}, }) => {
+    if (!points || points.length === 0) {
+        return null;
+    }
+    // Convert points to polyline format
+    const linePoints = points.map(p => `${p.x},${p.y}`).join(' ');
+    // Create fill area by closing the path
+    const closePolyPoints = [
+        { x: points[points.length - 1].x, y: height - margin },
+        { x: margin, y: height - margin },
+        { x: margin, y: points[0].y },
+    ];
+    const fillPoints = points
+        .concat(closePolyPoints)
+        .map(p => `${p.x},${p.y}`)
+        .join(' ');
+    const lineStyle = {
+        stroke: color || style.stroke || 'slategray',
+        strokeWidth: style.strokeWidth || '1.5',
+        strokeLinejoin: 'round',
+        strokeLinecap: 'round',
+        fill: 'none',
+    };
+    const fillStyle = {
+        stroke: 'none',
+        strokeWidth: '0',
+        fillOpacity: style.fillOpacity || '0.1',
+        fill: style.fill || color || 'slategray',
+    };
+    return (_jsxs("g", { children: [_jsx("polyline", { points: fillPoints, style: fillStyle }), _jsx("polyline", { points: linePoints, style: lineStyle })] }));
+};

package/lib/components/sparklines/dataProcessing.d.ts

@@ -0,0 +1,25 @@
+/**
+ * Get minimum value from array
+ */
+export declare const min: (data: number[]) => number;
+/**
+ * Get maximum value from array
+ */
+export declare const max: (data: number[]) => number;
+/**
+ * Convert data array to SVG points
+ */
+export interface DataToPointsOptions {
+    data: number[];
+    limit?: number;
+    width?: number;
+    height?: number;
+    margin?: number;
+    max?: number;
+    min?: number;
+}
+export interface Point {
+    x: number;
+    y: number;
+}
+export declare const dataToPoints: ({ data, limit, width, height, margin, max: maxVal, min: minVal, }: DataToPointsOptions) => Point[];

package/lib/components/sparklines/dataProcessing.js

@@ -0,0 +1,35 @@
+/*
+ * Copyright (c) 2025-2026 Datalayer, Inc.
+ * Distributed under the terms of the Modified BSD License.
+ */
+/**
+ * Get minimum value from array
+ */
+export const min = (data) => {
+    return Math.min(...data);
+};
+/**
+ * Get maximum value from array
+ */
+export const max = (data) => {
+    return Math.max(...data);
+};
+export const dataToPoints = ({ data, limit, width = 1, height = 1, margin = 0, max: maxVal, min: minVal, }) => {
+    let processedData = [...data];
+    const len = processedData.length;
+    // Limit data if specified
+    if (limit && limit < len) {
+        processedData = processedData.slice(len - limit);
+    }
+    // Calculate min/max if not provided
+    const dataMax = maxVal ?? max(processedData);
+    const dataMin = minVal ?? min(processedData);
+    // Calculate scaling factors
+    const vfactor = (height - margin * 2) / (dataMax - dataMin || 2);
+    const hfactor = (width - margin * 2) / ((limit || len) - (len > 1 ? 1 : 0));
+    // Map data to points
+    return processedData.map((d, i) => ({
+        x: i * hfactor + margin,
+        y: (dataMax === dataMin ? 1 : dataMax - d) * vfactor + margin,
+    }));
+};

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

@@ -0,0 +1,4 @@
+export { Sparklines } from './Sparklines';
+export { SparklinesLine } from './SparklinesLine';
+export type { SparklinesProps, SparklinesLineProps, Point } from './types';
+export { dataToPoints, min, max } from './dataProcessing';

package/lib/components/sparklines/index.js

@@ -0,0 +1,7 @@
+/*
+ * Copyright (c) 2025-2026 Datalayer, Inc.
+ * Distributed under the terms of the Modified BSD License.
+ */
+export { Sparklines } from './Sparklines';
+export { SparklinesLine } from './SparklinesLine';
+export { dataToPoints, min, max } from './dataProcessing';

package/lib/components/sparklines/types.d.ts

@@ -0,0 +1,36 @@
+/**
+ * Point interface for sparkline coordinates
+ */
+export interface Point {
+    x: number;
+    y: number;
+}
+/**
+ * Sparklines component props
+ */
+export interface SparklinesProps {
+    data: number[];
+    width?: number;
+    height?: number;
+    svgWidth?: number;
+    svgHeight?: number;
+    preserveAspectRatio?: string;
+    margin?: number;
+    style?: React.CSSProperties;
+    min?: number;
+    max?: number;
+    limit?: number;
+    children?: React.ReactNode;
+}
+/**
+ * Sparklines Line component props
+ */
+export interface SparklinesLineProps {
+    data?: number[];
+    points?: Point[];
+    width?: number;
+    height?: number;
+    margin?: number;
+    color?: string;
+    style?: React.CSSProperties;
+}

package/lib/components/sparklines/types.js

@@ -0,0 +1,5 @@
+/*
+ * Copyright (c) 2025-2026 Datalayer, Inc.
+ * Distributed under the terms of the Modified BSD License.
+ */
+export {};

package/lib/components/storage/ContentsBrowser.js

@@ -209,7 +209,23 @@ export function ContentsBrowser(props) {
     const onSelect = useCallback((item, refresh) => {
         setSelectedItem(item.path === selectedItem?.path ? null : { ...item, refresh });
     }, [selectedItem]);
-    return (_jsxs(Box, { sx: { display: 'grid', gridTemplateAreas: `"header" "content"` }, children: [_jsxs(Box, { sx: { gridArea: 'header', display: 'flex', alignItems: 'center' }, children: [_jsx(Box, { sx: { flex: '1 1 auto' }, children: title }), _jsxs(Box, { children: [_jsx(IconButton, { variant: "invisible", "aria-label": 'Refresh contents browser.', title: 'Refresh contents browser.', icon: CounterClockWiseIcon, onClick: refresh }), _jsx(UploadIconButton, { label: 'Upload a file', multiple: true, upload: upload })] })] }), isLoading ? (_jsx(Box, { sx: {
+    return (_jsxs(Box, { sx: {
+            display: 'grid',
+            gridTemplateAreas: `"header" "content"`,
+            overflow: 'hidden',
+        }, children: [_jsxs(Box, { sx: {
+                    gridArea: 'header',
+                    display: 'flex',
+                    alignItems: 'center',
+                    minWidth: 0,
+                    overflow: 'hidden',
+                }, children: [_jsx(Box, { sx: { flex: '1 1 auto', minWidth: 0, overflow: 'hidden' }, children: title }), _jsxs(Box, { sx: {
+                            display: 'flex',
+                            flexDirection: 'row',
+                            alignItems: 'center',
+                            flexWrap: 'nowrap',
+                            flexShrink: 0,
+                        }, children: [_jsx(IconButton, { variant: "invisible", "aria-label": 'Refresh contents browser.', title: 'Refresh contents browser.', icon: CounterClockWiseIcon, onClick: refresh }), _jsx(UploadIconButton, { label: 'Upload a file', multiple: true, upload: upload })] })] }), isLoading ? (_jsx(Box, { sx: {
                     gridArea: 'content',
                     display: 'flex',
                     alignItems: 'center',

package/lib/components/subnav/SubNav.js

@@ -152,7 +152,7 @@ const _SubNavRoot = memo(({ id, children, className, 'data-testid': testId, full
         activeLink.props.children?.[1];
     return (_jsx("div", { className: clsx(styles['SubNav__container'], hasAnchoredNav && styles['SubNav__container--with-anchor-nav']), children: _jsx(SubNavProvider, { children: _jsx("nav", { ref: navRef, id: id, className: clsx(styles.SubNav, isOpenAtNarrow && styles['SubNav--open'], hasShadow && styles['SubNav--has-shadow'], fullWidth && styles['SubNav--full-width'], className), "data-testid": testId || testIds.root, children: _jsxs("div", { ref: rootRef, className: styles['SubNav--header-container-outer'], children: [_jsxs("div", { className: styles['SubNav__header-container'], children: [HeadingChild && (_jsx("div", { className: styles['SubNav__heading-container'], children: HeadingChild })), !isLarge && (_jsxs("button", { className: clsx(styles['SubNav__overlay-toggle'], isOpenAtNarrow && styles['SubNav__overlay-toggle--open']), "data-testid": testIds.button, onClick: isOpenAtNarrow ? closeMenuCallback : handleMenuToggle, "aria-expanded": isOpenAtNarrow ? 'true' : 'false', "aria-controls": idForLinkContainer, children: [activeLinklabel && (_jsxs("span", { className: "visually-hidden", children: ["Navigation menu. Current page:", ' '] })), _jsxs("span", { className: clsx(styles['SubNav__overlay-toggle-content'], !activeLinklabel &&
                                                 styles['SubNav__overlay-toggle-content--end']), children: [activeLinklabel && (_jsx(Text, { as: "span", size: "200", children: activeLinklabel })), isOpenAtNarrow ? (_jsx(ChevronUpIcon, { className: styles['SubNav__overlay-toggle-icon'], size: 24 })) : (_jsx(ChevronDownIcon, { className: styles['SubNav__overlay-toggle-icon'], size: 24 }))] })] })), MaybeSubNav && MaybeSubNav] }), LinkChildren.length && (_jsxs("ul", { ref: overlayRef, id: idForLinkContainer, className: clsx(styles['SubNav__links-overlay'], isOpenAtNarrow && styles['SubNav__links-overlay--open']), "data-testid": testIds.overlay, children: [ActionChild ? (_jsx("li", { className: styles['SubNav__action-container'], children: ActionChild })) : (_jsx("li", { className: styles['SubNav__action-container'] })), LinkChildren, _jsx(ButtonGroup, { buttonSize: "small", children: _jsx(Button, { href: "#", onClick: e => {
-                                            window.location.assign('https://datalayer.app');
+                                            window.location.assign('https://datalayer.ai');
                                         }, hasArrow: true, variant: "subtle", children: "Login" }) })] }))] }) }) }) }));
 });
 const SubNavHeading = ({ href, children, className, 'data-testid': testID, ...props }) => {

package/lib/hooks/useCache.d.ts

@@ -45,18 +45,6 @@ export type ISearchOpts = {
     max: number;
     public: boolean;
 };
-/** Request payload for creating a new agent runtime. */
-export type CreateAgentRuntimeRequest = {
-    environmentName?: string;
-    givenName?: string;
-    creditsLimit?: number;
-    type?: string;
-    /** 'none', 'notebook', or 'document' */
-    editorVariant?: string;
-    enableCodemode?: boolean;
-    /** ID of the agent spec used to create this runtime */
-    agentSpecId?: string;
-};
 /**
  * Centralized query key factories for all entities
  * Following TanStack Query best practices for key structure
@@ -224,12 +212,6 @@ export declare const queryKeys: {
         readonly bySpace: (spaceId: string) => readonly ["items", "space", string];
         readonly search: (opts: ISearchOpts) => readonly ["items", "search", ISearchOpts];
     };
-    readonly agentRuntimes: {
-        readonly all: () => readonly ["agentRuntimes"];
-        readonly lists: () => readonly ["agentRuntimes", "list"];
-        readonly details: () => readonly ["agentRuntimes", "detail"];
-        readonly detail: (podName: string) => readonly ["agentRuntimes", "detail", string];
-    };
     readonly layout: {
         readonly byAccount: (accountHandle: string, spaceHandle?: string) => readonly ["layout", string, string] | readonly ["layout", string];
     };
@@ -310,6 +292,11 @@ export declare const useCache: ({ loginRoute }?: CacheProps) => {
         password: string;
         passwordConfirm: string;
     }, unknown>;
+    useCreateUrlForPasswordChange: () => import("@tanstack/react-query").UseMutationResult<any, Error, {
+        handle: string;
+        password: string;
+        passwordConfirm: string;
+    }, unknown>;
     useConfirmPasswordWithToken: () => import("@tanstack/react-query").UseMutationResult<any, Error, {
         userHandle: string;
         token: string;
@@ -492,49 +479,6 @@ export declare const useCache: ({ loginRoute }?: CacheProps) => {
         spaceHandle?: string;
     }, unknown>;
     useExportSpace: () => import("@tanstack/react-query").UseMutationResult<any, Error, string, unknown>;
-    useAgentRuntime: (podName: string | undefined) => import("@tanstack/react-query").UseQueryResult<{
-        status: "running" | "paused" | "starting" | "terminated" | "archived";
-        name: string;
-        id: string;
-        url: string | undefined;
-        messageCount: number;
-        agent_spec_id: string | undefined;
-        pod_name: string;
-        environment_name: string;
-        environment_title?: string;
-        given_name: string;
-        phase?: string;
-        type: string;
-        started_at?: string;
-        expired_at?: string;
-        burning_rate?: number;
-        ingress?: string;
-        token?: string;
-        agentSpec?: any;
-    }, Error>;
-    useAgentRuntimes: () => import("@tanstack/react-query").UseQueryResult<{
-        status: "running" | "paused" | "starting" | "terminated" | "archived";
-        name: string;
-        id: string;
-        url: string | undefined;
-        messageCount: number;
-        agent_spec_id: string | undefined;
-        pod_name: string;
-        environment_name: string;
-        environment_title?: string;
-        given_name: string;
-        phase?: string;
-        type: string;
-        started_at?: string;
-        expired_at?: string;
-        burning_rate?: number;
-        ingress?: string;
-        token?: string;
-        agentSpec?: any;
-    }[], Error>;
-    useCreateAgentRuntime: () => import("@tanstack/react-query").UseMutationResult<any, Error, CreateAgentRuntimeRequest, unknown>;
-    useDeleteAgentRuntime: () => import("@tanstack/react-query").UseMutationResult<any, Error, string, unknown>;
-    useRefreshAgentRuntimes: () => () => void;
     useCourse: (courseId: string) => import("@tanstack/react-query").UseQueryResult<ICourse | undefined, Error>;
     useUpdateCourse: () => import("@tanstack/react-query").UseMutationResult<any, Error, {
         courseId: string;
@@ -1019,12 +963,6 @@ export declare const useCache: ({ loginRoute }?: CacheProps) => {
             readonly bySpace: (spaceId: string) => readonly ["items", "space", string];
             readonly search: (opts: ISearchOpts) => readonly ["items", "search", ISearchOpts];
         };
-        readonly agentRuntimes: {
-            readonly all: () => readonly ["agentRuntimes"];
-            readonly lists: () => readonly ["agentRuntimes", "list"];
-            readonly details: () => readonly ["agentRuntimes", "detail"];
-            readonly detail: (podName: string) => readonly ["agentRuntimes", "detail", string];
-        };
         readonly layout: {
             readonly byAccount: (accountHandle: string, spaceHandle?: string) => readonly ["layout", string, string] | readonly ["layout", string];
         };