@datalayer/agent-runtimes 1.5.71 → 1.5.73

package/lib/examples/utils/themedProvider.js

@@ -21,7 +21,7 @@ import { useEffect } from 'react';
 import { Box, DatalayerThemeProvider, themeConfigs, useThemeStore as usePrimerThemeStore, } from '@datalayer/primer-addons';
 // The lean `/core` entry: the theme without the component library.
 import { JupyterReactTheme } from '@datalayer/jupyter-react/core';
-import { useExampleThemeStore } from './themeStore';
+import { useExampleThemeStore } from './themeStore.js';
 /**
  * Drop-in replacement for `<DatalayerThemeProvider>`.
  * Reads theme/colorMode from the example theme store and

package/lib/examples/utils/useExampleAgentRuntimesUrl.js

@@ -3,9 +3,9 @@
  * Distributed under the terms of the Modified BSD License.
  */
 import { useMemo } from 'react';
-import { useRuntimeTargetStore, } from './runtimeTargetStore';
-import { useAgentSummaryStore } from './agentSummaryStore';
-import { isLocalUrl } from './localUrl';
+import { useRuntimeTargetStore, } from './runtimeTargetStore.js';
+import { useAgentSummaryStore } from './agentSummaryStore.js';
+import { isLocalUrl } from './localUrl.js';
 const normalizeBaseUrl = (value) => {
     if (!value) {
         return undefined;

package/lib/examples2/DatalayerNotebookExample.js

@@ -7,9 +7,9 @@ import { useState, useEffect, useMemo } from 'react';
 import { Checkbox, FormControl, Heading } from '@primer/react';
 import { Box } from '@datalayer/primer-addons';
 import { loadJupyterConfig, JupyterReactTheme, Notebook, } from '@datalayer/jupyter-react';
-import { DatalayerCollaborationProvider } from '../collaboration/DatalayerCollaborationProvider';
-import { createDatalayerServiceManager } from '../services/DatalayerServiceManager';
-import { useCoreStore } from '../state';
+import { DatalayerCollaborationProvider } from '../collaboration/DatalayerCollaborationProvider.js';
+import { createDatalayerServiceManager } from '../services/DatalayerServiceManager.js';
+import { useCoreStore } from '../state/index.js';
 import nbformatExample from './notebooks/NotebookExample1.ipynb.json';
 // This corresponds to the notebook ID in the URL when you open an existing notbook in your library
 const NOTEBOOK_ID = '01JZQRQ35GG871QQCZW9TB1A8J';

package/lib/examples2/NativeNavigationExample.js

@@ -6,7 +6,7 @@ import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-run
 import { useState, useEffect } from 'react';
 import { Box } from '@datalayer/primer-addons';
 import { Button, Heading, Text, Link as PrimerLink } from '@primer/react';
-import { useNavigate, useLocation, useParams, useHistory } from '../hooks';
+import { useNavigate, useLocation, useParams, useHistory } from '../hooks/index.js';
 /**
  * Native Navigation Example
  * This example demonstrates the navigation hooks WITHOUT React Router.

package/lib/examples2/NotebookMutationsKernel.js

@@ -9,8 +9,8 @@ import { Box } from '@datalayer/primer-addons';
 import { SegmentedControl, Label, Text } from '@primer/react';
 import { ServiceManager } from '@jupyterlab/services';
 import { createLiteServiceManager, createServerSettings, setJupyterServerUrl, getJupyterServerUrl, getJupyterServerToken, setJupyterServerToken, ServiceManagerLess, loadJupyterConfig, useNotebookStore, Notebook, SpinnerCentered, JupyterReactTheme, } from '@datalayer/jupyter-react';
-import { useCoreStore } from '../state';
-import { createDatalayerServiceManager } from '../services/DatalayerServiceManager';
+import { useCoreStore } from '../state/index.js';
+import { createDatalayerServiceManager } from '../services/DatalayerServiceManager.js';
 import nbformatExample from './notebooks/NotebookExample1.ipynb.json';
 const NOTEBOOK_ID = 'notebook-mutations-id';
 const LOCAL_JUPYTER_SERVER_URL = 'http://0.0.0.0:8888/api/jupyter-server';

package/lib/examples2/NotebookMutationsServiceManager.js

@@ -9,8 +9,8 @@ import { Box } from '@datalayer/primer-addons';
 import { SegmentedControl, Label, Text } from '@primer/react';
 import { ServiceManager } from '@jupyterlab/services';
 import { createLiteServiceManager, createServerSettings, setJupyterServerUrl, getJupyterServerUrl, getJupyterServerToken, setJupyterServerToken, ServiceManagerLess, loadJupyterConfig, useNotebookStore, Notebook, SpinnerCentered, JupyterReactTheme, } from '@datalayer/jupyter-react';
-import { useCoreStore } from '../state';
-import { createDatalayerServiceManager } from '../services/DatalayerServiceManager';
+import { useCoreStore } from '../state/index.js';
+import { createDatalayerServiceManager } from '../services/DatalayerServiceManager.js';
 import nbformatExample from './notebooks/NotebookExample1.ipynb.json';
 const NOTEBOOK_ID = 'notebook-mutations-id';
 const LOCAL_JUPYTER_SERVER_URL = 'http://0.0.0.0:8888/api/jupyter-server';

package/lib/examples2/ReactRouterExample.js

@@ -7,7 +7,7 @@ import { useState, useEffect } from 'react';
 import { BrowserRouter, Routes, Route, Link as RouterLink, NavLink, Outlet, Navigate, } from 'react-router-dom';
 import { Box } from '@datalayer/primer-addons';
 import { Button, Heading, Text, TextInput } from '@primer/react';
-import { useNavigate, useLocation, useParams, useHistory } from '../hooks';
+import { useNavigate, useLocation, useParams, useHistory } from '../hooks/index.js';
 /**
  * Navigation Logger Component - Shows all navigation events
  */

package/lib/examples2/example-selector.js

@@ -8,13 +8,13 @@
  * Add new examples here to make them available in the example runner.
  */
 export const EXAMPLES = {
-    CellExample: () => import('./CellExample'),
-    DatalayerNotebookExample: () => import('./DatalayerNotebookExample'),
-    NotebookExample: () => import('./NotebookExample'),
-    NotebookMutationsKernel: () => import('./NotebookMutationsKernel'),
-    NotebookMutationsServiceManager: () => import('./NotebookMutationsServiceManager'),
-    ReactRouterExample: () => import('./ReactRouterExample'),
-    NativeNavigationExample: () => import('./NativeNavigationExample'),
+    CellExample: () => import('./CellExample.js'),
+    DatalayerNotebookExample: () => import('./DatalayerNotebookExample.js'),
+    NotebookExample: () => import('./NotebookExample.js'),
+    NotebookMutationsKernel: () => import('./NotebookMutationsKernel.js'),
+    NotebookMutationsServiceManager: () => import('./NotebookMutationsServiceManager.js'),
+    ReactRouterExample: () => import('./ReactRouterExample.js'),
+    NativeNavigationExample: () => import('./NativeNavigationExample.js'),
 };
 /**
  * Get the list of available example names

package/lib/examples2/index.js

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

package/lib/examples2/main.js

@@ -8,10 +8,10 @@ import { useEffect, useState } from 'react';
 import { createRoot } from 'react-dom/client';
 import { loadJupyterConfig, JupyterReactTheme, createServerSettings, setJupyterServerUrl, setJupyterServerToken, getJupyterServerUrl, getJupyterServerToken, } from '@datalayer/jupyter-react';
 import { ServiceManager } from '@jupyterlab/services';
-import { coreStore } from '../state';
-import { iamStore } from '../state';
-import { EXAMPLES } from './example-selector';
-import { createDatalayerServiceManager } from '../services/DatalayerServiceManager';
+import { coreStore } from '../state/index.js';
+import { iamStore } from '../state/index.js';
+import { EXAMPLES } from './example-selector.js';
+import { createDatalayerServiceManager } from '../services/DatalayerServiceManager.js';
 import { BOOTSTRAP_USER_ONBOARDING } from '@datalayer/core/lib/models/UserOnboarding';
 import nbformatExample from './notebooks/NotebookExample1.ipynb.json';
 const DEFAULT_RUNTIMES_URL = 'https://r1.datalayer.run';
@@ -177,7 +177,7 @@ const NotebookOnlyApp = () => {
                 // Always try to create collaboration provider if we have token and spacerUrl
                 if (configuration?.token && configuration?.spacerUrl) {
                     try {
-                        const { DatalayerCollaborationProvider } = await import('../collaboration/DatalayerCollaborationProvider');
+                        const { DatalayerCollaborationProvider } = await import('../collaboration/DatalayerCollaborationProvider.js');
                         const provider = new DatalayerCollaborationProvider({
                             spacerUrl: configuration.spacerUrl,
                             token: configuration.token,

package/lib/hooks/index.js

@@ -39,16 +39,16 @@
  * Main chat hook for the chat component system (Zustand-based).
  * Use with `<Chat />`, `<ChatSidebar />`, `<ChatFloating />`, etc.
  */
-export { useChat } from './useChat';
+export { useChat } from './useChat.js';
 /**
  * Tool registration hooks for the chat component system.
  */
-export { useFrontendTool, useBackendTool, useRegisteredTools, useTool, usePendingToolCalls, ActionRegistrar, } from './useTools';
+export { useFrontendTool, useBackendTool, useRegisteredTools, useTool, usePendingToolCalls, ActionRegistrar, } from './useTools.js';
 /**
  * ChatBase infrastructure hooks.
  */
-export { useConfig } from './useConfig';
-export { useSkills, useSkillActions } from './useSkills';
+export { useConfig } from './useConfig.js';
+export { useSkills, useSkillActions } from './useSkills.js';
 /*
  * Straight from the store it lives in, not forwarded through `useSkills`.
  *
@@ -59,9 +59,9 @@ export { useSkills, useSkillActions } from './useSkills';
  * `./useSkills`", which is true of the source it reads even though every file
  * in the chain is correct. One hop cannot be misread.
  */
-export { useAgentRuntimeLoadedSkills as useAgentLoadedSkills } from '../stores';
-export { useContextSnapshot } from './useContextSnapshot';
-export { useSandbox } from './useSandbox';
+export { useAgentRuntimeLoadedSkills as useAgentLoadedSkills } from '../stores/index.js';
+export { useContextSnapshot } from './useContextSnapshot.js';
+export { useSandbox } from './useSandbox.js';
 // =============================================================================
 // Transport-Specific Hooks (Direct Protocol Access)
 // =============================================================================
@@ -69,65 +69,65 @@ export { useSandbox } from './useSandbox';
  * AG-UI protocol hook - Pydantic AI's native protocol.
  * Use for direct AG-UI communication without the chat component system.
  */
-export { useAgUi } from './useAgUi';
+export { useAgUi } from './useAgUi.js';
 /**
  * A2A protocol hook - Agent-to-Agent with JSON-RPC 2.0.
  * Use for direct A2A communication without the chat component system.
  */
-export { useA2A } from './useA2A';
+export { useA2A } from './useA2A.js';
 /**
  * ACP protocol hook - Agent Client Protocol via WebSocket.
  * Use for direct ACP communication without the chat component system.
  */
-export * from './useAcp';
+export * from './useAcp.js';
 /**
  * Vercel AI SDK chat hook - HTTP/SSE streaming.
  * Use for direct Vercel AI communication without the chat component system.
  */
-export { useVercelAI } from './useVercelAI';
+export { useVercelAI } from './useVercelAI.js';
 // The browser harness. Same `useChat` helpers as `useVercelAI` — the branch is
 // one transport, so every chat component downstream is shared.
-export { useBrowserAgent, } from './useBrowserAgent';
+export { useBrowserAgent, } from './useBrowserAgent.js';
 // =============================================================================
 // Datalayer Platform Hooks
 // =============================================================================
 /**
  * Unified hook for managing agents — both ephemeral and durable.
  */
-export { useAgentRuntimes, } from './useAgentRuntimes';
+export { useAgentRuntimes, } from './useAgentRuntimes.js';
 /**
  * Runtime query and mutation hooks.
  */
-export { useAgentsRuntimes, useAgentRuntimesQuery, useAgentRuntimeByName, useCreateAgentRuntime, useDeleteAgentRuntime, useRefreshAgentRuntimes, agentQueryKeys, AGENT_QUERY_OPTIONS, useAgentLifecycleStore, getAgentLifecycleKey, markRuntimeDeleted, clearRuntimeDeleted, } from './useAgentRuntimes';
+export { useAgentsRuntimes, useAgentRuntimesQuery, useAgentRuntimeByName, useCreateAgentRuntime, useDeleteAgentRuntime, useRefreshAgentRuntimes, agentQueryKeys, AGENT_QUERY_OPTIONS, useAgentLifecycleStore, getAgentLifecycleKey, markRuntimeDeleted, clearRuntimeDeleted, } from './useAgentRuntimes.js';
 /**
  * Central registry of ServiceManagers connected to agent sandbox pods.
  */
-export { registerSandboxServiceManager, disposeSandboxServiceManagers, } from '../services/sandboxServiceManagers';
+export { registerSandboxServiceManager, disposeSandboxServiceManagers, } from '../services/sandboxServiceManagers.js';
 /**
  * Agent-runtime WebSocket stream hook.
  */
-export { useAgentRuntimeWebSocket, } from './useAgentRuntimes';
+export { useAgentRuntimeWebSocket, } from './useAgentRuntimes.js';
 /**
  * Agent catalog store, AI Agents REST API, and registry hooks.
  */
-export { useAgentCatalogStore, } from './useAgentsCatalog';
+export { useAgentCatalogStore, } from './useAgentsCatalog.js';
 /**
  * Agents Service REST API (deprecated).
  */
-export { useAgentsService, useNotebookAgents } from './useAgentsService';
+export { useAgentsService, useNotebookAgents } from './useAgentsService.js';
 /**
  * Focused hooks split by responsibility.
  */
-export { useCheckpoints, useCheckpointsQuery, useRefreshCheckpoints, useResumePausedAgentRuntime, usePauseAgent, useResumeAgent, useCheckpointAgent, useTerminateAgent, useAgentLifecycle, } from './useCheckpoints';
-export { useToolApprovals, useToolApprovalsQuery, usePendingApprovalCount, useApproveToolRequest, useRejectToolRequest, } from './useToolApprovals';
-export { useNotifications, useFilteredNotifications, useUnreadNotificationCount, useMarkNotificationRead, useMarkAllNotificationsRead, useAllAgentEvents, useAgentEvents, useAgentEvent, useCreateAgentEvent, useUpdateAgentEvent, useDeleteAgentEvent, useMarkEventRead, useMarkEventUnread, } from './useNotifications';
-export { useAIAgentsWebSocket, } from './useAIAgentsWebSocket';
-export { useProjects, useProject, useUpdateProject, useDeleteProject, useRefreshProjects, useProjectDefaultItems, } from './useProjects';
-export { useOtelTotalTokens, fetchOtelTotalTokens, fetchOtelMetricTotal, fetchOtelMetricRows, toMetricValue, } from './useMonitoring';
+export { useCheckpoints, useCheckpointsQuery, useRefreshCheckpoints, useResumePausedAgentRuntime, usePauseAgent, useResumeAgent, useCheckpointAgent, useTerminateAgent, useAgentLifecycle, } from './useCheckpoints.js';
+export { useToolApprovals, useToolApprovalsQuery, usePendingApprovalCount, useApproveToolRequest, useRejectToolRequest, } from './useToolApprovals.js';
+export { useNotifications, useFilteredNotifications, useUnreadNotificationCount, useMarkNotificationRead, useMarkAllNotificationsRead, useAllAgentEvents, useAgentEvents, useAgentEvent, useCreateAgentEvent, useUpdateAgentEvent, useDeleteAgentEvent, useMarkEventRead, useMarkEventUnread, } from './useNotifications.js';
+export { useAIAgentsWebSocket, } from './useAIAgentsWebSocket.js';
+export { useProjects, useProject, useUpdateProject, useDeleteProject, useRefreshProjects, useProjectDefaultItems, } from './useProjects.js';
+export { useOtelTotalTokens, fetchOtelTotalTokens, fetchOtelMetricTotal, fetchOtelMetricRows, toMetricValue, } from './useMonitoring.js';
 // Global top progress bar: a single shared store + a convenience hook so any
 // view can drive the one app-wide progress bar.
-export { useProgressStore } from './useProgressStore';
-export { useProgressTask } from './useProgressTask';
+export { useProgressStore } from './useProgressStore.js';
+export { useProgressTask } from './useProgressTask.js';
 // Re-export core hooks so consumers can progressively migrate imports to
 // agent-runtimes without splitting runtime/content and IAM hook sources.
 export * from '@datalayer/core/lib/hooks';

package/lib/hooks/useAgUi.js

@@ -3,7 +3,7 @@
  * Distributed under the terms of the Modified BSD License.
  */
 import { useCallback, useEffect, useState } from 'react';
-import { agUiRefusal, refusalBody } from '../portable/agUiRefusal';
+import { agUiRefusal, refusalBody } from '../portable/agUiRefusal.js';
 /**
  * Hook to manage chat state with AG-UI protocol.
  *

package/lib/hooks/useAgentRuntimes.js

@@ -18,15 +18,15 @@ import { create } from 'zustand';
 import { persist, createJSONStorage } from 'zustand/middleware';
 import { useCoreStore, useDatalayer } from '@datalayer/core';
 import { useIAMStore } from '@datalayer/core/lib/state';
-import { runtimesStore } from '../state';
-import { agentRuntimeStore, useAgentRuntimeStore, useAgentRuntimeConnection, useAgentRuntimeStatus, useAgentRuntimeError, useAgentRuntimeIsLaunching, } from '../stores/agentRuntimeStore';
-import { parseAgentStreamMessage, } from '../types/stream';
-import { DEFAULT_AGENT_CONFIG } from '../types/config';
+import { runtimesStore } from '../state/index.js';
+import { agentRuntimeStore, useAgentRuntimeStore, useAgentRuntimeConnection, useAgentRuntimeStatus, useAgentRuntimeError, useAgentRuntimeIsLaunching, } from '../stores/agentRuntimeStore.js';
+import { parseAgentStreamMessage, } from '../types/stream.js';
+import { DEFAULT_AGENT_CONFIG } from '../types/config.js';
 import { ServiceManager } from '@jupyterlab/services/lib/manager';
-import { disposeSandboxServiceManagers } from '../services/sandboxServiceManagers';
-import { agentDeletionUrl, launchesOwnRoutesOnly, runtimeStatusUrl, } from './ownRoutes';
-import { runtimeUrl, runtimesUrl } from '../runtimes/lifecycle';
-import { legacyTargetOf, locationOf, runsInBrowser, toAgentRuntimeVariant, } from '../runtimes/variants';
+import { disposeSandboxServiceManagers } from '../services/sandboxServiceManagers.js';
+import { agentDeletionUrl, launchesOwnRoutesOnly, runtimeStatusUrl, } from './ownRoutes.js';
+import { runtimeUrl, runtimesUrl } from '../runtimes/lifecycle.js';
+import { legacyTargetOf, locationOf, runsInBrowser, toAgentRuntimeVariant, } from '../runtimes/variants.js';
 // ═══════════════════════════════════════════════════════════════════════════
 // Constants
 // ═══════════════════════════════════════════════════════════════════════════
@@ -673,7 +673,7 @@ export function useAgentRuntimes(options = {}) {
                 if (!token) {
                     return;
                 }
-                const { listRuntimes } = await import('../api/runtimes/runtimes');
+                const { listRuntimes } = await import('../api/runtimes/runtimes.js');
                 const runtimesResponse = await listRuntimes(token, runtimesUrl);
                 const runtimes = runtimesResponse.runtimes || [];
                 const aiAgentRuntimes = runtimes.filter(rt => {

package/lib/hooks/useAgentsCatalog.js

@@ -10,7 +10,7 @@
  * @module hooks/useAgentsCatalog
  */
 import { create } from 'zustand';
-import { listAgentspecs } from '../specs';
+import { listAgentspecs } from '../specs/index.js';
 /** Whether two agent lists name the same agents, in the same state. */
 const sameAgents = (before, after) => before.length === after.length &&
     before.every((agent, index) => {

package/lib/hooks/useAgentsService.js

@@ -11,7 +11,7 @@
 import { useEffect } from 'react';
 import { useCoreStore, useDatalayer } from '@datalayer/core';
 import { URLExt } from '@jupyterlab/coreutils';
-import { useAgentRuntimeStore } from '../stores/agentRuntimeStore';
+import { useAgentRuntimeStore } from '../stores/agentRuntimeStore.js';
 // ═══════════════════════════════════════════════════════════════════════════
 // Agents Service REST API hook.
 // ═══════════════════════════════════════════════════════════════════════════

package/lib/hooks/useBrowserAgent.js

@@ -28,7 +28,7 @@
 import { useMemo } from 'react';
 import { useChat } from '@ai-sdk/react';
 import { DirectChatTransport } from 'ai';
-import { createBrowserAgent, } from '../runtimes/browser';
+import { createBrowserAgent, } from '../runtimes/browser/index.js';
 /**
  * A chat backed by an agent loop running in this page.
  *

package/lib/hooks/useBrowserInference.js

@@ -22,8 +22,8 @@
  * @module hooks/useBrowserInference
  */
 import { useMemo } from 'react';
-import { useCoreStore, useIAMStore } from '../state';
-import { browserModelRequiresSignIn, useAnonymousInferenceSession, } from '../runtimes/browser';
+import { useCoreStore, useIAMStore } from '../state/index.js';
+import { browserModelRequiresSignIn, useAnonymousInferenceSession, } from '../runtimes/browser/index.js';
 /** The inference plane used when the host provides no configuration. */
 const DEFAULT_INFERENCE_URL = 'https://r1.datalayer.run';
 /**

package/lib/hooks/useCellOutputshot.js

@@ -3,7 +3,7 @@
  * Distributed under the terms of the Modified BSD License.
  */
 import { useState } from 'react';
-import { useCellStore } from '../state/substates';
+import { useCellStore } from '../state/substates/index.js';
 import { takeHTMLNodeScreencapture } from '@datalayer/core/lib/utils/Screencapture';
 const useCellOutputshot = () => {
     const [outputshot, setOutputshot] = useState('');

package/lib/hooks/useChat.js

@@ -9,12 +9,12 @@
  * @module chat/hooks/useChat
  */
 import { useCallback, useMemo } from 'react';
-import { useChatStore } from '../stores';
-import { createUserMessage, generateMessageId } from '../types/messages';
-import { isToolCallMessage } from '../utils';
-import { BROWSER_LIMITS, emptyConversation, reduceConversation, withPrompt, } from '../portable/conversation';
-import { conversationEventsOf, snapshotOfMessages, } from '../portable/adapterEvents';
-import { conversationDrawer, emptyChatLayer, } from '../chat/base/conversationItems';
+import { useChatStore } from '../stores/index.js';
+import { createUserMessage, generateMessageId } from '../types/messages.js';
+import { isToolCallMessage } from '../utils/index.js';
+import { BROWSER_LIMITS, emptyConversation, reduceConversation, withPrompt, } from '../portable/conversation.js';
+import { conversationEventsOf, snapshotOfMessages, } from '../portable/adapterEvents.js';
+import { conversationDrawer, emptyChatLayer, } from '../chat/base/conversationItems.js';
 /**
  * Main hook for chat functionality
  *

package/lib/hooks/useCheckpoints.js

@@ -14,9 +14,9 @@ import { useMemo, useState, useCallback } from 'react';
 import { useQuery, useQueryClient, useMutation } from '@tanstack/react-query';
 import { useIAMStore } from '@datalayer/core/lib/state';
 import { useCoreStore, useDatalayer } from '@datalayer/core';
-import { agentQueryKeys, AGENT_QUERY_OPTIONS, clearRuntimeDeleted, } from './useAgentRuntimes';
-import { disposeSandboxServiceManagers } from '../services/sandboxServiceManagers';
-import { runtimeCheckpointsUrl, runtimeResumeUrl } from '../runtimes/lifecycle';
+import { agentQueryKeys, AGENT_QUERY_OPTIONS, clearRuntimeDeleted, } from './useAgentRuntimes.js';
+import { disposeSandboxServiceManagers } from '../services/sandboxServiceManagers.js';
+import { runtimeCheckpointsUrl, runtimeResumeUrl } from '../runtimes/lifecycle.js';
 // ═══════════════════════════════════════════════════════════════════════════
 // Query hooks
 // ═══════════════════════════════════════════════════════════════════════════
@@ -102,7 +102,7 @@ export function usePauseAgent() {
             const { iamStore, coreStore } = await import('@datalayer/core/lib/state');
             const token = iamStore.getState().token || '';
             const runtimesUrl = coreStore.getState().configuration?.runtimesUrl || '';
-            const { pauseRuntime } = await import('../api/runtimes/runtimes');
+            const { pauseRuntime } = await import('../api/runtimes/runtimes.js');
             const mode = params.mode || 'light';
             const resp = await pauseRuntime(token, params.runtimeName, runtimesUrl, {
                 agent_spec_id: params.agentSpecId,
@@ -113,7 +113,7 @@ export function usePauseAgent() {
                 ...(params.agentSpec ? { agentspec: params.agentSpec } : {}),
             });
             if (resp.checkpoint_id) {
-                const { waitForCheckpointStatus } = await import('../api/runtimes/checkpoints');
+                const { waitForCheckpointStatus } = await import('../api/runtimes/checkpoints.js');
                 const ckpt = await waitForCheckpointStatus(token, params.runtimeName, resp.checkpoint_id, ['paused', 'failed'], runtimesUrl);
                 if (ckpt.status === 'failed') {
                     throw new Error(`Checkpoint ${resp.checkpoint_id} failed during ${mode.toUpperCase()} pause`);
@@ -147,7 +147,7 @@ export function useResumeAgent() {
             const { iamStore, coreStore } = await import('@datalayer/core/lib/state');
             const token = iamStore.getState().token || '';
             const runtimesUrl = coreStore.getState().configuration?.runtimesUrl || '';
-            const { resumeRuntime } = await import('../api/runtimes/runtimes');
+            const { resumeRuntime } = await import('../api/runtimes/runtimes.js');
             return resumeRuntime(token, params.runtimeName, runtimesUrl, {
                 agent_spec_id: params.agentSpecId,
                 ...(params.mode ? { checkpoint_mode: params.mode } : {}),
@@ -180,8 +180,8 @@ export function useCheckpointAgent() {
             const { iamStore, coreStore } = await import('@datalayer/core/lib/state');
             const token = iamStore.getState().token || '';
             const runtimesUrl = coreStore.getState().configuration?.runtimesUrl || '';
-            const { pauseRuntime } = await import('../api/runtimes/runtimes');
-            const { waitForCheckpointStatus } = await import('../api/runtimes/checkpoints');
+            const { pauseRuntime } = await import('../api/runtimes/runtimes.js');
+            const { waitForCheckpointStatus } = await import('../api/runtimes/checkpoints.js');
             const mode = params.mode || 'criu';
             const pauseResp = await pauseRuntime(token, params.runtimeName, runtimesUrl, {
                 name: params.name || `checkpoint-${Date.now()}`,
@@ -226,7 +226,7 @@ export function useTerminateAgent() {
             const { iamStore, coreStore } = await import('@datalayer/core/lib/state');
             const token = iamStore.getState().token || '';
             const runtimesUrl = coreStore.getState().configuration?.runtimesUrl || '';
-            const { deleteRuntime } = await import('../api/runtimes/runtimes');
+            const { deleteRuntime } = await import('../api/runtimes/runtimes.js');
             return deleteRuntime(token, params.runtimeName, runtimesUrl);
         },
         onSuccess: () => {
@@ -307,7 +307,7 @@ export function useAgentLifecycle(options) {
                     const { iamStore, coreStore } = await import('@datalayer/core/lib/state');
                     const token = iamStore.getState().token || '';
                     const runtimesUrl = coreStore.getState().configuration?.runtimesUrl || '';
-                    const { listRuntimes } = await import('../api/runtimes/runtimes');
+                    const { listRuntimes } = await import('../api/runtimes/runtimes.js');
                     const runtimesResponse = await listRuntimes(token, runtimesUrl);
                     const runtimes = runtimesResponse.runtimes || [];
                     const aiAgentRuntimes = runtimes.filter(rt => {

package/lib/hooks/useConfig.js

@@ -4,7 +4,7 @@
  */
 import { useContext } from 'react';
 import { useQuery, QueryClientContext } from '@tanstack/react-query';
-import { requestAPI } from '../api/handler';
+import { requestAPI } from '../api/handler.js';
 /**
  * Hook to safely use query when QueryClient is available.
  * Returns a mock result if no QueryClientProvider is present.

package/lib/hooks/useContextSnapshot.js

@@ -2,7 +2,7 @@
  * Copyright (c) 2025-2026 Datalayer, Inc.
  * Distributed under the terms of the Modified BSD License.
  */
-import { useAgentRuntimeContextSnapshot } from '../stores';
+import { useAgentRuntimeContextSnapshot } from '../stores/index.js';
 export function useContextSnapshot(_enabled, _configEndpoint, _agentId, _authToken) {
     const snapshot = useAgentRuntimeContextSnapshot();
     /*

package/lib/hooks/useNotifications.js

@@ -11,7 +11,7 @@ import { useMemo } from 'react';
 import { useQuery, useMutation, useQueryClient } from '@tanstack/react-query';
 import { useCoreStore, useIAMStore } from '@datalayer/core/lib/state';
 import { DEFAULT_SERVICE_URLS } from '@datalayer/core/lib/api/constants';
-import { events, notifications } from '../api';
+import { events, notifications } from '../api/index.js';
 // ─── Auth helpers ────────────────────────────────────────────────────
 function useAuthToken() {
     const token = useIAMStore((s) => s.token);

package/lib/hooks/useProgressTask.js

@@ -21,7 +21,7 @@
  * @module hooks/useProgressTask
  */
 import { useEffect } from 'react';
-import { useProgressStore } from './useProgressStore';
+import { useProgressStore } from './useProgressStore.js';
 /**
  * Drive the shared top progress bar from a boolean loading flag.
  *

package/lib/hooks/useSandbox.js

@@ -3,7 +3,7 @@
  * Distributed under the terms of the Modified BSD License.
  */
 import { useCallback, useEffect, useRef, useState } from 'react';
-import { getApiBaseFromConfig } from '../utils';
+import { getApiBaseFromConfig } from '../utils/index.js';
 const RECONNECT_BASE_MS = 1000;
 const RECONNECT_MAX_MS = 30000;
 function isRetryableCloseCode(code) {

package/lib/hooks/useSkills.js

@@ -3,7 +3,7 @@
  * Distributed under the terms of the Modified BSD License.
  */
 import { useCallback, useMemo } from 'react';
-import { agentRuntimeStore, useAgentRuntimeCodemodeStatus } from '../stores';
+import { agentRuntimeStore, useAgentRuntimeCodemodeStatus } from '../stores/index.js';
 function parseSkillStatus(value) {
     if (value === 'available' || value === 'enabled' || value === 'loaded') {
         return value;

package/lib/hooks/useToolApprovals.js

@@ -20,8 +20,8 @@
  */
 import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
 import { useQuery, useQueryClient } from '@tanstack/react-query';
-import { useAIAgentsWebSocket } from './useAIAgentsWebSocket';
-import { normalizeApproval } from '../portable/approvals';
+import { useAIAgentsWebSocket } from './useAIAgentsWebSocket.js';
+import { normalizeApproval } from '../portable/approvals.js';
 // ─── Helpers ─────────────────────────────────────────────────────────
 const APPROVALS_ROOT_KEY = ['tool-approvals'];
 function matchesFilter(a, filters) {

package/lib/hooks/useTools.js

@@ -9,7 +9,7 @@
  * @module components/hooks/useTools
  */
 import { useEffect, useMemo } from 'react';
-import { useChatStore } from '../stores';
+import { useChatStore } from '../stores/index.js';
 /**
  * Hook to register a frontend tool
  * Compatible with CopilotKit's useFrontendTool

package/lib/identity/AgentIdentity.js

@@ -13,9 +13,9 @@ import React, { useCallback, useMemo } from 'react';
 import { Box } from '@datalayer/primer-addons';
 import { Text, Button, Label, Avatar, Flash, Tooltip } from '@primer/react';
 import { MarkGithubIcon, LinkIcon, UnlinkIcon, CheckCircleFillIcon, AlertIcon, ClockIcon, SyncIcon, KeyIcon, } from '@primer/octicons-react';
-import { useIdentity } from './useIdentity';
-import { IdentityButton } from './IdentityConnect';
-import { GITHUB_PROVIDER, GOOGLE_PROVIDER, KAGGLE_PROVIDER } from './types';
+import { useIdentity } from './useIdentity.js';
+import { IdentityButton } from './IdentityConnect.js';
+import { GITHUB_PROVIDER, GOOGLE_PROVIDER, KAGGLE_PROVIDER } from './types.js';
 const PROVIDER_DISPLAY = {
     github: {
         name: 'GitHub',

package/lib/identity/IdentityConnect.js

@@ -7,8 +7,8 @@ import React, { useCallback } from 'react';
 import { Box } from '@datalayer/primer-addons';
 import { Text, Button, Label, Flash, ActionList, ActionMenu, Avatar, } from '@primer/react';
 import { MarkGithubIcon, LinkIcon, UnlinkIcon, CheckCircleFillIcon, AlertIcon, KeyIcon, } from '@primer/octicons-react';
-import { useIdentity } from './useIdentity';
-import { GITHUB_PROVIDER, GOOGLE_PROVIDER, KAGGLE_PROVIDER } from './types';
+import { useIdentity } from './useIdentity.js';
+import { GITHUB_PROVIDER, GOOGLE_PROVIDER, KAGGLE_PROVIDER } from './types.js';
 /**
  * Provider-specific display configurations.
  * - GitHub: Uses official GitHub icon and dark theme color

package/lib/identity/OAuthCallback.js

@@ -7,7 +7,7 @@ import { useEffect, useState } from 'react';
 import { Box } from '@datalayer/primer-addons';
 import { Text, Spinner, Flash, Button } from '@primer/react';
 import { CheckCircleFillIcon, AlertIcon, XCircleIcon, } from '@primer/octicons-react';
-import { useIdentityStore } from './identityStore';
+import { useIdentityStore } from './identityStore.js';
 /**
  * OAuth callback handler component.
  *

package/lib/identity/identityStore.js

@@ -12,8 +12,8 @@
 import { create } from 'zustand';
 import { devtools, subscribeWithSelector, persist } from 'zustand/middleware';
 import { useShallow } from 'zustand/react/shallow';
-import { GITHUB_PROVIDER, GOOGLE_PROVIDER, KAGGLE_PROVIDER } from './types';
-import { generatePKCEPair, generateState } from './pkce';
+import { GITHUB_PROVIDER, GOOGLE_PROVIDER, KAGGLE_PROVIDER } from './types.js';
+import { generatePKCEPair, generateState } from './pkce.js';
 /**
  * Storage key for persisted identity data
  */

package/lib/identity/index.js

@@ -2,18 +2,18 @@
  * Copyright (c) 2025-2026 Datalayer, Inc.
  * Distributed under the terms of the Modified BSD License.
  */
-export { GITHUB_PROVIDER, GOOGLE_PROVIDER, KAGGLE_PROVIDER, KAGGLE_API_TOKEN_PROVIDER, } from './types';
+export { GITHUB_PROVIDER, GOOGLE_PROVIDER, KAGGLE_PROVIDER, KAGGLE_API_TOKEN_PROVIDER, } from './types.js';
 // PKCE utilities
-export { generateCodeVerifier, generateCodeChallenge, generateState, generatePKCEPair, } from './pkce';
+export { generateCodeVerifier, generateCodeChallenge, generateState, generatePKCEPair, } from './pkce.js';
 // Dynamic Client Registration (DCR)
-export { discoverAuthorizationServer, supportsDCR, registerClient, updateClientRegistration, deleteClientRegistration, getOrCreateDynamicClient, loadDynamicClient, saveDynamicClient, removeDynamicClient, getAllDynamicClients, clearAllDynamicClients, dynamicClientToProviderConfig, } from './dcr';
+export { discoverAuthorizationServer, supportsDCR, registerClient, updateClientRegistration, deleteClientRegistration, getOrCreateDynamicClient, loadDynamicClient, saveDynamicClient, removeDynamicClient, getAllDynamicClients, clearAllDynamicClients, dynamicClientToProviderConfig, } from './dcr.js';
 // Store
-export { useIdentityStore, useConnectedIdentities, useConnectedProviders, useIdentity as useIdentitySelector, useIsProviderConnected, usePendingAuthorization, useIdentityLoading, useIdentityError, configureBuiltinProviders, } from './identityStore';
+export { useIdentityStore, useConnectedIdentities, useConnectedProviders, useIdentity as useIdentitySelector, useIsProviderConnected, usePendingAuthorization, useIdentityLoading, useIdentityError, configureBuiltinProviders, } from './identityStore.js';
 // Main hook
-export { useIdentity, } from './useIdentity';
+export { useIdentity, } from './useIdentity.js';
 // UI Components
-export { IdentityButton, IdentityConnect, IdentityMenu, } from './IdentityConnect';
+export { IdentityButton, IdentityConnect, IdentityMenu, } from './IdentityConnect.js';
 // Agent identity status UI
-export { AgentIdentity, IdentityCard, getTokenStatus, formatDuration, formatExpirationStatus, } from './AgentIdentity';
+export { AgentIdentity, IdentityCard, getTokenStatus, formatDuration, formatExpirationStatus, } from './AgentIdentity.js';
 // OAuth Callback
-export { OAuthCallback } from './OAuthCallback';
+export { OAuthCallback } from './OAuthCallback.js';