@datalayer/agent-runtimes 1.5.71 → 1.5.75

package/lib/examples/A2UiContactCardExample.js

@@ -15,15 +15,15 @@ import { jsx as _jsx } from "react/jsx-runtime";
  */
 import { useMemo } from 'react';
 import { Box, setupPrimerPortals } from '@datalayer/primer-addons';
-import { ThemedProvider } from './utils/themedProvider';
-import { LoopEmbed } from '../apps';
-import { defineA2uiScenePlugin } from '../apps/plugins/a2ui-scene';
+import { ThemedProvider } from './utils/themedProvider.js';
+import { LoopEmbed } from '../apps/index.js';
+import { defineA2uiScenePlugin } from '../apps/plugins/a2ui-scene/index.js';
 setupPrimerPortals();
 const ScenePlugin = defineA2uiScenePlugin({
     key: 'contact-card',
     title: 'A2UI Contact Card',
     description: 'A canned A2UI contact card: MessageProcessor + surface, native protocol messages.',
-    load: () => import('./scenes/A2UiContactCardScene'),
+    load: () => import('./scenes/A2UiContactCardScene.js'),
 });
 const A2UiContactCardExample = () => {
     const plugins = useMemo(() => [ScenePlugin], []);

package/lib/examples/A2UiJupyterOutputExample.js

@@ -4,17 +4,17 @@ import { Box } from '@datalayer/primer-addons';
 import { Button, Label, SegmentedControl, Spinner, Text, } from '@primer/react';
 import { PlayIcon } from '@primer/octicons-react';
 import { Output, OutputIPyWidgets } from '@datalayer/jupyter-react';
-import { LoopEmbed } from '../apps';
-import { AgentA2uiJupyterOutputPlugin } from '../apps/plugins/agent-a2ui-jupyter-output';
-import { createChatExtrasPlugin } from '../apps/plugins/chat-extras';
-import { A2UI_RENDER_SCOPE_SX, A2uiSurfaceComposed } from '../components/a2ui';
-import { ThemedJupyterProvider, ThemedProvider } from './utils/themedProvider';
-import { A2uiMarkdownProvider } from './utils/a2uiMarkdownProvider';
-import { useA2uiProcessor } from './utils/a2ui';
-import { useExampleAgentRuntime } from './hooks/useExampleAgentRuntime';
-import { createToolRenderersPlugin } from './hooks/useToolRenderers';
-import { uniqueAgentId } from './utils/agentId';
-import { useRuntimeTarget } from './utils/runtimeTargetStore';
+import { LoopEmbed } from '../apps/index.js';
+import { AgentA2uiJupyterOutputPlugin } from '../apps/plugins/agent-a2ui-jupyter-output/index.js';
+import { createChatExtrasPlugin } from '../apps/plugins/chat-extras/index.js';
+import { A2UI_RENDER_SCOPE_SX, A2uiSurfaceComposed } from '../components/a2ui/index.js';
+import { ThemedJupyterProvider, ThemedProvider } from './utils/themedProvider.js';
+import { A2uiMarkdownProvider } from './utils/a2uiMarkdownProvider.js';
+import { useA2uiProcessor } from './utils/a2ui.js';
+import { useExampleAgentRuntime } from './hooks/useExampleAgentRuntime.js';
+import { createToolRenderersPlugin } from './hooks/useToolRenderers.js';
+import { uniqueAgentId } from './utils/agentId.js';
+import { useRuntimeTarget } from './utils/runtimeTargetStore.js';
 const EXAMPLE_ID = 'A2UiJupyterOutputExample';
 const AGENT_NAME = 'a2ui-jupyter-output';
 const AGENTSPEC_ID = 'example-a2ui-jupyter-output';

package/lib/examples/A2UiRestaurantExample.js

@@ -15,15 +15,15 @@ import { jsx as _jsx } from "react/jsx-runtime";
  */
 import { useMemo } from 'react';
 import { Box, setupPrimerPortals } from '@datalayer/primer-addons';
-import { ThemedProvider } from './utils/themedProvider';
-import { LoopEmbed } from '../apps';
-import { defineA2uiScenePlugin } from '../apps/plugins/a2ui-scene';
+import { ThemedProvider } from './utils/themedProvider.js';
+import { LoopEmbed } from '../apps/index.js';
+import { defineA2uiScenePlugin } from '../apps/plugins/a2ui-scene/index.js';
 setupPrimerPortals();
 const ScenePlugin = defineA2uiScenePlugin({
     key: 'restaurant',
     title: 'A2UI Restaurant',
     description: 'A restaurant-booking A2UI scene rendered from protocol messages.',
-    load: () => import('./scenes/A2UiRestaurantScene'),
+    load: () => import('./scenes/A2UiRestaurantScene.js'),
 });
 const A2UiRestaurantExample = () => {
     const plugins = useMemo(() => [ScenePlugin], []);

package/lib/examples/A2UiViewerExample.js

@@ -22,17 +22,17 @@ import { jsx as _jsx } from "react/jsx-runtime";
  */
 import { useMemo } from 'react';
 import { Box, setupPrimerPortals } from '@datalayer/primer-addons';
-import { ThemedProvider } from './utils/themedProvider';
-import { LoopEmbed } from '../apps';
-import { useRuntimeTargetStore } from './utils/runtimeTargetStore';
-import { useExampleAgentRuntimesUrl } from './utils/useExampleAgentRuntimesUrl';
-import { defineA2uiScenePlugin } from '../apps/plugins/a2ui-scene';
+import { ThemedProvider } from './utils/themedProvider.js';
+import { LoopEmbed } from '../apps/index.js';
+import { useRuntimeTargetStore } from './utils/runtimeTargetStore.js';
+import { useExampleAgentRuntimesUrl } from './utils/useExampleAgentRuntimesUrl.js';
+import { defineA2uiScenePlugin } from '../apps/plugins/a2ui-scene/index.js';
 setupPrimerPortals();
 const ScenePlugin = defineA2uiScenePlugin({
     key: 'viewer',
     title: 'A2UI Viewer',
     description: 'Paste A2UI protocol messages and watch the surface they describe.',
-    load: () => import('./scenes/A2UiViewerScene'),
+    load: () => import('./scenes/A2UiViewerScene.js'),
 });
 const AGENTSPEC_ID = 'example-a2ui-viewer';
 const A2UiViewerExample = () => {

package/lib/examples/AgUiAgenticExample.js

@@ -17,10 +17,10 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useMemo } from 'react';
 import { Spinner, Text } from '@primer/react';
 import { Box } from '@datalayer/primer-addons';
-import { ThemedProvider } from './utils/themedProvider';
-import { ChatFloating } from '../chat';
-import { uniqueAgentId } from './utils/agentId';
-import { useExampleAgentRuntime } from './hooks/useExampleAgentRuntime';
+import { ThemedProvider } from './utils/themedProvider.js';
+import { ChatFloating } from '../chat/index.js';
+import { uniqueAgentId } from './utils/agentId.js';
+import { useExampleAgentRuntime } from './hooks/useExampleAgentRuntime.js';
 /**
  * AgUiAgenticExample Component
  *

package/lib/examples/AgUiBackendToolRenderingExample.js

@@ -18,12 +18,12 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useCallback, useMemo } from 'react';
 import { Text } from '@primer/react';
 import { Box } from '@datalayer/primer-addons';
-import { ThemedProvider, useThemeBrandColor } from './utils/themedProvider';
-import { ChatFloating } from '../chat';
-import { InlineWeatherCard } from './components/weather';
-import { uniqueAgentId } from './utils/agentId';
-import { useExampleAgentRuntime } from './hooks/useExampleAgentRuntime';
-import { useSpecToolRenderers, specRendererClassName, } from './hooks/useToolRenderers';
+import { ThemedProvider, useThemeBrandColor } from './utils/themedProvider.js';
+import { ChatFloating } from '../chat/index.js';
+import { InlineWeatherCard } from './components/weather/index.js';
+import { uniqueAgentId } from './utils/agentId.js';
+import { useExampleAgentRuntime } from './hooks/useExampleAgentRuntime.js';
+import { useSpecToolRenderers, specRendererClassName, } from './hooks/useToolRenderers.js';
 /**
  * Renderers for this example, keyed by the spec's renderer id. The tool name to
  * match and the CSS file to load come from the agent spec, not from this file.

package/lib/examples/AgUiHaikuGenUiExample.js

@@ -19,12 +19,12 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useState, useMemo, useRef, useImperativeHandle, forwardRef, } from 'react';
 import { Text } from '@primer/react';
 import { Box } from '@datalayer/primer-addons';
-import { ThemedProvider, useThemeBrandColor } from './utils/themedProvider';
-import { ChatFloating } from '../chat';
-import { InlineHaikuCard, HaikuDisplay, } from './components/haiku';
-import { uniqueAgentId } from './utils/agentId';
-import { useExampleAgentRuntime } from './hooks/useExampleAgentRuntime';
-import { useSpecToolRenderers, specRendererClassName, } from './hooks/useToolRenderers';
+import { ThemedProvider, useThemeBrandColor } from './utils/themedProvider.js';
+import { ChatFloating } from '../chat/index.js';
+import { InlineHaikuCard, HaikuDisplay, } from './components/haiku/index.js';
+import { uniqueAgentId } from './utils/agentId.js';
+import { useExampleAgentRuntime } from './hooks/useExampleAgentRuntime.js';
+import { useSpecToolRenderers, specRendererClassName, } from './hooks/useToolRenderers.js';
 /**
  * HaikuDisplayWithRef - A display component that exposes a ref for external control.
  *

package/lib/examples/AgUiHumanInTheLoopExample.js

@@ -19,11 +19,11 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
 import { useState, useEffect, useMemo } from 'react';
 import { Text, Checkbox, FormControl, Label, ProgressBar, Button, } from '@primer/react';
 import { Box } from '@datalayer/primer-addons';
-import { ThemedProvider, useThemeBrandColor } from './utils/themedProvider';
-import { ChatFloating } from '../chat';
-import { uniqueAgentId } from './utils/agentId';
-import { useExampleAgentRuntime } from './hooks/useExampleAgentRuntime';
-import { useToolRenderers } from './hooks/useToolRenderers';
+import { ThemedProvider, useThemeBrandColor } from './utils/themedProvider.js';
+import { ChatFloating } from '../chat/index.js';
+import { uniqueAgentId } from './utils/agentId.js';
+import { useExampleAgentRuntime } from './hooks/useExampleAgentRuntime.js';
+import { useToolRenderers } from './hooks/useToolRenderers.js';
 import { TasklistIcon, CheckCircleFillIcon, XCircleFillIcon, } from '@primer/octicons-react';
 /**
  * StepsFeedback Component

package/lib/examples/AgUiSharedStateExample.js

@@ -15,10 +15,10 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useState, useCallback, useMemo } from 'react';
 import { Text, Button, TextInput, Label } from '@primer/react';
 import { Box } from '@datalayer/primer-addons';
-import { ThemedProvider, useThemeBrandColor } from './utils/themedProvider';
-import { ChatFloating } from '../chat';
-import { uniqueAgentId } from './utils/agentId';
-import { useExampleAgentRuntime } from './hooks/useExampleAgentRuntime';
+import { ThemedProvider, useThemeBrandColor } from './utils/themedProvider.js';
+import { ChatFloating } from '../chat/index.js';
+import { uniqueAgentId } from './utils/agentId.js';
+import { useExampleAgentRuntime } from './hooks/useExampleAgentRuntime.js';
 import { PlusIcon, XIcon, BeakerIcon, ClockIcon, PersonIcon, } from '@primer/octicons-react';
 const DEFAULT_RECIPE = {
     title: '',

package/lib/examples/AgUiToolsBasedGenUiExample.js

@@ -15,10 +15,10 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useState, useCallback, useMemo } from 'react';
 import { Text, ProgressBar, Button } from '@primer/react';
 import { Box } from '@datalayer/primer-addons';
-import { ThemedProvider, useThemeBrandColor } from './utils/themedProvider';
-import { ChatFloating } from '../chat';
-import { uniqueAgentId } from './utils/agentId';
-import { useExampleAgentRuntime } from './hooks/useExampleAgentRuntime';
+import { ThemedProvider, useThemeBrandColor } from './utils/themedProvider.js';
+import { ChatFloating } from '../chat/index.js';
+import { uniqueAgentId } from './utils/agentId.js';
+import { useExampleAgentRuntime } from './hooks/useExampleAgentRuntime.js';
 import { CheckCircleIcon, CircleIcon, DotFillIcon, CheckIcon, XIcon, } from '@primer/octicons-react';
 /**
  * PlanStepItem Component

package/lib/examples/AgentA2AExample.js

@@ -22,13 +22,13 @@ import { useMemo } from 'react';
 import { Heading, Label } from '@primer/react';
 import { BroadcastIcon } from '@primer/octicons-react';
 import { Box } from '@datalayer/primer-addons';
-import { ThemedProvider } from './utils/themedProvider';
-import { uniqueAgentId } from './utils/agentId';
-import { resolveExampleAgentRuntimesUrl } from './utils/useExampleAgentRuntimesUrl';
-import { LoopEmbed } from '../apps';
-import { AgentA2APlugin } from '../apps/plugins/agent-a2a';
-import { A2ASidebarPlugin } from '../apps/plugins/a2a-sidebar';
-import { getAgentspecs } from '../specs/agents';
+import { ThemedProvider } from './utils/themedProvider.js';
+import { uniqueAgentId } from './utils/agentId.js';
+import { resolveExampleAgentRuntimesUrl } from './utils/useExampleAgentRuntimesUrl.js';
+import { LoopEmbed } from '../apps/index.js';
+import { AgentA2APlugin } from '../apps/plugins/agent-a2a/index.js';
+import { A2ASidebarPlugin } from '../apps/plugins/a2a-sidebar/index.js';
+import { getAgentspecs } from '../specs/agents/index.js';
 const AGENT_NAME = 'a2a-example-agent';
 const AGENTSPEC_ID = 'example-a2a';
 /** The agents the orchestrator reaches over A2A, from its spec. */

package/lib/examples/AgentA2ATeamExample.js

@@ -53,22 +53,22 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
  * `VITE_A2A_ACCOUNTING_KEY`, which `examples/sales-accounting-a2a/make_temp_key.py`
  * writes to `.env.local`, never committed.
  */
-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 } 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 { useExampleAgentRuntimesUrl } from './utils/useExampleAgentRuntimesUrl';
-import { useBrowserInference } from '../hooks/useBrowserInference';
-import { readJwtClaims, tokenLifetimeMs, useAnonymousSessionStore, } from '../runtimes/browser/anonymousToken';
-import { connectA2APeer } from '../runtimes/browser/a2aPeer';
-import { A2ATeamGraph, SceneView, NOTEBOOK_AND_WORDS, teamConnectionsOf, teamToolClassifier, useA2ATeam, usePeerSandbox, } from '../components/teams';
-import { APP_CATALOGUE } from '../specs/apps';
-import { AgentInspector, classifyToolCall, traceA2AFetch, useAgentInspector, } from '../components/inspector';
-import { TEAM_SPECS } from '../specs/teams/teams';
+import { ThemedProvider } from './utils/themedProvider.js';
+import { useExampleAgentRuntimesUrl } from './utils/useExampleAgentRuntimesUrl.js';
+import { useBrowserInference } from '../hooks/useBrowserInference.js';
+import { readJwtClaims, tokenLifetimeMs, useAnonymousSessionStore, } from '../runtimes/browser/anonymousToken.js';
+import { connectA2APeer } from '../runtimes/browser/a2aPeer.js';
+import { A2ATeamGraph, SceneView, NOTEBOOK_AND_WORDS, teamConnectionsOf, teamToolClassifier, useA2ATeam, usePeerSandbox, } from '../components/teams/index.js';
+import { APP_CATALOGUE } from '../specs/apps.js';
+import { AgentInspector, classifyToolCall, traceA2AFetch, useAgentInspector, } from '../components/inspector/index.js';
+import { TEAM_SPECS } from '../specs/teams/teams.js';
 // By id, never by the version-named constants: a version bump touches no caller.
 const TEAM = TEAM_SPECS['sales-and-accounting'];
 const SALES = APP_CATALOGUE['sales'];

package/lib/examples/AgentCheckpointsExample.js

@@ -24,19 +24,19 @@ import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
 import { Text, Button, IconButton, Spinner, Label, Flash, Heading, Tooltip, } from '@primer/react';
 import { AlertIcon, PlayIcon, SquareIcon, HistoryIcon, CheckCircleIcon, XCircleIcon, ClockIcon, TagIcon, GlobeIcon, ZapIcon, GraphIcon, AiModelIcon, PeopleIcon, SidebarCollapseIcon, SidebarExpandIcon, SyncIcon, AgentIcon, VersionsIcon, } from '@primer/octicons-react';
 import { Box } from '@datalayer/primer-addons';
-import { AuthRequiredView, ErrorView } from './components';
-import { ThemedProvider } from './utils/themedProvider';
+import { AuthRequiredView, ErrorView } from './components/index.js';
+import { ThemedProvider } from './utils/themedProvider.js';
 import { useSimpleAuthStore } from '@datalayer/core/lib/views/otel';
-import { LoopEmbed } from '../apps';
-import { AgentCheckpointsPlugin } from '../apps/plugins/agent-checkpoints';
-import { CheckpointsSidebarPlugin } from '../apps/plugins/checkpoints-sidebar';
-import { uniqueAgentId } from './utils/agentId';
-import { resolveExampleAgentRuntimesUrl } from './utils/useExampleAgentRuntimesUrl';
-import { useRuntimeTargetStore } from './utils/runtimeTargetStore';
-import { useAgentsRuntimes, useAgentRuntimesQuery, useRefreshAgentRuntimes, } from '../hooks/useAgentRuntimes';
-import { useExampleAgentRuntimes as useAgentRuntimes } from './hooks/useExampleAgentRuntimes';
-import { useAgentLifecycle } from '../hooks/useCheckpoints';
-import { AGENT_STATUS_COLORS } from '../types/agents';
+import { LoopEmbed } from '../apps/index.js';
+import { AgentCheckpointsPlugin } from '../apps/plugins/agent-checkpoints/index.js';
+import { CheckpointsSidebarPlugin } from '../apps/plugins/checkpoints-sidebar/index.js';
+import { uniqueAgentId } from './utils/agentId.js';
+import { resolveExampleAgentRuntimesUrl } from './utils/useExampleAgentRuntimesUrl.js';
+import { useRuntimeTargetStore } from './utils/runtimeTargetStore.js';
+import { useAgentsRuntimes, useAgentRuntimesQuery, useRefreshAgentRuntimes, } from '../hooks/useAgentRuntimes.js';
+import { useExampleAgentRuntimes as useAgentRuntimes } from './hooks/useExampleAgentRuntimes.js';
+import { useAgentLifecycle } from '../hooks/useCheckpoints.js';
+import { AGENT_STATUS_COLORS } from '../types/agents.js';
 const LOOP_PLUGINS_AGENTCHE = [AgentCheckpointsPlugin];
 const queryClient = new QueryClient();
 // ─── Defaults ──────────────────────────────────────────────────────────────
@@ -333,7 +333,7 @@ const RuntimeCheckpointsExample = () => {
     useEffect(() => {
         if (token && !hasSynced.current) {
             hasSynced.current = true;
-            import('../state/substates').then(({ iamStore }) => {
+            import('../state/substates/index.js').then(({ iamStore }) => {
                 iamStore.setState({ token });
             });
         }
@@ -343,7 +343,7 @@ const RuntimeCheckpointsExample = () => {
     const handleLogout = useCallback(() => {
         clearAuth();
         hasSynced.current = false;
-        import('../state/substates').then(({ iamStore }) => {
+        import('../state/substates/index.js').then(({ iamStore }) => {
             iamStore.setState({ token: undefined });
         });
     }, [clearAuth]);

package/lib/examples/AgentCodeSandboxExample.js

@@ -22,12 +22,12 @@ import { useCallback, useEffect, useMemo, useRef, useState, } from 'react';
 import { Box } from '@datalayer/primer-addons';
 import { Button, Flash, Heading, Label, SegmentedControl, Spinner, Text, } from '@primer/react';
 import { CodeIcon, CodespacesIcon, StopIcon, TerminalIcon, } from '@primer/octicons-react';
-import { ThemedProvider } from './utils/themedProvider';
-import { uniqueAgentId } from './utils/agentId';
-import { resolveExampleAgentRuntimesUrl } from './utils/useExampleAgentRuntimesUrl';
-import { LoopEmbed } from '../apps';
-import { AgentCodeSandboxPlugin } from '../apps/plugins/agent-code-sandbox';
-import { SANDBOX_STATUS_COLORS, SANDBOX_STATUS_LABELS } from '../types/sandbox';
+import { ThemedProvider } from './utils/themedProvider.js';
+import { uniqueAgentId } from './utils/agentId.js';
+import { resolveExampleAgentRuntimesUrl } from './utils/useExampleAgentRuntimesUrl.js';
+import { LoopEmbed } from '../apps/index.js';
+import { AgentCodeSandboxPlugin } from '../apps/plugins/agent-code-sandbox/index.js';
+import { SANDBOX_STATUS_COLORS, SANDBOX_STATUS_LABELS } from '../types/sandbox.js';
 // ─── Constants ─────────────────────────────────────────────────────────────
 const AGENT_NAME = 'code-sandbox-example-agent';
 const VARIANTS = ['eval', 'jupyter-server'];

package/lib/examples/AgentCodeSandboxesExample.js

@@ -18,11 +18,11 @@ import { useMemo, useState } from 'react';
 import { Box } from '@datalayer/primer-addons';
 import { Button, Heading, Label, Text } from '@primer/react';
 import { CodespacesIcon, SyncIcon } from '@primer/octicons-react';
-import { ThemedProvider } from './utils/themedProvider';
-import { uniqueAgentId } from './utils/agentId';
-import { resolveExampleAgentRuntimesUrl } from './utils/useExampleAgentRuntimesUrl';
-import { LoopEmbed } from '../apps';
-import { SANDBOX_CAPACITIES, SandboxCapacityPlugins, } from '../apps/plugins/agent-code-sandboxes';
+import { ThemedProvider } from './utils/themedProvider.js';
+import { uniqueAgentId } from './utils/agentId.js';
+import { resolveExampleAgentRuntimesUrl } from './utils/useExampleAgentRuntimesUrl.js';
+import { LoopEmbed } from '../apps/index.js';
+import { SANDBOX_CAPACITIES, SandboxCapacityPlugins, } from '../apps/plugins/agent-code-sandboxes/index.js';
 const AgentCodeSandboxesInner = () => {
     const serverUrl = useMemo(() => resolveExampleAgentRuntimesUrl('local'), []);
     const [selectedKey, setSelectedKey] = useState(SANDBOX_CAPACITIES[0].key);

package/lib/examples/AgentCodemodeExample.js

@@ -25,16 +25,16 @@ import { Box } from '@datalayer/primer-addons';
 import ReactECharts from 'echarts-for-react';
 import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
 import { useSimpleAuthStore } from '@datalayer/core/lib/views/otel';
-import { ThemedProvider } from './utils/themedProvider';
-import { AuthRequiredView } from './components';
-import { uniqueAgentId } from './utils/agentId';
-import { useAIAgentsWebSocket } from '../hooks';
-import { LoopEmbed } from '../apps';
-import { AgentCodemodePlugin, AgentNoCodemodePlugin, } from '../apps/plugins/agent-codemode';
-import { createChatExtrasPlugin } from '../apps/plugins/chat-extras';
-import { ContextPanel, } from '../context/ContextPanel';
-import { parseAgentStreamMessage, } from '../types/stream';
-import { MCP_SERVER_LIBRARY } from '../specs/mcpServers';
+import { ThemedProvider } from './utils/themedProvider.js';
+import { AuthRequiredView } from './components/index.js';
+import { uniqueAgentId } from './utils/agentId.js';
+import { useAIAgentsWebSocket } from '../hooks/index.js';
+import { LoopEmbed } from '../apps/index.js';
+import { AgentCodemodePlugin, AgentNoCodemodePlugin, } from '../apps/plugins/agent-codemode/index.js';
+import { createChatExtrasPlugin } from '../apps/plugins/chat-extras/index.js';
+import { ContextPanel, } from '../context/ContextPanel.js';
+import { parseAgentStreamMessage, } from '../types/stream.js';
+import { MCP_SERVER_LIBRARY } from '../specs/mcpServers.js';
 const queryClient = new QueryClient();
 // Each pane talks to its own agent-runtimes process so the two agents are
 // fully isolated (no shared global codemode/MCP state). Override via env:
@@ -521,7 +521,7 @@ const AgentCodemodeInner = ({ onLogout, }) => {
                     })())] })] }));
 };
 const syncTokenToIamStore = (token) => {
-    import('../state/substates').then(({ iamStore }) => {
+    import('../state/substates/index.js').then(({ iamStore }) => {
         iamStore.setState({ token });
     });
 };
@@ -537,7 +537,7 @@ const AgentCodemodeExample = () => {
     const handleLogout = useCallback(() => {
         clearAuth();
         hasSynced.current = false;
-        import('../state/substates').then(({ iamStore }) => {
+        import('../state/substates/index.js').then(({ iamStore }) => {
             iamStore.setState({ token: undefined });
         });
     }, [clearAuth]);

package/lib/examples/AgentCompactionExample.js

@@ -17,14 +17,14 @@ import { useMemo, useState, useRef } from 'react';
 import { Text, Spinner, Heading, Label, Button, FormControl, } from '@primer/react';
 import { HistoryIcon, ClockIcon, ArrowRightIcon, CheckCircleIcon, StackIcon, } from '@primer/octicons-react';
 import { Box } from '@datalayer/primer-addons';
-import { ThemedProvider } from './utils/themedProvider';
-import { uniqueAgentId } from './utils/agentId';
-import { LoopEmbed } from '../apps';
-import { createAgentCompactionPlugin } from '../apps/plugins/agent-compaction';
-import { useAgentRuntimeCompaction, agentRuntimeStore } from '../stores';
-import { getAgentspecs } from '../specs/agents';
-import { AI_MODEL_CATALOGUE } from '../specs';
-import { resolveExampleAgentRuntimesUrl } from './utils/useExampleAgentRuntimesUrl';
+import { ThemedProvider } from './utils/themedProvider.js';
+import { uniqueAgentId } from './utils/agentId.js';
+import { LoopEmbed } from '../apps/index.js';
+import { createAgentCompactionPlugin } from '../apps/plugins/agent-compaction/index.js';
+import { useAgentRuntimeCompaction, agentRuntimeStore } from '../stores/index.js';
+import { getAgentspecs } from '../specs/agents/index.js';
+import { AI_MODEL_CATALOGUE } from '../specs/index.js';
+import { resolveExampleAgentRuntimesUrl } from './utils/useExampleAgentRuntimesUrl.js';
 const AGENT_NAME = 'compaction-example-agent';
 const AGENTSPEC_ID = 'example-compaction';
 const MIN_MAX_TOKENS = 1000;

package/lib/examples/AgentDecideExample.js

@@ -28,12 +28,12 @@ import { useMemo } from 'react';
 import { configurePlugin } from '@datalayer/reactor';
 import { Heading, Text } from '@primer/react';
 import { Box, setupPrimerPortals } from '@datalayer/primer-addons';
-import { ThemedProvider } from './utils/themedProvider';
-import { resolveExampleAgentRuntimesUrl } from './utils/useExampleAgentRuntimesUrl';
-import { AppRenderer, appDatalayerCreatePayload, } from '../apps/apps/AppRenderer';
-import { AssistantCharactersPlugin } from '../apps/plugins/assistant-characters';
-import { LoopAssistantPlugin } from '../apps/plugins/assistant';
-import { APP_CATALOGUE } from '../specs/apps';
+import { ThemedProvider } from './utils/themedProvider.js';
+import { resolveExampleAgentRuntimesUrl } from './utils/useExampleAgentRuntimesUrl.js';
+import { AppRenderer, appDatalayerCreatePayload, } from '../apps/apps/AppRenderer.js';
+import { AssistantCharactersPlugin } from '../apps/plugins/assistant-characters/index.js';
+import { LoopAssistantPlugin } from '../apps/plugins/assistant/index.js';
+import { APP_CATALOGUE } from '../specs/apps.js';
 setupPrimerPortals();
 /** The local server: `?agentRuntimesUrl=` when given, else the examples' own. */
 function serverUrlOf() {

package/lib/examples/AgentEvalsExample.js

@@ -20,17 +20,17 @@ import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
 import { Text, Button, Spinner, Heading, Label, Flash, ProgressBar, } from '@primer/react';
 import { BeakerIcon, CheckCircleIcon, XCircleIcon, PlayIcon, } from '@primer/octicons-react';
 import { Box } from '@datalayer/primer-addons';
-import { AuthRequiredView, ErrorView } from './components';
-import { ThemedProvider } from './utils/themedProvider';
-import { uniqueAgentId } from './utils/agentId';
-import { waitForAgent } from './utils/waitForAgent';
-import { resolveExampleAgentRuntimesUrl, useExampleAgentRuntimesUrl, } from './utils/useExampleAgentRuntimesUrl';
-import { runtimeTargetCapabilities, useRuntimeTargetStore, } from './utils/runtimeTargetStore';
+import { AuthRequiredView, ErrorView } from './components/index.js';
+import { ThemedProvider } from './utils/themedProvider.js';
+import { uniqueAgentId } from './utils/agentId.js';
+import { waitForAgent } from './utils/waitForAgent.js';
+import { resolveExampleAgentRuntimesUrl, useExampleAgentRuntimesUrl, } from './utils/useExampleAgentRuntimesUrl.js';
+import { runtimeTargetCapabilities, useRuntimeTargetStore, } from './utils/runtimeTargetStore.js';
 import { useSimpleAuthStore } from '@datalayer/core/lib/views/otel';
 import { useCoreStore } from '@datalayer/core';
-import { LoopEmbed } from '../apps';
-import { AgentEvalsPlugin } from '../apps/plugins/agent-evals';
-import { useExampleAgentRuntimes as useAgentRuntimes } from './hooks/useExampleAgentRuntimes';
+import { LoopEmbed } from '../apps/index.js';
+import { AgentEvalsPlugin } from '../apps/plugins/agent-evals/index.js';
+import { useExampleAgentRuntimes as useAgentRuntimes } from './hooks/useExampleAgentRuntimes.js';
 const LOOP_PLUGINS_AGENTEVA = [AgentEvalsPlugin];
 const queryClient = new QueryClient();
 // ─── Constants ─────────────────────────────────────────────────────────────
@@ -369,7 +369,7 @@ const AgentEvalsInner = ({ onLogout, executionTarget }) => {
 };
 // ─── Sync token to core IAM store ──────────────────────────────────────────
 const syncTokenToIamStore = (token) => {
-    import('../state/substates').then(({ iamStore }) => {
+    import('../state/substates/index.js').then(({ iamStore }) => {
         iamStore.setState({ token });
     });
 };
@@ -387,7 +387,7 @@ const AgentEvalsExample = () => {
     const handleLogout = useCallback(() => {
         clearAuth();
         hasSynced.current = false;
-        import('../state/substates').then(({ iamStore }) => {
+        import('../state/substates/index.js').then(({ iamStore }) => {
             iamStore.setState({ token: undefined });
         });
     }, [clearAuth]);

package/lib/examples/AgentGuardrailsExample.js

@@ -21,23 +21,23 @@ import { Text, Button, Heading, Label, Flash, ProgressBar, } from '@primer/react
 import { ShieldCheckIcon, CheckIcon, XIcon, DotFillIcon, } from '@primer/octicons-react';
 import { Box } from '@datalayer/primer-addons';
 import { buildOtelWebSocketUrl } from '@datalayer/core/lib/otel';
-import { useCoreStore } from '../state/substates';
-import { AuthRequiredView, ErrorView } from './components';
-import { ThemedProvider } from './utils/themedProvider';
-import { uniqueAgentId } from './utils/agentId';
-import { waitForAgent } from './utils/waitForAgent';
-import { parseAgentStreamMessage } from '../types/stream';
-import { getAgentspecs } from '../specs/agents';
-import { subscribeOtelWs } from '../context/otelWsPool';
-import { toMetricValue } from '../hooks/useMonitoring';
-import { useAIAgentsWebSocket } from '../hooks';
-import { useExampleAgentRuntimesUrl } from './utils/useExampleAgentRuntimesUrl';
+import { useCoreStore } from '../state/substates/index.js';
+import { AuthRequiredView, ErrorView } from './components/index.js';
+import { ThemedProvider } from './utils/themedProvider.js';
+import { uniqueAgentId } from './utils/agentId.js';
+import { waitForAgent } from './utils/waitForAgent.js';
+import { parseAgentStreamMessage } from '../types/stream.js';
+import { getAgentspecs } from '../specs/agents/index.js';
+import { subscribeOtelWs } from '../context/otelWsPool.js';
+import { toMetricValue } from '../hooks/useMonitoring.js';
+import { useAIAgentsWebSocket } from '../hooks/index.js';
+import { useExampleAgentRuntimesUrl } from './utils/useExampleAgentRuntimesUrl.js';
 const queryClient = new QueryClient();
 import { useSimpleAuthStore } from '@datalayer/core/lib/views/otel';
-import { LoopEmbed } from '../apps';
-import { agentRuntimeStore } from '../stores';
-import { AgentGuardrailsPlugin } from '../apps/plugins/agent-guardrails';
-import { createChatExtrasPlugin } from '../apps/plugins/chat-extras';
+import { LoopEmbed } from '../apps/index.js';
+import { agentRuntimeStore } from '../stores/index.js';
+import { AgentGuardrailsPlugin } from '../apps/plugins/agent-guardrails/index.js';
+import { createChatExtrasPlugin } from '../apps/plugins/chat-extras/index.js';
 // ─── Constants ─────────────────────────────────────────────────────────────
 const AGENT_NAME = 'guardrails-example-agent';
 const AGENTSPEC_ID = 'example-guardrails';
@@ -433,7 +433,7 @@ const AgentGuardrailsInner = ({ onLogout, }) => {
 };
 // ─── Sync token to core IAM store ──────────────────────────────────────────
 const syncTokenToIamStore = (token) => {
-    import('../state/substates').then(({ iamStore }) => {
+    import('../state/substates/index.js').then(({ iamStore }) => {
         iamStore.setState({ token });
     });
 };
@@ -450,7 +450,7 @@ const AgentGuardrailsExample = () => {
     const handleLogout = useCallback(() => {
         clearAuth();
         hasSynced.current = false;
-        import('../state/substates').then(({ iamStore }) => {
+        import('../state/substates/index.js').then(({ iamStore }) => {
             iamStore.setState({ token: undefined });
         });
     }, [clearAuth]);

package/lib/examples/AgentHooksExample.js

@@ -16,11 +16,11 @@ import { jsx as _jsx } from "react/jsx-runtime";
  */
 import { useMemo } from 'react';
 import { Box, setupPrimerPortals } from '@datalayer/primer-addons';
-import { ThemedProvider } from './utils/themedProvider';
-import { uniqueAgentId } from './utils/agentId';
-import { resolveExampleAgentRuntimesUrl } from './utils/useExampleAgentRuntimesUrl';
-import { LoopEmbed } from '../apps';
-import { AgentHooksPlugin } from '../apps/plugins/agent-hooks';
+import { ThemedProvider } from './utils/themedProvider.js';
+import { uniqueAgentId } from './utils/agentId.js';
+import { resolveExampleAgentRuntimesUrl } from './utils/useExampleAgentRuntimesUrl.js';
+import { LoopEmbed } from '../apps/index.js';
+import { AgentHooksPlugin } from '../apps/plugins/agent-hooks/index.js';
 setupPrimerPortals();
 const AGENT_NAME = 'hooks-example-agent';
 const AgentHooksExample = () => {

package/lib/examples/AgentInferenceProviderExample.js

@@ -8,13 +8,13 @@ import { useCallback, useEffect, useMemo, useRef, useState, } from 'react';
 import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
 import { Box } from '@datalayer/primer-addons';
 import { Button, Heading, SegmentedControl, Spinner, Text, } from '@primer/react';
-import { ThemedProvider } from './utils/themedProvider';
-import { uniqueAgentId } from './utils/agentId';
-import { useExampleAgentRuntimesUrl } from './utils/useExampleAgentRuntimesUrl';
+import { ThemedProvider } from './utils/themedProvider.js';
+import { uniqueAgentId } from './utils/agentId.js';
+import { useExampleAgentRuntimesUrl } from './utils/useExampleAgentRuntimesUrl.js';
 import { useSimpleAuthStore } from '@datalayer/core/lib/views/otel';
-import { LoopEmbed } from '../apps';
-import { createAgentInferencePlugin } from '../apps/plugins/agent-inference';
-import { useAIAgentsWebSocket } from '../hooks';
+import { LoopEmbed } from '../apps/index.js';
+import { createAgentInferencePlugin } from '../apps/plugins/agent-inference/index.js';
+import { useAIAgentsWebSocket } from '../hooks/index.js';
 const AGENTSPEC_ID = 'example-inference';
 const AGENT_NAME = 'inference-provider-example-agent';
 const queryClient = new QueryClient();