@datalayer/agent-runtimes 1.5.70 → 1.5.73

package/lib/examples/PapTwoCompaniesExample.js

@@ -6,15 +6,15 @@ import { jsx as _jsx } from "react/jsx-runtime";
 /** PAP Two Companies, replayed from a PAP demo-world trace, as a Reactor workspace plugin. */
 import { useMemo } from 'react';
 import { Box, setupPrimerPortals } from '@datalayer/primer-addons';
-import { LoopEmbed } from '../apps';
-import { definePapExamplePlugin } from '../apps/plugins/pap-example';
-import { ThemedProvider } from './utils/themedProvider';
+import { LoopEmbed } from '../apps/index.js';
+import { definePapExamplePlugin } from '../apps/plugins/pap-example/index.js';
+import { ThemedProvider } from './utils/themedProvider.js';
 setupPrimerPortals();
 const PapTwoCompaniesPlugin = definePapExamplePlugin({
     key: 'two-companies',
     title: 'PAP Two Companies',
     description: 'Ledgerly, a company to Atlas and a personal agent at Northwind Bank, pays for Ada.',
-    load: () => import('./pap/PapTwoCompaniesView'),
+    load: () => import('./pap/PapTwoCompaniesView.js'),
 });
 const PapTwoCompaniesExample = () => {
     const plugins = useMemo(() => [PapTwoCompaniesPlugin], []);

package/lib/examples/PapUserWithACompanyExample.js

@@ -6,15 +6,15 @@ import { jsx as _jsx } from "react/jsx-runtime";
 /** PAP User with a Company, replayed from a PAP demo-world trace, as a Reactor workspace plugin. */
 import { useMemo } from 'react';
 import { Box, setupPrimerPortals } from '@datalayer/primer-addons';
-import { LoopEmbed } from '../apps';
-import { definePapExamplePlugin } from '../apps/plugins/pap-example';
-import { ThemedProvider } from './utils/themedProvider';
+import { LoopEmbed } from '../apps/index.js';
+import { definePapExamplePlugin } from '../apps/plugins/pap-example/index.js';
+import { ThemedProvider } from './utils/themedProvider.js';
 setupPrimerPortals();
 const PapUserWithACompanyPlugin = definePapExamplePlugin({
     key: 'user-with-a-company',
     title: 'PAP User with a Company',
     description: 'Ada, her personal agent and one company, from question to confirmed exchange.',
-    load: () => import('./pap/PapUserWithACompanyView'),
+    load: () => import('./pap/PapUserWithACompanyView.js'),
 });
 const PapUserWithACompanyExample = () => {
     const plugins = useMemo(() => [PapUserWithACompanyPlugin], []);

package/lib/examples/ProtocolSignedRequestsExample.js

@@ -13,8 +13,8 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
 import { useCallback, useEffect, useState } from 'react';
 import { Box, setupPrimerPortals } from '@datalayer/primer-addons';
 import { Button, Flash, Heading, Label, Text } from '@primer/react';
-import { ThemedProvider } from './utils/themedProvider';
-import { signedRequestDemo, } from './protocols/signedRequestsDemo';
+import { ThemedProvider } from './utils/themedProvider.js';
+import { signedRequestDemo, } from './protocols/signedRequestsDemo.js';
 setupPrimerPortals();
 const Mono = ({ children, label, }) => (_jsxs(Box, { mb: 3, children: [_jsx(Text, { as: "div", sx: { fontWeight: 'semibold', fontSize: 1, mb: 1 }, children: label }), _jsx(Box, { as: "pre", p: 2, m: 0, bg: "canvas.subtle", borderRadius: 2, sx: { fontSize: 0, whiteSpace: 'pre-wrap', overflowWrap: 'anywhere' }, children: children })] }));
 const OUTCOME_VARIANT = {

package/lib/examples/ProtocolUcpCheckoutExample.js

@@ -13,8 +13,8 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useMemo, useRef, useState } from 'react';
 import { Box, setupPrimerPortals } from '@datalayer/primer-addons';
 import { Button, Flash, Heading, Text } from '@primer/react';
-import { ThemedProvider } from './utils/themedProvider';
-import { buy, proposeTea, ucpCheckoutDemo } from './protocols/ucpCheckoutDemo';
+import { ThemedProvider } from './utils/themedProvider.js';
+import { buy, proposeTea, ucpCheckoutDemo } from './protocols/ucpCheckoutDemo.js';
 setupPrimerPortals();
 const ProtocolUcpCheckoutExample = () => {
     const answer = useRef(null);

package/lib/examples/ScenesExample.js

@@ -26,20 +26,20 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
  * Right-click a member for its menu: *Inspect the agent…* opens its Agent
  * Inspector over the page, on the one tracer every member records into.
  */
-import { avatarShown } from '../chat/assistant/avatar3d';
+import { avatarShown } from '../chat/assistant/avatar3dModel.js';
 import { useEffect, useMemo, useRef, useState } from 'react';
 import { Button, Flash, Heading, Text, Textarea, UnderlineNav, } from '@primer/react';
 import { Box } from '@datalayer/primer-addons';
 import { AnonymousKeyExpired } from '@datalayer/core/lib/components/anonymous/AnonymousKeyExpired';
 import { AnonymousKeyTimer } from '@datalayer/core/lib/components/anonymous/AnonymousKeyTimer';
 import { Streamdown } from 'streamdown';
-import { ThemedProvider } from './utils/themedProvider';
-import { useBrowserInference } from '../hooks/useBrowserInference';
-import { useAnonymousSessionStore } from '../runtimes/browser/anonymousToken';
-import { connectA2APeer } from '../runtimes/browser/a2aPeer';
-import { A2ATeamGraph, NOTEBOOK_AND_WORDS, PERSON, SceneView, sceneCuesOf, sceneMemberUrl, sceneRuntimePorts, sceneStageOf, teamConnectionsOf, teamToolClassifier, useA2ATeam, } from '../components/teams';
-import { listSceneSpecs } from '../specs/scenes';
-import { classifyToolCall, traceA2AFetch, useAgentInspector, } from '../components/inspector';
+import { ThemedProvider } from './utils/themedProvider.js';
+import { useBrowserInference } from '../hooks/useBrowserInference.js';
+import { useAnonymousSessionStore } from '../runtimes/browser/anonymousToken.js';
+import { connectA2APeer } from '../runtimes/browser/a2aPeer.js';
+import { A2ATeamGraph, NOTEBOOK_AND_WORDS, PERSON, SceneView, sceneCuesOf, sceneMemberUrl, sceneRuntimePorts, sceneStageOf, teamConnectionsOf, teamToolClassifier, useA2ATeam, } from '../components/teams/index.js';
+import { listSceneSpecs } from '../specs/scenes.js';
+import { classifyToolCall, traceA2AFetch, useAgentInspector, } from '../components/inspector/index.js';
 /** Where the members on a runtime are, by application id: the local ports, unless a variable says. */
 const PORTS = sceneRuntimePorts();
 /**

package/lib/examples/ShieldHarnessExample.js

@@ -31,11 +31,11 @@ import { Text } from '@primer/react';
 import { Box } from '@datalayer/primer-addons';
 import { buildReactorFromPlugins } from '@datalayer/reactor';
 import { registerReactor } from '@datalayer/reactor/react';
-import { ThemedProvider } from './utils/themedProvider';
-import { resolveExampleAgentRuntimesUrl } from './utils/useExampleAgentRuntimesUrl';
-import { Chat } from '../chat';
-import { createShieldDisplaysPlugin } from '../apps/plugins/shield-displays';
-import { SHIELD_HARNESS_AGENT, SHIELD_HARNESS_OPENERS, } from './shield/shieldHarness';
+import { ThemedProvider } from './utils/themedProvider.js';
+import { resolveExampleAgentRuntimesUrl } from './utils/useExampleAgentRuntimesUrl.js';
+import { Chat } from '../chat/index.js';
+import { createShieldDisplaysPlugin } from '../apps/plugins/shield-displays/index.js';
+import { SHIELD_HARNESS_AGENT, SHIELD_HARNESS_OPENERS, } from './shield/shieldHarness.js';
 const ShieldHarnessExample = () => {
     const baseUrl = resolveExampleAgentRuntimesUrl('local');
     // The diff and terminal renderers, registered for the chat to resolve

package/lib/examples/ShieldPolicyExample.js

@@ -21,8 +21,8 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
 import { useEffect, useState } from 'react';
 import { Heading, Text } from '@primer/react';
 import { Box } from '@datalayer/primer-addons';
-import { ThemedProvider } from './utils/themedProvider';
-import { AGENT_SHIELD_MISSING, ORGANIZATION_POLICY, classRows, decisionRows, kindRows, limitRows, loadAgentShield, } from './shield/shieldPolicyDemo';
+import { ThemedProvider } from './utils/themedProvider.js';
+import { AGENT_SHIELD_MISSING, ORGANIZATION_POLICY, classRows, decisionRows, kindRows, limitRows, loadAgentShield, } from './shield/shieldPolicyDemo.js';
 const cell = {
     borderBottom: '1px solid',
     borderColor: 'border.muted',

package/lib/examples/VoiceChatExample.js

@@ -27,10 +27,10 @@ import { useMemo, useState } from 'react';
 import { Heading, Link, SegmentedControl, Text } from '@primer/react';
 import { Box } from '@datalayer/primer-addons';
 import { useSimpleAuthStore } from '@datalayer/core/lib/views/otel';
-import { ThemedProvider } from './utils/themedProvider';
-import { ChatFloating } from '../chat';
-import { VOICE_CATALOGUE, voiceFor } from '../specs/voices';
-import { DATALAYER_SPEECH_MODELS_URL } from '../voice';
+import { ThemedProvider } from './utils/themedProvider.js';
+import { ChatFloating } from '../chat/index.js';
+import { VOICE_CATALOGUE, voiceFor } from '../specs/voices.js';
+import { DATALAYER_SPEECH_MODELS_URL } from '../voice/index.js';
 function fromAddress(name, otherwise) {
     return ((typeof window === 'undefined'
         ? null

package/lib/examples/components/AuthRequiredView.js

@@ -14,7 +14,7 @@ import { useSimpleAuthStore } from '@datalayer/core/lib/views/otel';
 export const AuthRequiredView = () => {
     const setAuth = useSimpleAuthStore(s => s.setAuth);
     const syncTokenToIamStore = useCallback((token) => {
-        import('../../state/substates').then(({ iamStore }) => {
+        import('../../state/substates/index.js').then(({ iamStore }) => {
             iamStore.setState({ token });
         });
     }, []);

package/lib/examples/components/ExampleWrapper.js

@@ -5,9 +5,9 @@ import { jsx as _jsx } from "react/jsx-runtime";
  */
 import { useLayoutEffect } from 'react';
 import { Box } from '@datalayer/primer-addons';
-import { useChatStore, useConversationStore } from '../../stores';
-import { ChatAvailabilityProvider } from '../../chat/base/ChatAvailability';
-import { useRuntimeTarget } from '../utils/runtimeTargetStore';
+import { useChatStore, useConversationStore } from '../../stores/index.js';
+import { ChatAvailabilityProvider } from '../../chat/base/ChatAvailability.js';
+import { useRuntimeTarget } from '../utils/runtimeTargetStore.js';
 /**
  * ExampleWrapper
  *

package/lib/examples/components/Header.js

@@ -8,8 +8,8 @@ import { Text, Button, PageLayout, AvatarStack, Avatar, Spinner, TextInput, Form
 import { ZapIcon, ListUnorderedIcon, PlayIcon, PauseIcon, } from '@primer/octicons-react';
 import { Box } from '@datalayer/primer-addons';
 import ReactECharts from 'echarts-for-react';
-import { SessionTabs } from './SessionTabs';
-import { HeaderControls } from './HeaderControls';
+import { SessionTabs } from './SessionTabs.js';
+import { HeaderControls } from './HeaderControls.js';
 // Mock session data
 const MOCK_SESSIONS = [
     { id: 'session-1', name: 'Session 1', active: true },

package/lib/examples/components/LexicalEditor.js

@@ -13,7 +13,7 @@ import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext
 import { Box } from '@datalayer/primer-addons';
 import { JupyterReactTheme, useJupyter } from '@datalayer/jupyter-react';
 import { ComponentPickerMenuPlugin, JupyterInputOutputPlugin, DraggableBlockPlugin, LexicalConfigProvider, LexicalStatePlugin, FloatingTextFormatToolbarPlugin, CodeActionMenuPlugin, } from '@datalayer/jupyter-lexical';
-import { editorExtension } from '../lexical/editorConfig';
+import { editorExtension } from '../lexical/editorConfig.js';
 import '@datalayer/jupyter-lexical/style/index.css';
 import '../lexical/lexical-theme.css';
 const LEXICAL_ID = 'agent-runtime-lexical-editor';

package/lib/examples/components/MainContent.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Text } from '@primer/react';
 import { Box } from '@datalayer/primer-addons';
-import { McpServerManager } from '../../mcp/McpServerManager';
+import { McpServerManager } from '../../mcp/McpServerManager.js';
 /**
  * Main Content Component
  *

package/lib/examples/components/haiku/HaikuDisplay.js

@@ -14,7 +14,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useState } from 'react';
 import { IconButton, Text } from '@primer/react';
 import { ChevronLeftIcon, ChevronRightIcon } from '@primer/octicons-react';
-import { InlineHaikuCard } from './InlineHaikuCard';
+import { InlineHaikuCard } from './InlineHaikuCard.js';
 /**
  * HaikuDisplay Component
  *

package/lib/examples/components/haiku/index.js

@@ -11,5 +11,5 @@
  *
  * @module examples/components/haiku
  */
-export { InlineHaikuCard, } from './InlineHaikuCard';
-export { HaikuDisplay } from './HaikuDisplay';
+export { InlineHaikuCard, } from './InlineHaikuCard.js';
+export { HaikuDisplay } from './HaikuDisplay.js';

package/lib/examples/components/index.js

@@ -3,17 +3,17 @@
  * Distributed under the terms of the Modified BSD License.
  */
 // Example/layout components
-export { ErrorView } from './ErrorView';
-export { AuthRequiredView } from './AuthRequiredView';
-export { MockFileBrowser } from './MockFileBrowser';
-export { MainContent } from './MainContent';
-export { SessionTabs } from './SessionTabs';
-export { Header } from './Header';
-export { HeaderControls } from './HeaderControls';
-export { FooterMetrics } from './FooterMetrics';
-export { TimeTravel } from './TimeTravel';
-export { LexicalEditor } from './LexicalEditor';
-export { ExampleWrapper } from './ExampleWrapper';
+export { ErrorView } from './ErrorView.js';
+export { AuthRequiredView } from './AuthRequiredView.js';
+export { MockFileBrowser } from './MockFileBrowser.js';
+export { MainContent } from './MainContent.js';
+export { SessionTabs } from './SessionTabs.js';
+export { Header } from './Header.js';
+export { HeaderControls } from './HeaderControls.js';
+export { FooterMetrics } from './FooterMetrics.js';
+export { TimeTravel } from './TimeTravel.js';
+export { LexicalEditor } from './LexicalEditor.js';
+export { ExampleWrapper } from './ExampleWrapper.js';
 // AG-UI example components
-export { InlineWeatherCard, } from './weather';
-export { InlineHaikuCard, HaikuDisplay, } from './haiku';
+export { InlineWeatherCard, } from './weather/index.js';
+export { InlineHaikuCard, HaikuDisplay, } from './haiku/index.js';

package/lib/examples/components/weather/index.js

@@ -10,4 +10,4 @@
  *
  * @module examples/components/weather
  */
-export { InlineWeatherCard, } from './InlineWeatherCard';
+export { InlineWeatherCard, } from './InlineWeatherCard.js';

package/lib/examples/example-selector.js

@@ -74,92 +74,92 @@ function makeEntry(id, loader, description, tags) {
  * the header dropdown and the home cards always stay in sync.
  */
 export const EXAMPLE_ENTRIES = [
-    makeEntry('HomeExample', () => import('./HomeExample'), 'Browse all available examples with search and quick navigation.', ['home', 'navigation']),
-    makeEntry('A2UiComponentsGalleryExample', () => import('./A2UiComponentsGalleryExample'), 'Consolidated A2UI components gallery with Primer-themed color modes.'),
-    makeEntry('A2UiContactCardExample', () => import('./A2UiContactCardExample'), 'A2UI example rendering contact card interactions.'),
-    makeEntry('A2UiRestaurantExample', () => import('./A2UiRestaurantExample'), 'A2UI restaurant flow example.'),
-    makeEntry('A2UiViewerExample', () => import('./A2UiViewerExample'), 'A2UI viewer integration example.'),
-    makeEntry('A2UiJupyterOutputExample', () => import('./A2UiJupyterOutputExample'), 'One Jupyter execution shown twice: raw kernel outputs, and the A2UI surface the server converter makes of them.'),
-    makeEntry('A2UiAgentExample', () => import('./A2UiAgentExample'), 'A2UI Agent with built-in chat component and Python A2UI UI plugin surface.'),
-    makeEntry('AgUiAgenticExample', () => import('./AgUiAgenticExample'), 'AG-UI agentic workflow example.'),
-    makeEntry('AgUiBackendToolRenderingExample', () => import('./AgUiBackendToolRenderingExample'), 'AG-UI backend tool rendering example.'),
-    makeEntry('AgUiHaikuGenUiExample', () => import('./AgUiHaikuGenUiExample'), 'AG-UI generative UI Haiku example.'),
-    makeEntry('AgUiHumanInTheLoopExample', () => import('./AgUiHumanInTheLoopExample'), 'AG-UI human-in-the-loop approvals example.'),
-    makeEntry('AgUiSharedStateExample', () => import('./AgUiSharedStateExample'), 'AG-UI shared state synchronization example.'),
-    makeEntry('AgUiToolsBasedGenUiExample', () => import('./AgUiToolsBasedGenUiExample'), 'AG-UI tool-based generative UI example.'),
-    makeEntry('AgentspecsExample', () => import('./AgentspecsExample'), 'Configure and run agents from specs and transports.'),
-    makeEntry('NotebookPageAgent', () => import('./NotebookPageAgent'), 'A notebook as a page: floating prompt on top, a team of agents working in it.'),
-    makeEntry('DocumentPageAgent', () => import('./DocumentPageAgent'), 'A document as a page: floating prompt on top, an agent writing in it.'),
-    makeEntry('DecksAgent', () => import('./DecksAgent'), 'A deck beside the chat: the decks plugin in a Loop, and an agent that writes presentations as data.'),
-    makeEntry('CellExample', () => import('./CellExample'), 'Simple cell example.'),
-    makeEntry('AvatarExample', () => import('./AvatarExample'), 'The floating assistant: the chat as a character on the page.'),
-    makeEntry('VoiceChatExample', () => import('./VoiceChatExample'), 'A voice chat with the floating assistant: push-to-talk heard in the page, answers read aloud by the speech service, the mouth moving with the sound.'),
-    makeEntry('AvatarGalleryExample', () => import('./AvatarGalleryExample'), 'Every representation of the floating assistant: each character in each state, its balloon, light and dark, still or moving, one at a time or as a grid.'),
-    makeEntry('ChatCustomExample', () => import('./ChatCustomExample'), 'Custom chat experience composition example.'),
-    makeEntry('ChatExample', () => import('./ChatExample'), 'Baseline chat integration example.'),
-    makeEntry('ChatStandaloneExample', () => import('./ChatStandaloneExample'), 'Standalone chat component usage example.'),
-    makeEntry('CopilotKitLexicalExample', () => import('./CopilotKitLexicalExample'), 'CopilotKit integration with the document editor.'),
-    makeEntry('CopilotKitNotebookExample', () => import('./CopilotKitNotebookExample'), 'CopilotKit integration with notebook workflows.'),
-    makeEntry('AgentCheckpointsExample', () => import('./AgentCheckpointsExample'), 'Checkpoint and resume lifecycle for agents.'),
-    makeEntry('AgentCompactionExample', () => import('./AgentCompactionExample'), 'Set a context token budget and watch history compaction summarize older messages, with live from/to token and timing details.', ['example', 'agent', 'compaction', 'context', 'tokens']),
-    makeEntry('AgentCodemodeExample', () => import('./AgentCodemodeExample'), 'Code mode execution and tool orchestration example.'),
-    makeEntry('AgentCodeSandboxesExample', () => import('./AgentCodeSandboxesExample'), 'Launch sandbox-variant agent specs and compare code execution across backends.', ['example', 'agent', 'sandbox', 'codemode']),
-    makeEntry('AgentDecideExample', () => import('./AgentDecideExample'), 'Decide: typed decisions asked of Jev — yes or no, a choice, a score — from the chat, where the agent calls decide, and from the floating assistant’s Ask a decision.', ['example', 'agent', 'loop', 'app', 'decisions', 'jev', 'assistant']),
-    makeEntry('AgentEvalsExample', () => import('./AgentEvalsExample'), 'Evaluation workflows for agent outputs.'),
-    makeEntry('AgentGuardrailsExample', () => import('./AgentGuardrailsExample'), 'Guardrails and safety checks for agent runs.'),
-    makeEntry('AgentHooksExample', () => import('./AgentHooksExample'), 'Pre-hooks and post-hooks lifecycle execution example.'),
-    makeEntry('AgentInferenceProviderExample', () => import('./AgentInferenceProviderExample'), 'Switch local and datalayer inference providers with live low-level provider events.', ['example', 'agent', 'inference', 'provider', 'runtime']),
-    makeEntry('LoopWorkspaceExample', () => import('./LoopWorkspaceExample'), 'The LOOP workspace: a blank shell, with the chat, the editors and the plugin list all contributed as plugins.', 
+    makeEntry('HomeExample', () => import('./HomeExample.js'), 'Browse all available examples with search and quick navigation.', ['home', 'navigation']),
+    makeEntry('A2UiComponentsGalleryExample', () => import('./A2UiComponentsGalleryExample.js'), 'Consolidated A2UI components gallery with Primer-themed color modes.'),
+    makeEntry('A2UiContactCardExample', () => import('./A2UiContactCardExample.js'), 'A2UI example rendering contact card interactions.'),
+    makeEntry('A2UiRestaurantExample', () => import('./A2UiRestaurantExample.js'), 'A2UI restaurant flow example.'),
+    makeEntry('A2UiViewerExample', () => import('./A2UiViewerExample.js'), 'A2UI viewer integration example.'),
+    makeEntry('A2UiJupyterOutputExample', () => import('./A2UiJupyterOutputExample.js'), 'One Jupyter execution shown twice: raw kernel outputs, and the A2UI surface the server converter makes of them.'),
+    makeEntry('A2UiAgentExample', () => import('./A2UiAgentExample.js'), 'A2UI Agent with built-in chat component and Python A2UI UI plugin surface.'),
+    makeEntry('AgUiAgenticExample', () => import('./AgUiAgenticExample.js'), 'AG-UI agentic workflow example.'),
+    makeEntry('AgUiBackendToolRenderingExample', () => import('./AgUiBackendToolRenderingExample.js'), 'AG-UI backend tool rendering example.'),
+    makeEntry('AgUiHaikuGenUiExample', () => import('./AgUiHaikuGenUiExample.js'), 'AG-UI generative UI Haiku example.'),
+    makeEntry('AgUiHumanInTheLoopExample', () => import('./AgUiHumanInTheLoopExample.js'), 'AG-UI human-in-the-loop approvals example.'),
+    makeEntry('AgUiSharedStateExample', () => import('./AgUiSharedStateExample.js'), 'AG-UI shared state synchronization example.'),
+    makeEntry('AgUiToolsBasedGenUiExample', () => import('./AgUiToolsBasedGenUiExample.js'), 'AG-UI tool-based generative UI example.'),
+    makeEntry('AgentspecsExample', () => import('./AgentspecsExample.js'), 'Configure and run agents from specs and transports.'),
+    makeEntry('NotebookPageAgent', () => import('./NotebookPageAgent.js'), 'A notebook as a page: floating prompt on top, a team of agents working in it.'),
+    makeEntry('DocumentPageAgent', () => import('./DocumentPageAgent.js'), 'A document as a page: floating prompt on top, an agent writing in it.'),
+    makeEntry('DecksAgent', () => import('./DecksAgent.js'), 'A deck beside the chat: the decks plugin in a Loop, and an agent that writes presentations as data.'),
+    makeEntry('CellExample', () => import('./CellExample.js'), 'Simple cell example.'),
+    makeEntry('AvatarExample', () => import('./AvatarExample.js'), 'The floating assistant: the chat as a character on the page.'),
+    makeEntry('VoiceChatExample', () => import('./VoiceChatExample.js'), 'A voice chat with the floating assistant: push-to-talk heard in the page, answers read aloud by the speech service, the mouth moving with the sound.'),
+    makeEntry('AvatarGalleryExample', () => import('./AvatarGalleryExample.js'), 'Every representation of the floating assistant: each character in each state, its balloon, light and dark, still or moving, one at a time or as a grid.'),
+    makeEntry('ChatCustomExample', () => import('./ChatCustomExample.js'), 'Custom chat experience composition example.'),
+    makeEntry('ChatExample', () => import('./ChatExample.js'), 'Baseline chat integration example.'),
+    makeEntry('ChatStandaloneExample', () => import('./ChatStandaloneExample.js'), 'Standalone chat component usage example.'),
+    makeEntry('CopilotKitLexicalExample', () => import('./CopilotKitLexicalExample.js'), 'CopilotKit integration with the document editor.'),
+    makeEntry('CopilotKitNotebookExample', () => import('./CopilotKitNotebookExample.js'), 'CopilotKit integration with notebook workflows.'),
+    makeEntry('AgentCheckpointsExample', () => import('./AgentCheckpointsExample.js'), 'Checkpoint and resume lifecycle for agents.'),
+    makeEntry('AgentCompactionExample', () => import('./AgentCompactionExample.js'), 'Set a context token budget and watch history compaction summarize older messages, with live from/to token and timing details.', ['example', 'agent', 'compaction', 'context', 'tokens']),
+    makeEntry('AgentCodemodeExample', () => import('./AgentCodemodeExample.js'), 'Code mode execution and tool orchestration example.'),
+    makeEntry('AgentCodeSandboxesExample', () => import('./AgentCodeSandboxesExample.js'), 'Launch sandbox-variant agent specs and compare code execution across backends.', ['example', 'agent', 'sandbox', 'codemode']),
+    makeEntry('AgentDecideExample', () => import('./AgentDecideExample.js'), 'Decide: typed decisions asked of Jev — yes or no, a choice, a score — from the chat, where the agent calls decide, and from the floating assistant’s Ask a decision.', ['example', 'agent', 'loop', 'app', 'decisions', 'jev', 'assistant']),
+    makeEntry('AgentEvalsExample', () => import('./AgentEvalsExample.js'), 'Evaluation workflows for agent outputs.'),
+    makeEntry('AgentGuardrailsExample', () => import('./AgentGuardrailsExample.js'), 'Guardrails and safety checks for agent runs.'),
+    makeEntry('AgentHooksExample', () => import('./AgentHooksExample.js'), 'Pre-hooks and post-hooks lifecycle execution example.'),
+    makeEntry('AgentInferenceProviderExample', () => import('./AgentInferenceProviderExample.js'), 'Switch local and datalayer inference providers with live low-level provider events.', ['example', 'agent', 'inference', 'provider', 'runtime']),
+    makeEntry('LoopWorkspaceExample', () => import('./LoopWorkspaceExample.js'), 'The LOOP workspace: a blank shell, with the chat, the editors and the plugin list all contributed as plugins.', 
     // `owns-sandbox-control`: this example brings its own sandbox switch, so
     // the shell hides the one in its header rather than showing two controls
     // for one sandbox — and a second one that would not agree with the first.
     ['example', 'loop', 'workspace', 'sandbox', 'owns-sandbox-control']),
-    makeEntry('LoopAppComputerExample', () => import('./LoopAppComputerExample'), 'An application beside its computer: what its agent ran on its sandbox, its files, and Take over and Hand back (R-23).', ['example', 'loop', 'app', 'computer', 'sandbox', 'owns-sandbox-control']),
-    makeEntry('ScenesExample', () => import('./ScenesExample'), 'The scenes of the catalogue in tabs — Sales & Accounting, Month-end Close, Crop Monitoring, Disaster Assessment — each its graph and transcript, its cues as suggestions, played against the local servers (A-15).', ['example', 'loop', 'scenes', 'a2a', 'agentspecs', 'team']),
-    makeEntry('LoopShellExample', () => import('./LoopShellExample'), 'The Loop shell at its most naked: a blank canvas, a floating draggable prompt, and an editor selector in the corner — none, notebook or document.', 
+    makeEntry('LoopAppComputerExample', () => import('./LoopAppComputerExample.js'), 'An application beside its computer: what its agent ran on its sandbox, its files, and Take over and Hand back (R-23).', ['example', 'loop', 'app', 'computer', 'sandbox', 'owns-sandbox-control']),
+    makeEntry('ScenesExample', () => import('./ScenesExample.js'), 'The scenes of the catalogue in tabs — Sales & Accounting, Month-end Close, Crop Monitoring, Disaster Assessment — each its graph and transcript, its cues as suggestions, played against the local servers (A-15).', ['example', 'loop', 'scenes', 'a2a', 'agentspecs', 'team']),
+    makeEntry('LoopShellExample', () => import('./LoopShellExample.js'), 'The Loop shell at its most naked: a blank canvas, a floating draggable prompt, and an editor selector in the corner — none, notebook or document.', 
     // `owns-sandbox-control`: the shell is pinned to the browser sandbox, so
     // the page's selector would offer three targets it cannot move to.
     ['example', 'loop', 'shell', 'prompt', 'editors', 'owns-sandbox-control']),
-    makeEntry('LoopStrategyExample', () => import('./LoopStrategyExample'), 'Define and launch an agent reasoning strategy (a control loop: observe/think/act/evaluate) over a live notebook, driven by generic strategy specs.', ['example', 'agent', 'strategy', 'notebook', 'agentspecs']),
-    makeEntry('AgentToolApprovalsExample', () => import('./AgentToolApprovalsExample'), 'Tool approval workflows and manual decisions.'),
-    makeEntry('AgentMemoryExample', () => import('./AgentMemoryExample'), 'Memory-aware conversation and retrieval example.'),
-    makeEntry('AgentSkillsExample', () => import('./AgentSkillsExample'), 'Skills discovery, execution, and monitoring example.'),
-    makeEntry('AgentMCPExample', () => import('./AgentMCPExample'), 'MCP servers and toolset integration example.'),
-    makeEntry('AgentOtelExample', () => import('./AgentOtelExample'), 'OpenTelemetry instrumentation and traces example.'),
-    makeEntry('AgentCodeSandboxExample', () => import('./AgentCodeSandboxExample'), 'Sandbox execution variants and context controls.'),
-    makeEntry('AgentMonitoringExample', () => import('./AgentMonitoringExample'), 'Runtime monitoring and live metrics example.'),
-    makeEntry('AgentSubagentsExample', () => import('./AgentSubagentsExample'), 'Multi-agent delegation with the in-repo subagents capability.'),
-    makeEntry('AgentA2AExample', () => import('./AgentA2AExample'), 'Delegation to separate agents over the A2A protocol, launched locally or on Datalayer runtimes.'),
-    makeEntry('AgentA2ATeamExample', () => import('./AgentA2ATeamExample'), 'Two applications as a team over A2A: Sales in the browser (@a2a-js/sdk) asks Accounting on a runtime (fasta2a, Odoo read only), each an Office Assistant character.'),
-    makeEntry('ProtocolSignedRequestsExample', () => import('./ProtocolSignedRequestsExample'), 'Web Bot Auth in the browser: a key made in the page signs a request — its three headers and the signature base — verified, then a replay and a changed path refused.'),
-    makeEntry('ProtocolUcpCheckoutExample', () => import('./ProtocolUcpCheckoutExample'), 'A UCP checkout at a test store in the page: the exact purchase proposed, approved on a card once, bought once.'),
+    makeEntry('LoopStrategyExample', () => import('./LoopStrategyExample.js'), 'Define and launch an agent reasoning strategy (a control loop: observe/think/act/evaluate) over a live notebook, driven by generic strategy specs.', ['example', 'agent', 'strategy', 'notebook', 'agentspecs']),
+    makeEntry('AgentToolApprovalsExample', () => import('./AgentToolApprovalsExample.js'), 'Tool approval workflows and manual decisions.'),
+    makeEntry('AgentMemoryExample', () => import('./AgentMemoryExample.js'), 'Memory-aware conversation and retrieval example.'),
+    makeEntry('AgentSkillsExample', () => import('./AgentSkillsExample.js'), 'Skills discovery, execution, and monitoring example.'),
+    makeEntry('AgentMCPExample', () => import('./AgentMCPExample.js'), 'MCP servers and toolset integration example.'),
+    makeEntry('AgentOtelExample', () => import('./AgentOtelExample.js'), 'OpenTelemetry instrumentation and traces example.'),
+    makeEntry('AgentCodeSandboxExample', () => import('./AgentCodeSandboxExample.js'), 'Sandbox execution variants and context controls.'),
+    makeEntry('AgentMonitoringExample', () => import('./AgentMonitoringExample.js'), 'Runtime monitoring and live metrics example.'),
+    makeEntry('AgentSubagentsExample', () => import('./AgentSubagentsExample.js'), 'Multi-agent delegation with the in-repo subagents capability.'),
+    makeEntry('AgentA2AExample', () => import('./AgentA2AExample.js'), 'Delegation to separate agents over the A2A protocol, launched locally or on Datalayer runtimes.'),
+    makeEntry('AgentA2ATeamExample', () => import('./AgentA2ATeamExample.js'), 'Two applications as a team over A2A: Sales in the browser (@a2a-js/sdk) asks Accounting on a runtime (fasta2a, Odoo read only), each an Office Assistant character.'),
+    makeEntry('ProtocolSignedRequestsExample', () => import('./ProtocolSignedRequestsExample.js'), 'Web Bot Auth in the browser: a key made in the page signs a request — its three headers and the signature base — verified, then a replay and a changed path refused.'),
+    makeEntry('ProtocolUcpCheckoutExample', () => import('./ProtocolUcpCheckoutExample.js'), 'A UCP checkout at a test store in the page: the exact purchase proposed, approved on a card once, bought once.'),
     // The Shield (SH-23): a coding agent behind it, and its policy's types.
-    makeEntry('ShieldHarnessExample', () => import('./ShieldHarnessExample'), 'A coding agent behind the Shield in the web chat: its changes as diffs, its commands as terminals, what a rule asks first in the approval banner. Needs `python examples/shield/harness_on_the_runtime.py --serve` (the fake agent, no key).', ['example', 'shield', 'harness', 'acp', 'ag-ui', 'chat']),
-    makeEntry('ShieldPolicyExample', () => import('./ShieldPolicyExample'), 'The Shield’s policy from TypeScript: an organization’s document typed by @datalayer/agent-shield, what it decides by class, the tool kinds classed, the limits soft then hard, decisions in describeDecision’s words.', ['example', 'shield', 'policy']),
-    makeEntry('PapCompanyDiscoveryExample', () => import('./PapCompanyDiscoveryExample'), 'Validate a PAP company document and reduce it to the public capabilities safe for an agent or UI.'),
-    makeEntry('PapAgentIdentityExample', () => import('./PapAgentIdentityExample'), 'Verify personal-agent client metadata and signing policy without exposing JWK coordinates.'),
-    makeEntry('PapAuthorizationBoundaryExample', () => import('./PapAuthorizationBoundaryExample'), 'Generate real Session and Direct Sign-In security material while showing only safe policy status.'),
-    makeEntry('PapDpopProofExample', () => import('./PapDpopProofExample'), 'Create fresh request-bound DPoP proofs while withholding proof, token, nonce, identifiers, and key material.'),
-    makeEntry('PapSessionLifecycleExample', () => import('./PapSessionLifecycleExample'), 'Start, retry, and renew a signed-out PAP Session while credentials remain host-owned.'),
-    makeEntry('PapGuidedJourneyExample', () => import('./PapGuidedJourneyExample'), 'Follow a visual PAP return journey across discovery, signed-out conversation, Direct Sign-In, and an exact user-authorized result.'),
-    makeEntry('PapUserWithACompanyExample', () => import('./PapUserWithACompanyExample'), 'Replay, step by step, Ada, her personal agent and one company: question, Device Sign-In, the same conversation, and one exactly approved operation.'),
-    makeEntry('PapTwoCompaniesExample', () => import('./PapTwoCompaniesExample'), "Replay two companies working together: Ledgerly is a company to Ada's agent and her personal agent at Northwind Bank; every approval is an Operation."),
-    makeEntry('PapAccountTokensExample', () => import('./PapAccountTokensExample'), 'Replay Account Token refresh, rotation, narrowing, re-consent and revocation, with the token kept behind a host reference.'),
-    makeEntry('PapMediatedSignInExample', () => import('./PapMediatedSignInExample'), "Replay Mediated Sign-In: credentials and a one-time code on the host's protected input, sent once to the company's own endpoint."),
-    makeEntry('PapConversationStreamingExample', () => import('./PapConversationStreamingExample'), 'Replay a PAP conversation over SSE: display-only text deltas, complete events, and a Last-Event-ID resume.'),
-    makeEntry('PapConversationControlExample', () => import('./PapConversationControlExample'), 'Replay conversation control: a Direct Conversation, a handoff to a person, and closing.'),
-    makeEntry('PapOperationsExample', () => import('./PapOperationsExample'), 'Replay PAP Operations v1: exact approval of one revision, terms changed, at-most-once confirmation, and cancellation.'),
-    makeEntry('PapSignInDisplayExample', () => import('./PapSignInDisplayExample'), 'The sign-in card as a display: a PapSignIn tool result drawn with resolveToolResult and ReactorDisplay, its link and code never in the model view.'),
-    makeEntry('AgentNotificationsExample', () => import('./AgentNotificationsExample'), 'Notifications and event routing example.'),
-    makeEntry('AgentOutputsExample', () => import('./AgentOutputsExample'), 'Structured outputs and rendering patterns.'),
-    makeEntry('AgentParametersExample', () => import('./AgentParametersExample'), 'Launch-time parameterized agent creation with JSON schema.'),
-    makeEntry('AgentTriggersExample', () => import('./AgentTriggersExample'), 'Scheduled and one-shot trigger flows.'),
-    makeEntry('LexicalAgentExample', () => import('./LexicalAgentExample'), 'Document agent integration example.'),
-    makeEntry('LexicalAgentSidebarExample', () => import('./LexicalAgentSidebarExample'), 'Document agent with sidebar orchestration example.'),
-    makeEntry('NotebookAgentExample', () => import('./NotebookAgentExample'), 'Notebook orchestration and runtime example.'),
-    makeEntry('NotebookAgentSidebarExample', () => import('./NotebookAgentSidebarExample'), 'Notebook plus sidebar controls example.'),
-    makeEntry('NotebookExample', () => import('./NotebookExample'), 'Minimal notebook integration example.'),
-    makeEntry('NotebookCollaborationExample', () => import('./NotebookCollaborationExample'), 'Notebook collaboration runtime integration example.'),
+    makeEntry('ShieldHarnessExample', () => import('./ShieldHarnessExample.js'), 'A coding agent behind the Shield in the web chat: its changes as diffs, its commands as terminals, what a rule asks first in the approval banner. Needs `python examples/shield/harness_on_the_runtime.py --serve` (the fake agent, no key).', ['example', 'shield', 'harness', 'acp', 'ag-ui', 'chat']),
+    makeEntry('ShieldPolicyExample', () => import('./ShieldPolicyExample.js'), 'The Shield’s policy from TypeScript: an organization’s document typed by @datalayer/agent-shield, what it decides by class, the tool kinds classed, the limits soft then hard, decisions in describeDecision’s words.', ['example', 'shield', 'policy']),
+    makeEntry('PapCompanyDiscoveryExample', () => import('./PapCompanyDiscoveryExample.js'), 'Validate a PAP company document and reduce it to the public capabilities safe for an agent or UI.'),
+    makeEntry('PapAgentIdentityExample', () => import('./PapAgentIdentityExample.js'), 'Verify personal-agent client metadata and signing policy without exposing JWK coordinates.'),
+    makeEntry('PapAuthorizationBoundaryExample', () => import('./PapAuthorizationBoundaryExample.js'), 'Generate real Session and Direct Sign-In security material while showing only safe policy status.'),
+    makeEntry('PapDpopProofExample', () => import('./PapDpopProofExample.js'), 'Create fresh request-bound DPoP proofs while withholding proof, token, nonce, identifiers, and key material.'),
+    makeEntry('PapSessionLifecycleExample', () => import('./PapSessionLifecycleExample.js'), 'Start, retry, and renew a signed-out PAP Session while credentials remain host-owned.'),
+    makeEntry('PapGuidedJourneyExample', () => import('./PapGuidedJourneyExample.js'), 'Follow a visual PAP return journey across discovery, signed-out conversation, Direct Sign-In, and an exact user-authorized result.'),
+    makeEntry('PapUserWithACompanyExample', () => import('./PapUserWithACompanyExample.js'), 'Replay, step by step, Ada, her personal agent and one company: question, Device Sign-In, the same conversation, and one exactly approved operation.'),
+    makeEntry('PapTwoCompaniesExample', () => import('./PapTwoCompaniesExample.js'), "Replay two companies working together: Ledgerly is a company to Ada's agent and her personal agent at Northwind Bank; every approval is an Operation."),
+    makeEntry('PapAccountTokensExample', () => import('./PapAccountTokensExample.js'), 'Replay Account Token refresh, rotation, narrowing, re-consent and revocation, with the token kept behind a host reference.'),
+    makeEntry('PapMediatedSignInExample', () => import('./PapMediatedSignInExample.js'), "Replay Mediated Sign-In: credentials and a one-time code on the host's protected input, sent once to the company's own endpoint."),
+    makeEntry('PapConversationStreamingExample', () => import('./PapConversationStreamingExample.js'), 'Replay a PAP conversation over SSE: display-only text deltas, complete events, and a Last-Event-ID resume.'),
+    makeEntry('PapConversationControlExample', () => import('./PapConversationControlExample.js'), 'Replay conversation control: a Direct Conversation, a handoff to a person, and closing.'),
+    makeEntry('PapOperationsExample', () => import('./PapOperationsExample.js'), 'Replay PAP Operations v1: exact approval of one revision, terms changed, at-most-once confirmation, and cancellation.'),
+    makeEntry('PapSignInDisplayExample', () => import('./PapSignInDisplayExample.js'), 'The sign-in card as a display: a PapSignIn tool result drawn with resolveToolResult and ReactorDisplay, its link and code never in the model view.'),
+    makeEntry('AgentNotificationsExample', () => import('./AgentNotificationsExample.js'), 'Notifications and event routing example.'),
+    makeEntry('AgentOutputsExample', () => import('./AgentOutputsExample.js'), 'Structured outputs and rendering patterns.'),
+    makeEntry('AgentParametersExample', () => import('./AgentParametersExample.js'), 'Launch-time parameterized agent creation with JSON schema.'),
+    makeEntry('AgentTriggersExample', () => import('./AgentTriggersExample.js'), 'Scheduled and one-shot trigger flows.'),
+    makeEntry('LexicalAgentExample', () => import('./LexicalAgentExample.js'), 'Document agent integration example.'),
+    makeEntry('LexicalAgentSidebarExample', () => import('./LexicalAgentSidebarExample.js'), 'Document agent with sidebar orchestration example.'),
+    makeEntry('NotebookAgentExample', () => import('./NotebookAgentExample.js'), 'Notebook orchestration and runtime example.'),
+    makeEntry('NotebookAgentSidebarExample', () => import('./NotebookAgentSidebarExample.js'), 'Notebook plus sidebar controls example.'),
+    makeEntry('NotebookExample', () => import('./NotebookExample.js'), 'Minimal notebook integration example.'),
+    makeEntry('NotebookCollaborationExample', () => import('./NotebookCollaborationExample.js'), 'Notebook collaboration runtime integration example.'),
 ];
 /**
  * Registry of available examples with dynamic imports.

package/lib/examples/hooks/useExampleAgentProtocol.js

@@ -18,8 +18,8 @@
  * @module examples/hooks/useExampleAgentProtocol
  */
 import { useMemo } from 'react';
-import { browserProtocolConfig } from '../../runtimes/browser';
-import { useBrowserInference } from '../../hooks/useBrowserInference';
+import { browserProtocolConfig } from '../../runtimes/browser/index.js';
+import { useBrowserInference } from '../../hooks/useBrowserInference.js';
 /** Why a browser agent is unusable when it is. */
 export const BROWSER_SIGN_IN_REASON = 'Sign in to use this agent. The loop runs in your browser and needs no ' +
     'runtime, but the model it asks is reached through the Datalayer inference ' +

package/lib/examples/hooks/useExampleAgentRuntime.js

@@ -3,10 +3,10 @@
  * Distributed under the terms of the Modified BSD License.
  */
 import { useEffect, useMemo } from 'react';
-import { runtimeTargetCapabilities, useRuntimeTargetStore, } from '../utils/runtimeTargetStore';
-import { agentSummaryStore } from '../utils/agentSummaryStore';
-import { useExampleAgentRuntimes } from './useExampleAgentRuntimes';
-import { harnessOf, SPEC_HARNESS_BY_HARNESS } from '../../runtimes/variants';
+import { runtimeTargetCapabilities, useRuntimeTargetStore, } from '../utils/runtimeTargetStore.js';
+import { agentSummaryStore } from '../utils/agentSummaryStore.js';
+import { useExampleAgentRuntimes } from './useExampleAgentRuntimes.js';
+import { harnessOf, SPEC_HARNESS_BY_HARNESS } from '../../runtimes/variants.js';
 /**
  * Connects examples to agent runtimes through shared hooks and supports
  * both local and cloud execution modes.

package/lib/examples/hooks/useExampleAgentRuntimes.js

@@ -2,11 +2,11 @@
  * Copyright (c) 2025-2026 Datalayer, Inc.
  * Distributed under the terms of the Modified BSD License.
  */
-import { useAgentRuntimes, } from '../../hooks/useAgentRuntimes';
+import { useAgentRuntimes, } from '../../hooks/useAgentRuntimes.js';
 import { useMemo } from 'react';
-import { runtimeTargetCapabilities, useRuntimeTargetStore, } from '../utils/runtimeTargetStore';
-import { useExampleAgentRuntimesUrl } from '../utils/useExampleAgentRuntimesUrl';
-import { locationOf, toAgentRuntimeVariant, variantForLocation, } from '../../runtimes/variants';
+import { runtimeTargetCapabilities, useRuntimeTargetStore, } from '../utils/runtimeTargetStore.js';
+import { useExampleAgentRuntimesUrl } from '../utils/useExampleAgentRuntimesUrl.js';
+import { locationOf, toAgentRuntimeVariant, variantForLocation, } from '../../runtimes/variants.js';
 /**
  * High-level examples hook that applies the shared Local/Cloud runtime target
  * defaults while preserving explicit overrides from individual examples.

package/lib/examples/hooks/useExampleJupyterAgent.js

@@ -21,14 +21,14 @@
  * @module examples/hooks/useExampleJupyterAgent
  */
 import { useMemo } from 'react';
-import { DEFAULT_MODEL } from '../../specs';
-import { BROWSER_SIGN_IN_REASON, useExampleAgentProtocol, } from './useExampleAgentProtocol';
-import { exampleJupyterSandboxUrl } from '../utils/jupyterSandboxUrl';
-import { runsInBrowser } from '../../runtimes/variants';
-import { useCreateAgentOnce } from './useCreateAgentOnce';
-import { useExampleAgentRuntime, } from './useExampleAgentRuntime';
-export { exampleJupyterSandboxUrl } from '../utils/jupyterSandboxUrl';
-export { useCreateAgentOnce } from './useCreateAgentOnce';
+import { DEFAULT_MODEL } from '../../specs/index.js';
+import { BROWSER_SIGN_IN_REASON, useExampleAgentProtocol, } from './useExampleAgentProtocol.js';
+import { exampleJupyterSandboxUrl } from '../utils/jupyterSandboxUrl.js';
+import { runsInBrowser } from '../../runtimes/variants.js';
+import { useCreateAgentOnce } from './useCreateAgentOnce.js';
+import { useExampleAgentRuntime, } from './useExampleAgentRuntime.js';
+export { exampleJupyterSandboxUrl } from '../utils/jupyterSandboxUrl.js';
+export { useCreateAgentOnce } from './useCreateAgentOnce.js';
 /**
  * Statuses that mean a runtime is on its way rather than missing.
  *

package/lib/examples/hooks/useToolRenderers.js

@@ -19,7 +19,7 @@ import { buildReactorFromPlugins, contribution, definePlugin, signal, } from '@d
 import { useReactor, useSignalValue } from '@datalayer/reactor/react';
 import { Renderers, ToolBindings } from '@datalayer/reactor/ui';
 import { defineRenderer, } from '@datalayer/reactor/ui/react';
-import { getAgentspecs } from '../../specs/agents';
+import { getAgentspecs } from '../../specs/agents/index.js';
 /**
  * A plugin that binds these tools to a display type of its own and draws
  * them with the render function last set.