@datalayer/core 1.0.12 → 1.0.14

package/lib/state/substates/IAMState.js

@@ -5,11 +5,11 @@
 import { Poll } from '@lumino/polling';
 import { useStore } from 'zustand';
 import { createStore } from 'zustand/vanilla';
-import { ANONYMOUS_USER_TOKEN, ANONYMOUS_USER, asUser, IAMProvidersSpecs, } from '../../models';
-import { getStoredToken, getStoredUser, loadRefreshTokenFromCookie, storeToken, storeUser, } from '../storage';
-import { requestDatalayerAPI, } from '../../api/DatalayerApi';
-import { getCookie, setCookie, deleteCookie } from '../../utils';
-import { coreStore } from './CoreState';
+import { ANONYMOUS_USER_TOKEN, ANONYMOUS_USER, asUser, IAMProvidersSpecs, } from '../../models/index.js';
+import { getStoredToken, getStoredUser, loadRefreshTokenFromCookie, storeToken, storeUser, } from '../storage/index.js';
+import { requestDatalayerAPI, } from '../../api/DatalayerApi.js';
+import { getCookie, setCookie, deleteCookie } from '../../utils/index.js';
+import { coreStore } from './CoreState.js';
 /**
  * Limit to warn about low credits in milliseconds.
  */

package/lib/state/substates/RuntimesState.js

@@ -6,9 +6,9 @@ import { useStore } from 'zustand';
 import { createStore } from 'zustand/vanilla';
 import { JSONExt } from '@lumino/coreutils';
 import { Poll } from '@lumino/polling';
-import { getRuntimes } from '../../stateful/runtimes';
-import { coreStore } from './CoreState';
-import { iamStore } from './IAMState';
+import { getRuntimes } from '../../stateful/runtimes/index.js';
+import { coreStore } from './CoreState.js';
+import { iamStore } from './IAMState.js';
 /**
  * Kernel store
  */

package/lib/state/substates/SurveysState.js

@@ -4,10 +4,10 @@
  */
 import { createStore } from 'zustand/vanilla';
 import { useStore } from 'zustand';
-import { requestDatalayerAPI, } from '../../api/DatalayerApi';
-import { asSurvey, } from '../../models';
-import { coreStore } from './CoreState';
-import { iamStore } from './IAMState';
+import { requestDatalayerAPI, } from '../../api/DatalayerApi.js';
+import { asSurvey, } from '../../models/index.js';
+import { coreStore } from './CoreState.js';
+import { iamStore } from './IAMState.js';
 export const surveysStore = createStore((set, get) => ({
     surveys: undefined,
     growthRunUrl: coreStore.getState().configuration?.growthRunUrl,

package/lib/state/substates/TeamState.js

@@ -4,7 +4,7 @@
  */
 import { createStore } from 'zustand/vanilla';
 import { useStore } from 'zustand';
-import { TEAMS_MOCK } from '../../mocks';
+import { TEAMS_MOCK } from '../../mocks/index.js';
 export const teamStore = createStore((set, get) => ({
     teams: TEAMS_MOCK,
     update: (teams) => set((state) => ({

package/lib/state/substates/index.js

@@ -2,17 +2,17 @@
  * Copyright (c) 2023-2025 Datalayer, Inc.
  * Distributed under the terms of the Modified BSD License.
  */
-export * from './CellState';
-export * from './CoreState';
-export * from './DatasourceState';
-export * from './DocumentState';
-export * from './GradeState';
-export * from './IAMState';
-export * from './JupyterLabState';
-export * from './LayoutState';
-export * from './NbformatState';
-export * from './OrganizationState';
-export * from './RuntimesState';
-export * from './SpaceState';
-export * from './SurveysState';
-export * from './TeamState';
+export * from './CellState.js';
+export * from './CoreState.js';
+export * from './DatasourceState.js';
+export * from './DocumentState.js';
+export * from './GradeState.js';
+export * from './IAMState.js';
+export * from './JupyterLabState.js';
+export * from './LayoutState.js';
+export * from './NbformatState.js';
+export * from './OrganizationState.js';
+export * from './RuntimesState.js';
+export * from './SpaceState.js';
+export * from './SurveysState.js';
+export * from './TeamState.js';

package/lib/stateful/index.js

@@ -2,5 +2,5 @@
  * Copyright (c) 2023-2025 Datalayer, Inc.
  * Distributed under the terms of the Modified BSD License.
  */
-export * from './jupyter';
-export * from './runtimes';
+export * from './jupyter/index.js';
+export * from './runtimes/index.js';

package/lib/stateful/jupyter/exec/Snippets.js

@@ -2,7 +2,7 @@
  * Copyright (c) 2023-2025 Datalayer, Inc.
  * Distributed under the terms of the Modified BSD License.
  */
-import * as Python from './Python';
+import * as Python from './Python.js';
 /**
  * Facade to interact with kernels by requesting code execution.
  */

package/lib/stateful/jupyter/exec/index.js

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

package/lib/stateful/jupyter/index.js

@@ -2,5 +2,5 @@
  * Copyright (c) 2023-2025 Datalayer, Inc.
  * Distributed under the terms of the Modified BSD License.
  */
-export * from './exec';
-export * from './kernelsHandler';
+export * from './exec/index.js';
+export * from './kernelsHandler.js';

package/lib/stateful/runtimes/actions.js

@@ -8,10 +8,10 @@
 import { URLExt } from '@jupyterlab/coreutils';
 import { PromiseDelegate } from '@lumino/coreutils';
 import { Upload } from 'tus-js-client';
-import { requestDatalayerAPI, } from '../../api';
-import { asRuntimeSnapshot } from '../../models';
-import { iamStore, runtimesStore } from '../../state';
-import { sleep } from '../../utils';
+import { requestDatalayerAPI, } from '../../api/index.js';
+import { asRuntimeSnapshot } from '../../models/index.js';
+import { iamStore, runtimesStore } from '../../state/index.js';
+import { sleep } from '../../utils/index.js';
 /**
  * Get available Environments.
  */

package/lib/stateful/runtimes/index.js

@@ -2,8 +2,8 @@
  * Copyright (c) 2023-2025 Datalayer, Inc.
  * Distributed under the terms of the Modified BSD License.
  */
-export * from './actions';
-export * from './apis';
-export * from './settings';
-export * from './snapshots';
-export * from './utils';
+export * from './actions.js';
+export * from './apis.js';
+export * from './settings.js';
+export * from './snapshots.js';
+export * from './utils.js';

package/lib/stateful/runtimes/snapshots.js

@@ -3,7 +3,7 @@
  * Distributed under the terms of the Modified BSD License.
  */
 import { KernelExecutor } from '@datalayer/jupyter-react';
-import { createRuntimeSnapshotDownloadURL, uploadRuntimeSnapshot } from '.';
+import { createRuntimeSnapshotDownloadURL, uploadRuntimeSnapshot } from './index.js';
 /**
  * Snapshot a runtime through the frontend and upload it to the cloud.
  *

package/lib/utils/Date.d.ts

@@ -6,3 +6,14 @@ export declare const timeSince: (date: Date) => string;
  * Examples: "just now", "15m ago", "3h ago", "2d ago", "4w ago", "1y ago".
  */
 export declare const formatRelativeTime: (value?: Date | string | number, now?: Date) => string | undefined;
+/**
+ * Format a duration in milliseconds into a human-readable string.
+ *
+ * Examples:
+ * - 500 → "< 1s"
+ * - 1500 → "1s"
+ * - 65000 → "1m 5s"
+ * - 3661000 → "1h 1m 1s"
+ * - 90061000 → "1d 1h 1m"
+ */
+export declare const formatDurationMs: (ms: number) => string;

package/lib/utils/Date.js

@@ -95,3 +95,33 @@ export const formatRelativeTime = (value, now = new Date()) => {
     const years = Math.floor(days / 365);
     return `${years}y ago`;
 };
+/**
+ * Format a duration in milliseconds into a human-readable string.
+ *
+ * Examples:
+ * - 500 → "< 1s"
+ * - 1500 → "1s"
+ * - 65000 → "1m 5s"
+ * - 3661000 → "1h 1m 1s"
+ * - 90061000 → "1d 1h 1m"
+ */
+export const formatDurationMs = (ms) => {
+    const clamped = Math.max(0, ms);
+    const totalSeconds = Math.floor(clamped / 1000);
+    if (totalSeconds < 1)
+        return '< 1s';
+    const days = Math.floor(totalSeconds / 86400);
+    const hours = Math.floor((totalSeconds % 86400) / 3600);
+    const minutes = Math.floor((totalSeconds % 3600) / 60);
+    const seconds = totalSeconds % 60;
+    const parts = [];
+    if (days > 0)
+        parts.push(`${days}d`);
+    if (hours > 0)
+        parts.push(`${hours}h`);
+    if (minutes > 0)
+        parts.push(`${minutes}m`);
+    if (seconds > 0 && days === 0)
+        parts.push(`${seconds}s`);
+    return parts.join(' ') || '< 1s';
+};

package/lib/utils/DownloadFile.d.ts

@@ -7,4 +7,17 @@
  * .zip	ZIP archive	application/zip
  */
 export declare const downloadFile: (data: any, filename: string, mime?: any, bom?: any) => void;
+export type TextDownloadPayload = {
+    content: string;
+    filename: string;
+    mime: string;
+};
+/**
+ * Create a generic markdown text payload for file downloads.
+ */
+export declare const createMarkdownDownloadPayload: (content: string, fileStem: string) => TextDownloadPayload;
+/**
+ * Download a text payload produced by a helper such as createMarkdownDownloadPayload.
+ */
+export declare const downloadTextPayload: (payload: TextDownloadPayload, withBom?: boolean) => void;
 export default downloadFile;

package/lib/utils/DownloadFile.js

@@ -35,4 +35,24 @@ export const downloadFile = (data, filename, mime, bom) => {
         window.URL.revokeObjectURL(blobURL);
     }, 200);
 };
+const sanitizeFileStem = (value) => value
+    .trim()
+    .replace(/\s+/g, '-')
+    .replace(/[^a-zA-Z0-9-_]/g, '-')
+    .replace(/-+/g, '-')
+    .replace(/^-+|-+$/g, '') || 'download';
+/**
+ * Create a generic markdown text payload for file downloads.
+ */
+export const createMarkdownDownloadPayload = (content, fileStem) => ({
+    content,
+    filename: `${sanitizeFileStem(fileStem)}.md`,
+    mime: 'text/markdown;charset=utf-8',
+});
+/**
+ * Download a text payload produced by a helper such as createMarkdownDownloadPayload.
+ */
+export const downloadTextPayload = (payload, withBom = true) => {
+    downloadFile(payload.content, payload.filename, payload.mime, withBom ? '\uFEFF' : undefined);
+};
 export default downloadFile;

package/lib/utils/cli/index.js

@@ -5,4 +5,4 @@
 /**
  * CLI utilities
  */
-export * from './query';
+export * from './query.js';

package/lib/utils/index.js

@@ -2,32 +2,32 @@
  * Copyright (c) 2023-2025 Datalayer, Inc.
  * Distributed under the terms of the Modified BSD License.
  */
-export * from './Array';
-export * from './Avatar';
-export * from './Browser';
-export * from './cli';
-export * from './Cookie';
-export * from './Cells';
-export * from './Date';
-export * from './Download';
-export * from './DownloadFile';
-export * from './Env';
-export * from './File';
-export * from './Format';
-export * from './Ids';
-export * from './Jwt';
-export * from './Jupyter';
-export * from './Lazy';
-export * from './Msc';
-export * from './Name';
-export * from './Notebook';
-export * from './Number';
-export * from './Plots';
-export * from './Random';
-// export * from './Screencapture'; Do not export html2canvas for now.
-export * from './Sleep';
-export * from './Snapshot';
-export * from './String';
-export * from './Uri';
-export * from './Validator';
-export * from './WithSuspense';
+export * from './Array.js';
+export * from './Avatar.js';
+export * from './Browser.js';
+export * from './cli/index.js';
+export * from './Cookie.js';
+export * from './Cells.js';
+export * from './Date.js';
+export * from './Download.js';
+export * from './DownloadFile.js';
+export * from './Env.js';
+export * from './File.js';
+export * from './Format.js';
+export * from './Ids.js';
+export * from './Jwt.js';
+export * from './Jupyter.js';
+export * from './Lazy.js';
+export * from './Msc.js';
+export * from './Name.js';
+export * from './Notebook.js';
+export * from './Number.js';
+export * from './Plots.js';
+export * from './Random.js';
+// export * from './Screencapture.js'; Do not export html2canvas for now.
+export * from './Sleep.js';
+export * from './Snapshot.js';
+export * from './String.js';
+export * from './Uri.js';
+export * from './Validator.js';
+export * from './WithSuspense.js';

package/lib/views/datasources/DatasourceDetail.js

@@ -8,9 +8,9 @@ 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, useToast } from '../../hooks';
-import { useRunStore } from '../../state';
+import { BoringAvatar } from '../../components/avatars/index.js';
+import { useCache, useToast } from '../../hooks/index.js';
+import { useRunStore } from '../../state/index.js';
 export const DatasourceDetail = () => {
     const { datasourceId } = useParams();
     const runStore = useRunStore();

package/lib/views/datasources/DatasourceNew.js

@@ -6,8 +6,8 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
 import { useEffect, useState } from 'react';
 import { PageHeader, FormControl, Button, TextInput, Text, Textarea, Select, Flash, Link, } from '@primer/react';
 import { Box } from '@datalayer/primer-addons';
-import { useCache, useNavigate, useToast } from '../../hooks';
-import { useRunStore } from '../../state';
+import { useCache, useNavigate, useToast } from '../../hooks/index.js';
+import { useRunStore } from '../../state/index.js';
 export const DatasourceNew = ({ datasourcesListRoute = '/settings/integrations/datasources', secretsRoute = '/settings/iam/secrets', } = {}) => {
     const runStore = useRunStore();
     const { useCreateDatasource } = useCache();

package/lib/views/datasources/Datasources.js

@@ -8,7 +8,7 @@ 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';
+import { useCache, useNavigate } from '../../hooks/index.js';
 const DatasourcesTable = ({ datasourcesListRoute, }) => {
     const { useDatasources } = useCache();
     const datasourcesQuery = useDatasources();

package/lib/views/datasources/index.js

@@ -2,6 +2,6 @@
  * Copyright (c) 2023-2025 Datalayer, Inc.
  * Distributed under the terms of the Modified BSD License.
  */
-export * from './DatasourceDetail';
-export * from './DatasourceNew';
-export * from './Datasources';
+export * from './DatasourceDetail.js';
+export * from './DatasourceNew.js';
+export * from './Datasources.js';

package/lib/views/iam/SignInSimple.js

@@ -12,12 +12,19 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
  *
  * @module views/signin
  */
-import { useState, useCallback, useRef } from 'react';
+import { useState, useCallback, useRef, useMemo } from 'react';
 import { Box, Button, FormControl, Heading, Text, Textarea, TextInput, } from '@primer/react';
 import { Dialog } from '@primer/react/experimental';
 import { EyeIcon, EyeClosedIcon, KeyIcon, TelescopeIcon, } from '@primer/octicons-react';
+import { coreStore } from '../../state/index.js';
 // ── Component ────────────────────────────────────────────────────────
-export const SignInSimple = ({ onSignIn, onApiKeySignIn, loginUrl = '/api/iam/v1/login', title = 'Datalayer OTEL', description = 'Sign in to access the observability dashboard.', leadingIcon = _jsx(TelescopeIcon, { size: 24 }), }) => {
+export const SignInSimple = ({ onSignIn, onApiKeySignIn, loginUrl: loginUrlProp, title = 'Datalayer OTEL', description = 'Sign in to access the observability dashboard.', leadingIcon = _jsx(TelescopeIcon, { size: 24 }), }) => {
+    const loginUrl = useMemo(() => {
+        if (loginUrlProp)
+            return loginUrlProp;
+        const iamRunUrl = coreStore.getState().configuration?.iamRunUrl;
+        return iamRunUrl ? `${iamRunUrl}/api/iam/v1/login` : '/api/iam/v1/login';
+    }, [loginUrlProp]);
     const [handle, setHandle] = useState('');
     const [password, setPassword] = useState('');
     const [showPassword, setShowPassword] = useState(false);

package/lib/views/iam/index.js

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

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

@@ -7,9 +7,9 @@ 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 { BoringAvatar } from '../../components/avatars';
-import { useCache, useNavigate, useToast } from '../../hooks';
-import { useRunStore } from '../../state';
+import { BoringAvatar } from '../../components/avatars/index.js';
+import { useCache, useNavigate, useToast } from '../../hooks/index.js';
+import { useRunStore } from '../../state/index.js';
 export const IAMTokenEdit = ({ tokensListRoute = '/settings/iam/tokens', } = {}) => {
     const { tokenId } = useParams();
     const runStore = useRunStore();

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

@@ -8,8 +8,8 @@ import { PageHeader, FormControl, Button, TextInput, Textarea, Select, Text, Ico
 import { Box } from '@datalayer/primer-addons';
 import { CopyIcon } from '@primer/octicons-react';
 import { Calendar, defaultCalendarStrings } from '@fluentui/react';
-import { useCache, useNavigate, useToast } from '../../hooks';
-import { useRunStore } from '../../state';
+import { useCache, useNavigate, useToast } from '../../hooks/index.js';
+import { useRunStore } from '../../state/index.js';
 export const IAMTokenNew = ({ tokensListRoute = '/settings/iam/tokens', } = {}) => {
     const runStore = useRunStore();
     const { useCreateToken } = useCache();

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

@@ -9,7 +9,7 @@ import { Blankslate, PageHeader, Table, DataTable, } from '@primer/react/experim
 import { Box } from '@datalayer/primer-addons';
 import { EditIcon } from '@datalayer/icons-react';
 import { TrashIcon } from '@primer/octicons-react';
-import { useCache, useNavigate, useToast } from '../../hooks';
+import { useCache, useNavigate, useToast } from '../../hooks/index.js';
 const TokensTable = ({ tokensListRoute, showTitle = true, }) => {
     const { useTokens, useDeleteToken } = useCache();
     const { enqueueToast } = useToast();

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

@@ -9,7 +9,7 @@ import { Blankslate, PageHeader, Table, DataTable, } from '@primer/react/experim
 import { Box } from '@datalayer/primer-addons';
 import { EditIcon } from '@datalayer/icons-react';
 import { TrashIcon } from '@primer/octicons-react';
-import { useCache, useNavigate, useToast } from '../../hooks';
+import { useCache, useNavigate, useToast } from '../../hooks/index.js';
 const TokensTable = () => {
     const { useTokens, useDeleteToken } = useCache();
     const { enqueueToast } = useToast();

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

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

package/lib/views/index.js

@@ -2,6 +2,6 @@
  * Copyright (c) 2023-2025 Datalayer, Inc.
  * Distributed under the terms of the Modified BSD License.
  */
-export * from './iam';
-export * from './profile';
-export * from './otel';
+export * from './iam/index.js';
+export * from './profile/index.js';
+export * from './otel/index.js';

package/lib/views/otel/DashboardView.js

@@ -1,4 +1,4 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Box } from '@primer/react';
-import { OtelLive } from '../../otel';
+import { OtelLive } from '../../otel/index.js';
 export const DashboardView = ({ baseUrl = '', wsBaseUrl, token, autoRefreshMs = 5000, defaultSignal = 'traces', limit = 200, onSignalRef, }) => (_jsx(Box, { sx: { display: 'flex', flex: 1, minHeight: 0, overflow: 'hidden' }, children: _jsx(OtelLive, { baseUrl: baseUrl, wsBaseUrl: wsBaseUrl, token: token, autoRefreshMs: autoRefreshMs, defaultSignal: defaultSignal, limit: limit, onSignalRef: onSignalRef }) }));

package/lib/views/otel/LogsView.js

@@ -1,4 +1,4 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Box } from '@primer/react';
-import { OtelLive } from '../../otel';
+import { OtelLive } from '../../otel/index.js';
 export const LogsView = ({ baseUrl = '', token, autoRefreshMs = 5000, limit = 200, }) => (_jsx(Box, { sx: { display: 'flex', flex: 1, minHeight: 0, overflow: 'hidden' }, children: _jsx(OtelLive, { baseUrl: baseUrl, token: token, autoRefreshMs: autoRefreshMs, defaultSignal: "logs", limit: limit }) }));

package/lib/views/otel/MetricsView.js

@@ -1,4 +1,4 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Box } from '@primer/react';
-import { OtelLive } from '../../otel';
+import { OtelLive } from '../../otel/index.js';
 export const MetricsView = ({ baseUrl = '', token, autoRefreshMs = 5000, limit = 200, }) => (_jsx(Box, { sx: { display: 'flex', flex: 1, minHeight: 0, overflow: 'hidden' }, children: _jsx(OtelLive, { baseUrl: baseUrl, token: token, autoRefreshMs: autoRefreshMs, defaultSignal: "metrics", limit: limit }) }));

package/lib/views/otel/OtelHeader.js

@@ -13,7 +13,7 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
 import { useState, useCallback, useRef } from 'react';
 import { Box, Text, Button, Dialog } from '@primer/react';
 import { TelescopeIcon, SignOutIcon } from '@primer/octicons-react';
-import { UserBadge } from '../profile';
+import { UserBadge } from '../profile/index.js';
 export const OtelHeader = ({ baseUrl = '', token, trailing, onNavigate, onSignOut, showGenerateButtons = true, }) => {
     const [dialogOpen, setDialogOpen] = useState(false);
     const [dialogTitle, setDialogTitle] = useState('');

package/lib/views/otel/SqlView.js

@@ -1,4 +1,4 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Box } from '@primer/react';
-import { OtelSqlView } from '../../otel';
+import { OtelSqlView } from '../../otel/index.js';
 export const SqlView = ({ baseUrl = '', token }) => (_jsx(Box, { sx: { display: 'flex', flex: 1, minHeight: 0, overflow: 'hidden' }, children: _jsx(OtelSqlView, { baseUrl: baseUrl, token: token }) }));

package/lib/views/otel/SystemView.js

@@ -1,4 +1,4 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Box } from '@primer/react';
-import { OtelSystemView } from '../../otel';
+import { OtelSystemView } from '../../otel/index.js';
 export const SystemView = ({ baseUrl = '', token, }) => (_jsx(Box, { sx: { display: 'flex', flex: 1, minHeight: 0, overflow: 'hidden' }, children: _jsx(OtelSystemView, { baseUrl: baseUrl, token: token }) }));

package/lib/views/otel/TracesView.js

@@ -1,4 +1,4 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Box } from '@primer/react';
-import { OtelLive } from '../../otel';
+import { OtelLive } from '../../otel/index.js';
 export const TracesView = ({ baseUrl = '', token, autoRefreshMs = 5000, limit = 200, }) => (_jsx(Box, { sx: { display: 'flex', flex: 1, minHeight: 0, overflow: 'hidden' }, children: _jsx(OtelLive, { baseUrl: baseUrl, token: token, autoRefreshMs: autoRefreshMs, defaultSignal: "traces", limit: limit }) }));

package/lib/views/otel/index.js

@@ -2,11 +2,11 @@
  * Copyright (c) 2023-2025 Datalayer, Inc.
  * Distributed under the terms of the Modified BSD License.
  */
-export { DashboardView } from './DashboardView';
-export { TracesView } from './TracesView';
-export { LogsView } from './LogsView';
-export { MetricsView } from './MetricsView';
-export { SqlView } from './SqlView';
-export { SystemView } from './SystemView';
-export { OtelHeader } from './OtelHeader';
-export { useSimpleAuthStore } from './simpleAuthStore';
+export { DashboardView } from './DashboardView.js';
+export { TracesView } from './TracesView.js';
+export { LogsView } from './LogsView.js';
+export { MetricsView } from './MetricsView.js';
+export { SqlView } from './SqlView.js';
+export { SystemView } from './SystemView.js';
+export { OtelHeader } from './OtelHeader.js';
+export { useSimpleAuthStore } from './simpleAuthStore.js';

package/lib/views/profile/UserBadge.js

@@ -16,7 +16,7 @@ import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-run
  */
 import { useState, useRef, useCallback } from 'react';
 import { Box, Text } from '@primer/react';
-import { parseJwtPayload, getDatalayerJwtUser, getDatalayerDisplayName, } from '../../utils/Jwt';
+import { parseJwtPayload, getDatalayerJwtUser, getDatalayerDisplayName, } from '../../utils/Jwt.js';
 // ── Component ─────────────────────────────────────────────────────
 export const UserBadge = ({ token, variant = 'full', }) => {
     const [open, setOpen] = useState(false);

package/lib/views/profile/index.js

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

package/lib/views/secrets/SecretEdit.js

@@ -8,9 +8,9 @@ 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';
+import { BoringAvatar } from '../../components/avatars/index.js';
+import { useCache, useNavigate, useToast } from '../../hooks/index.js';
+import { useRunStore } from '../../state/index.js';
 export const SecretEdit = () => {
     const { secretId } = useParams();
     const runStore = useRunStore();

package/lib/views/secrets/SecretNew.js

@@ -6,8 +6,8 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 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';
+import { useCache, useNavigate, useToast } from '../../hooks/index.js';
+import { useRunStore } from '../../state/index.js';
 export const SecretNew = () => {
     const runStore = useRunStore();
     const navigate = useNavigate();

package/lib/views/secrets/Secrets.js

@@ -8,7 +8,7 @@ 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';
+import { useCache, useNavigate } from '../../hooks/index.js';
 const SecretsTable = () => {
     const { useSecrets } = useCache();
     const secretsQuery = useSecrets();