@datalayer/agent-runtimes 1.5.70 → 1.5.73

package/lib/examples/CopilotKitLexicalExample.js

@@ -10,11 +10,11 @@ import { CopilotKit, useFrontendTool } from '@copilotkit/react-core';
 import { CopilotSidebar } from '@copilotkit/react-ui';
 import { Box } from '@datalayer/primer-addons';
 import { useJupyter } from '@datalayer/jupyter-react';
-import { ThemedJupyterProvider } from './utils/themedProvider';
+import { ThemedJupyterProvider } from './utils/themedProvider.js';
 import { ComponentPickerMenuPlugin, JupyterInputOutputPlugin, DraggableBlockPlugin, LexicalConfigProvider, LexicalStatePlugin, FloatingTextFormatToolbarPlugin, CodeActionMenuPlugin, TableCellResizerPlugin, } from '@datalayer/jupyter-lexical';
-import { useLexicalToolActions } from '../tools/adapters/copilotkit/lexicalHooks';
-import { ActionRegistrar } from '../tools/adapters/copilotkit/CopilotKitToolAdapter';
-import { editorExtension } from './lexical/editorConfig';
+import { useLexicalToolActions } from '../tools/adapters/copilotkit/lexicalHooks.js';
+import { ActionRegistrar } from '../tools/adapters/copilotkit/CopilotKitToolAdapter.js';
+import { editorExtension } from './lexical/editorConfig.js';
 import '@datalayer/jupyter-lexical/style/index.css';
 import '@copilotkit/react-ui/styles.css';
 import './lexical/lexical-theme.css';

package/lib/examples/CopilotKitNotebookExample.js

@@ -2,17 +2,17 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
 import React from 'react';
 import { Box } from '@datalayer/primer-addons';
 import { Notebook } from '@datalayer/jupyter-react';
-import { ThemedJupyterProvider } from './utils/themedProvider';
+import { ThemedJupyterProvider } from './utils/themedProvider.js';
 // CopilotKit imports
 import { CopilotKit, useFrontendTool } from '@copilotkit/react-core';
 import { CopilotSidebar } from '@copilotkit/react-ui';
 import '@copilotkit/react-ui/styles.css';
 // Import CopilotKit components and hooks
-import { useNotebookToolActions } from '../tools/adapters/copilotkit/notebookHooks';
-import { ActionRegistrar } from '../tools/adapters/copilotkit/CopilotKitToolAdapter';
+import { useNotebookToolActions } from '../tools/adapters/copilotkit/notebookHooks.js';
+import { ActionRegistrar } from '../tools/adapters/copilotkit/CopilotKitToolAdapter.js';
 // Import Matplotlib notebook
 import MatplotlibNotebook from './utils/notebooks/Matplotlib.ipynb.json';
-import { ExampleNotebookToolbar } from './utils/notebookToolbarItems';
+import { ExampleNotebookToolbar } from './utils/notebookToolbarItems.js';
 // Fixed notebook ID
 const NOTEBOOK_ID = 'agui-notebook-example';
 // Use the imported Matplotlib notebook

package/lib/examples/DecksAgent.js

@@ -1,11 +1,11 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Box } from '@datalayer/primer-addons';
-import { ThemedProvider } from './utils/themedProvider';
+import { ThemedProvider } from './utils/themedProvider.js';
 import { registerDeckComponents, registerDecks } from '@datalayer/decks';
 import { exampleDeckComponents, exampleDecks } from '@datalayer/decks/examples';
-import { LoopEmbed } from '../apps';
-import { DeckViewPlugin, LoopDecksPlugin } from '../apps/plugins/decks';
-import { GraphViewPlugin } from '../apps/plugins/graph';
+import { LoopEmbed } from '../apps/index.js';
+import { DeckViewPlugin, LoopDecksPlugin } from '../apps/plugins/decks/index.js';
+import { GraphViewPlugin } from '../apps/plugins/graph/index.js';
 // The package's example decks, so the catalog has something to open and the
 // agent's suggestions point at decks that exist. Once, at module load.
 registerDecks(exampleDecks);

package/lib/examples/DocumentPageAgent.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Box } from '@datalayer/primer-addons';
-import { ThemedProvider } from './utils/themedProvider';
-import { LoopEmbed } from '../apps';
+import { ThemedProvider } from './utils/themedProvider.js';
+import { LoopEmbed } from '../apps/index.js';
 const DocumentPageAgent = () => (_jsx(ThemedProvider, { children: _jsx(Box, { height: "100vh", minHeight: 0, children: _jsx(LoopEmbed, { target: "browser", 
             /* The Loop Shell's agent: it drives the document tools — insert a
                block, run a code block, read the document — as readily as the

package/lib/examples/Lexical2Example.js

@@ -26,16 +26,16 @@ import { OnChangePlugin } from '@lexical/react/LexicalOnChangePlugin';
 import { Box } from '@datalayer/primer-addons';
 import { Text } from '@primer/react';
 import { useJupyter } from '@datalayer/jupyter-react';
-import { ThemedJupyterProvider } from './utils/themedProvider';
+import { ThemedJupyterProvider } from './utils/themedProvider.js';
 import { ComponentPickerMenuPlugin, JupyterInputOutputPlugin, DraggableBlockPlugin, FloatingTextFormatToolbarPlugin, CodeActionMenuPlugin, TableCellResizerPlugin, } from '@datalayer/jupyter-lexical';
-import { ChatFloating } from '../chat';
-import { useLexicalToolActions } from '../tools/adapters/copilotkit/lexicalHooks';
-import { ActionRegistrar } from '../tools/adapters/copilotkit/CopilotKitToolAdapter';
-import { editorExtension } from './lexical/editorConfig';
-import { useFrontendTool } from '../hooks';
-import { useChatStore } from '../stores';
-import { DatalayerInferenceProvider } from '../inference';
-import { AIModels } from '../specs/models';
+import { ChatFloating } from '../chat/index.js';
+import { useLexicalToolActions } from '../tools/adapters/copilotkit/lexicalHooks.js';
+import { ActionRegistrar } from '../tools/adapters/copilotkit/CopilotKitToolAdapter.js';
+import { editorExtension } from './lexical/editorConfig.js';
+import { useFrontendTool } from '../hooks/index.js';
+import { useChatStore } from '../stores/index.js';
+import { DatalayerInferenceProvider } from '../inference/index.js';
+import { AIModels } from '../specs/models.js';
 import '@datalayer/jupyter-lexical/style/index.css';
 import './lexical/lexical-theme.css';
 // Fixed lexical document ID

package/lib/examples/LexicalAgentExample.js

@@ -8,15 +8,15 @@ import { OnChangePlugin } from '@lexical/react/LexicalOnChangePlugin';
 import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext';
 import { Box } from '@datalayer/primer-addons';
 import { useJupyter } from '@datalayer/jupyter-react';
-import { ThemedJupyterProvider } from './utils/themedProvider';
+import { ThemedJupyterProvider } from './utils/themedProvider.js';
 import { ComponentPickerMenuPlugin, JupyterInputOutputPlugin, DraggableBlockPlugin, LexicalConfigProvider, LexicalStatePlugin, FloatingTextFormatToolbarPlugin, CodeActionMenuPlugin, TableCellResizerPlugin, } from '@datalayer/jupyter-lexical';
 // Agent-runtimes imports
-import { ChatFloating } from '../chat';
-import { ChatInlinePlugin } from '../lexical/ChatInlinePlugin';
-import { useChatInlineToolbarItems } from '../lexical/useChatInlineToolbarItems';
-import { useLexicalTools } from '../tools/adapters/agent-runtimes/lexicalHooks';
-import { editorExtension } from './lexical/editorConfig';
-import { useExampleJupyterAgent } from './hooks/useExampleJupyterAgent';
+import { ChatFloating } from '../chat/index.js';
+import { ChatInlinePlugin } from '../lexical/ChatInlinePlugin.js';
+import { useChatInlineToolbarItems } from '../lexical/useChatInlineToolbarItems.js';
+import { useLexicalTools } from '../tools/adapters/agent-runtimes/lexicalHooks.js';
+import { editorExtension } from './lexical/editorConfig.js';
+import { useExampleJupyterAgent } from './hooks/useExampleJupyterAgent.js';
 import '@datalayer/jupyter-lexical/style/index.css';
 import './lexical/lexical-theme.css';
 // Fixed lexical document ID

package/lib/examples/LexicalAgentSidebarExample.js

@@ -24,15 +24,15 @@ import { ContentEditable } from '@lexical/react/LexicalContentEditable';
 import { OnChangePlugin } from '@lexical/react/LexicalOnChangePlugin';
 import { Box } from '@datalayer/primer-addons';
 import { useJupyter } from '@datalayer/jupyter-react';
-import { ThemedProvider } from './utils/themedProvider';
-import { useExampleThemeStore } from './utils/themeStore';
+import { ThemedProvider } from './utils/themedProvider.js';
+import { useExampleThemeStore } from './utils/themeStore.js';
 import { ComponentPickerMenuPlugin, JupyterInputOutputPlugin, DraggableBlockPlugin, FloatingTextFormatToolbarPlugin, CodeActionMenuPlugin, LexicalConfigProvider, LexicalPrimerThemeProvider, LexicalStatePlugin, TableCellResizerPlugin, } from '@datalayer/jupyter-lexical';
-import { ChatSidebar } from '../chat';
-import { ChatInlinePlugin } from '../lexical/ChatInlinePlugin';
-import { useChatInlineToolbarItems } from '../lexical/useChatInlineToolbarItems';
-import { useLexicalTools } from '../tools/adapters/agent-runtimes/lexicalHooks';
-import { editorExtension } from './lexical/editorConfig';
-import { useExampleJupyterAgent } from './hooks/useExampleJupyterAgent';
+import { ChatSidebar } from '../chat/index.js';
+import { ChatInlinePlugin } from '../lexical/ChatInlinePlugin.js';
+import { useChatInlineToolbarItems } from '../lexical/useChatInlineToolbarItems.js';
+import { useLexicalTools } from '../tools/adapters/agent-runtimes/lexicalHooks.js';
+import { editorExtension } from './lexical/editorConfig.js';
+import { useExampleJupyterAgent } from './hooks/useExampleJupyterAgent.js';
 import '@datalayer/jupyter-lexical/style/index.css';
 import './lexical/lexical-theme.css';
 // Fixed lexical document ID

package/lib/examples/LoopAppComputerExample.js

@@ -17,10 +17,10 @@ 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 { resolveExampleAgentRuntimesUrl } from './utils/useExampleAgentRuntimesUrl';
-import { AppRenderer } from '../apps/apps/AppRenderer';
-import { APP_CATALOGUE } from '../specs/apps';
+import { ThemedProvider } from './utils/themedProvider.js';
+import { resolveExampleAgentRuntimesUrl } from './utils/useExampleAgentRuntimesUrl.js';
+import { AppRenderer } from '../apps/apps/AppRenderer.js';
+import { APP_CATALOGUE } from '../specs/apps.js';
 setupPrimerPortals();
 /** Web Research, given a computer with its files and its shell on. */
 function computerDesk() {

package/lib/examples/LoopShellExample.js

@@ -5,12 +5,12 @@ import { QueryClientProvider } from '@tanstack/react-query';
 import { useReactor } from '@datalayer/reactor/react';
 import { registerDeckComponents, registerDecks } from '@datalayer/decks';
 import { exampleDeckComponents, exampleDecks } from '@datalayer/decks/examples';
-import { buildLoopReactor, LoopWorkspace } from '../apps/shell';
-import { DeckViewPlugin, LoopDecksPlugin } from '../apps/plugins/decks';
-import { loopPlugins } from '../apps/presets';
-import { internalQueryClient } from '../utils';
-import { resolveExampleAgentRuntimesUrl } from './utils/useExampleAgentRuntimesUrl';
-import { ThemedProvider } from './utils/themedProvider';
+import { buildLoopReactor, LoopWorkspace } from '../apps/shell/index.js';
+import { DeckViewPlugin, LoopDecksPlugin } from '../apps/plugins/decks/index.js';
+import { loopPlugins } from '../apps/presets.js';
+import { internalQueryClient } from '../utils/index.js';
+import { resolveExampleAgentRuntimesUrl } from './utils/useExampleAgentRuntimesUrl.js';
+import { ThemedProvider } from './utils/themedProvider.js';
 /** The team the landing page runs, and this example with it. */
 const TEAM_ID = 'jupyter';
 /** Its front door: the member a prompt reaches unless `@` says otherwise. */

package/lib/examples/LoopStrategyExample.js

@@ -29,13 +29,13 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
 import { useMemo, useState } from 'react';
 import { Box } from '@datalayer/primer-addons';
 import { Notebook } from '@datalayer/jupyter-react';
-import { useNotebookTools } from '../tools/adapters/agent-runtimes/notebookHooks';
-import { ThemedJupyterProvider, ThemedProvider } from './utils/themedProvider';
-import { ChatSidebar } from '../chat';
-import { listStrategies, getStrategy, DEFAULT_STRATEGY } from '../specs';
-import { useExampleJupyterAgent } from './hooks/useExampleJupyterAgent';
+import { useNotebookTools } from '../tools/adapters/agent-runtimes/notebookHooks.js';
+import { ThemedJupyterProvider, ThemedProvider } from './utils/themedProvider.js';
+import { ChatSidebar } from '../chat/index.js';
+import { listStrategies, getStrategy, DEFAULT_STRATEGY } from '../specs/index.js';
+import { useExampleJupyterAgent } from './hooks/useExampleJupyterAgent.js';
 import MatplotlibNotebook from './utils/notebooks/Matplotlib.ipynb.json';
-import { ExampleNotebookToolbar } from './utils/notebookToolbarItems';
+import { ExampleNotebookToolbar } from './utils/notebookToolbarItems.js';
 // Fixed notebook ID
 const NOTEBOOK_ID = 'agent-strategy-example';
 // Use the imported Matplotlib notebook as the working surface for the strategy.

package/lib/examples/LoopWorkspaceEmbed.js

@@ -12,7 +12,7 @@ import { lazyWithPreload } from '@datalayer/core/lib/utils';
  * first by the following release.
  */
 const LazyLoopWorkspace = lazyWithPreload(async () => {
-    const module = await import('./LoopWorkspaceExample');
+    const module = await import('./LoopWorkspaceExample.js');
     return { default: module.LoopWorkspaceExample };
 });
 // Requested now, rendered later. See the note at the top of the file.

package/lib/examples/LoopWorkspaceExample.js

@@ -3,17 +3,17 @@ import { useEffect, useMemo } from 'react';
 import { Box } from '@datalayer/primer-addons';
 import { QueryClientProvider } from '@tanstack/react-query';
 import { useReactor, useSignalValue } from '@datalayer/reactor/react';
-import { buildLoopReactor, LoopWorkspace } from '../apps/shell';
-import { loopPlugins } from '../apps/presets';
-import { WindowFrame } from '../apps/plugins/window-frame';
-import { GraphViewPlugin } from '../apps/plugins/graph';
-import { IDLE_SANDBOX_SNAPSHOT_SIGNAL, IDLE_SANDBOX_TARGET_SIGNAL, } from '../apps/core';
-import { AGENTS_PLUGIN_NAME, } from '../apps/plugins/agents';
-import { internalQueryClient } from '../utils';
-import { resolveExampleAgentRuntimesUrl } from './utils/useExampleAgentRuntimesUrl';
-import { ThemedProvider } from './utils/themedProvider';
-import { agentSummaryStore } from './utils/agentSummaryStore';
-import { targetHasAgent } from './utils/runtimeTargetStore';
+import { buildLoopReactor, LoopWorkspace } from '../apps/shell/index.js';
+import { loopPlugins } from '../apps/presets.js';
+import { WindowFrame } from '../apps/plugins/window-frame/index.js';
+import { GraphViewPlugin } from '../apps/plugins/graph/index.js';
+import { IDLE_SANDBOX_SNAPSHOT_SIGNAL, IDLE_SANDBOX_TARGET_SIGNAL, } from '../apps/core/index.js';
+import { AGENTS_PLUGIN_NAME, } from '../apps/plugins/agents/index.js';
+import { internalQueryClient } from '../utils/index.js';
+import { resolveExampleAgentRuntimesUrl } from './utils/useExampleAgentRuntimesUrl.js';
+import { ThemedProvider } from './utils/themedProvider.js';
+import { agentSummaryStore } from './utils/agentSummaryStore.js';
+import { targetHasAgent } from './utils/runtimeTargetStore.js';
 export function LoopWorkspaceExample({ 
 // The examples Vite server deliberately has no /api proxy. Using the page
 // origin here sends sandbox switches to port 3000 and produces the exact

package/lib/examples/NotebookAgentExample.js

@@ -2,14 +2,14 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React, { useCallback, useState } from 'react';
 import { Box } from '@datalayer/primer-addons';
 import { Notebook } from '@datalayer/jupyter-react';
-import { ThemedJupyterProvider } from './utils/themedProvider';
+import { ThemedJupyterProvider } from './utils/themedProvider.js';
 // Agent-runtimes imports
-import { ChatFloating } from '../chat';
-import { useNotebookTools } from '../tools/adapters/agent-runtimes/notebookHooks';
-import { useExampleJupyterAgent } from './hooks/useExampleJupyterAgent';
+import { ChatFloating } from '../chat/index.js';
+import { useNotebookTools } from '../tools/adapters/agent-runtimes/notebookHooks.js';
+import { useExampleJupyterAgent } from './hooks/useExampleJupyterAgent.js';
 // Import Matplotlib notebook
 import MatplotlibNotebook from './utils/notebooks/Matplotlib.ipynb.json';
-import { ExampleNotebookToolbar } from './utils/notebookToolbarItems';
+import { ExampleNotebookToolbar } from './utils/notebookToolbarItems.js';
 // Fixed notebook ID
 const NOTEBOOK_ID = 'agui-notebook-example';
 // Use the imported Matplotlib notebook

package/lib/examples/NotebookAgentSidebarExample.js

@@ -21,12 +21,12 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
  */
 import { Box } from '@datalayer/primer-addons';
 import { Notebook } from '@datalayer/jupyter-react';
-import { useNotebookTools } from '../tools/adapters/agent-runtimes/notebookHooks';
-import { ThemedJupyterProvider, ThemedProvider } from './utils/themedProvider';
-import { ChatSidebar } from '../chat';
-import { useExampleJupyterAgent } from './hooks/useExampleJupyterAgent';
+import { useNotebookTools } from '../tools/adapters/agent-runtimes/notebookHooks.js';
+import { ThemedJupyterProvider, ThemedProvider } from './utils/themedProvider.js';
+import { ChatSidebar } from '../chat/index.js';
+import { useExampleJupyterAgent } from './hooks/useExampleJupyterAgent.js';
 import MatplotlibNotebook from './utils/notebooks/Matplotlib.ipynb.json';
-import { ExampleNotebookToolbar } from './utils/notebookToolbarItems';
+import { ExampleNotebookToolbar } from './utils/notebookToolbarItems.js';
 // Fixed notebook ID
 const NOTEBOOK_ID = 'chat-notebook-example';
 // Use the imported Matplotlib notebook

package/lib/examples/NotebookCollaborationExample.js

@@ -3,17 +3,17 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
  * Copyright (c) 2025-2026 Datalayer, Inc.
  * Distributed under the terms of the Modified BSD License.
  */
-import { createDatalayerServiceManager } from '../services/DatalayerServiceManager';
+import { createDatalayerServiceManager } from '../services/DatalayerServiceManager.js';
 import { useState, useEffect, useMemo } from 'react';
 import { Checkbox, FormControl, Heading } from '@primer/react';
 import { Box } from '@datalayer/primer-addons';
 import { loadJupyterConfig, Notebook, JupyterCollaborationProvider, } from '@datalayer/jupyter-react';
-import { DatalayerCollaborationProvider } from '../collaboration';
-import { useCoreStore } from '../state';
-import { ThemedJupyterProvider } from './utils/themedProvider';
-import { useRuntimeTargetStore } from './utils/runtimeTargetStore';
+import { DatalayerCollaborationProvider } from '../collaboration/index.js';
+import { useCoreStore } from '../state/index.js';
+import { ThemedJupyterProvider } from './utils/themedProvider.js';
+import { useRuntimeTargetStore } from './utils/runtimeTargetStore.js';
 import nbformatExample from './utils/notebooks/NotebookExample1.ipynb.json';
-import { ExampleNotebookToolbar } from './utils/notebookToolbarItems';
+import { ExampleNotebookToolbar } from './utils/notebookToolbarItems.js';
 // This corresponds to the notebook ID in the URL when you open an existing notbook in your library
 const NOTEBOOK_ID = '01JZQRQ35GG871QQCZW9TB1A8J';
 const ROOM_PATH = 'notebook-collaboration-example.ipynb';

package/lib/examples/NotebookExample.js

@@ -6,9 +6,9 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useMemo } from 'react';
 import { Box } from '@datalayer/primer-addons';
 import { Notebook, CellSidebarExtension, CellSidebarButton, } from '@datalayer/jupyter-react';
-import { ThemedJupyterProvider } from './utils/themedProvider';
+import { ThemedJupyterProvider } from './utils/themedProvider.js';
 import nbformatExample from './utils/notebooks/NotebookExample1.ipynb.json';
-import { ExampleNotebookToolbar } from './utils/notebookToolbarItems';
+import { ExampleNotebookToolbar } from './utils/notebookToolbarItems.js';
 const NOTEBOOK_ID = 'notebook-example-1';
 export const JupyterNotebookExample = (props) => {
     const { serviceManager } = props;

package/lib/examples/NotebookPageAgent.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Box } from '@datalayer/primer-addons';
-import { ThemedProvider } from './utils/themedProvider';
-import { LoopEmbed } from '../apps';
+import { ThemedProvider } from './utils/themedProvider.js';
+import { LoopEmbed } from '../apps/index.js';
 const NotebookPageAgent = () => (_jsx(ThemedProvider, { children: _jsx(Box, { height: "100vh", minHeight: 0, children: _jsx(LoopEmbed, { target: "browser", 
             /* The Analyst is the team's front door; the team puts the other
                members one click away in the composer's agents menu. */

package/lib/examples/PapAccountTokensExample.js

@@ -6,15 +6,15 @@ import { jsx as _jsx } from "react/jsx-runtime";
 /** PAP Account Tokens, 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 PapAccountTokensPlugin = definePapExamplePlugin({
     key: 'account-tokens',
     title: 'PAP Account Tokens',
     description: 'Refresh, rotate, narrow, and revoke an Account Token the host keeps by reference.',
-    load: () => import('./pap/PapAccountTokensView'),
+    load: () => import('./pap/PapAccountTokensView.js'),
 });
 const PapAccountTokensExample = () => {
     const plugins = useMemo(() => [PapAccountTokensPlugin], []);

package/lib/examples/PapAgentIdentityExample.js

@@ -6,15 +6,15 @@ import { jsx as _jsx } from "react/jsx-runtime";
 /** PAP personal-agent identity mounted 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 PapIdentityPlugin = definePapExamplePlugin({
     key: 'agent-identity',
     title: 'PAP Agent Identity',
     description: 'Verified client and signing policy without JWK coordinates.',
-    load: () => import('./pap/PapAgentIdentityView'),
+    load: () => import('./pap/PapAgentIdentityView.js'),
 });
 const PapAgentIdentityExample = () => {
     const plugins = useMemo(() => [PapIdentityPlugin], []);

package/lib/examples/PapAuthorizationBoundaryExample.js

@@ -6,15 +6,15 @@ import { jsx as _jsx } from "react/jsx-runtime";
 /** PAP Session and Direct Sign-In boundaries 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 PapAuthorizationPlugin = definePapExamplePlugin({
     key: 'authorization-boundary',
     title: 'PAP Authorization Boundary',
     description: 'Real Session and PKCE material kept outside model context.',
-    load: () => import('./pap/PapAuthorizationBoundaryView'),
+    load: () => import('./pap/PapAuthorizationBoundaryView.js'),
 });
 const PapAuthorizationBoundaryExample = () => {
     const plugins = useMemo(() => [PapAuthorizationPlugin], []);

package/lib/examples/PapCompanyDiscoveryExample.js

@@ -6,15 +6,15 @@ import { jsx as _jsx } from "react/jsx-runtime";
 /** PAP company discovery mounted 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 PapCompanyPlugin = definePapExamplePlugin({
     key: 'company-discovery',
     title: 'PAP Company Discovery',
     description: 'Verified company metadata reduced to a model-safe summary.',
-    load: () => import('./pap/PapCompanyDiscoveryView'),
+    load: () => import('./pap/PapCompanyDiscoveryView.js'),
 });
 const PapCompanyDiscoveryExample = () => {
     const plugins = useMemo(() => [PapCompanyPlugin], []);

package/lib/examples/PapConversationControlExample.js

@@ -6,15 +6,15 @@ import { jsx as _jsx } from "react/jsx-runtime";
 /** PAP Conversation Control, 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 PapConversationControlPlugin = definePapExamplePlugin({
     key: 'conversation-control',
     title: 'PAP Conversation Control',
     description: 'A Direct Conversation, a handoff to a person, and closing.',
-    load: () => import('./pap/PapConversationControlView'),
+    load: () => import('./pap/PapConversationControlView.js'),
 });
 const PapConversationControlExample = () => {
     const plugins = useMemo(() => [PapConversationControlPlugin], []);

package/lib/examples/PapConversationStreamingExample.js

@@ -6,15 +6,15 @@ import { jsx as _jsx } from "react/jsx-runtime";
 /** PAP Conversation Streaming, 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 PapConversationStreamingPlugin = definePapExamplePlugin({
     key: 'conversation-streaming',
     title: 'PAP Conversation Streaming',
     description: 'SSE events, display-only deltas, and a Last-Event-ID resume.',
-    load: () => import('./pap/PapConversationStreamingView'),
+    load: () => import('./pap/PapConversationStreamingView.js'),
 });
 const PapConversationStreamingExample = () => {
     const plugins = useMemo(() => [PapConversationStreamingPlugin], []);

package/lib/examples/PapDpopProofExample.js

@@ -6,15 +6,15 @@ import { jsx as _jsx } from "react/jsx-runtime";
 /** PAP DPoP proof creation mounted 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 PapDpopPlugin = definePapExamplePlugin({
     key: 'dpop-proof',
     title: 'PAP DPoP Proof',
     description: 'Fresh request-bound proofs kept outside model and UI state.',
-    load: () => import('./pap/PapDpopProofView'),
+    load: () => import('./pap/PapDpopProofView.js'),
 });
 const PapDpopProofExample = () => {
     const plugins = useMemo(() => [PapDpopPlugin], []);

package/lib/examples/PapGuidedJourneyExample.js

@@ -6,15 +6,15 @@ import { jsx as _jsx } from "react/jsx-runtime";
 /** A narrative PAP interaction mounted 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 PapJourneyPlugin = definePapExamplePlugin({
     key: 'guided-journey',
     title: 'PAP Guided Journey',
     description: 'A visual return journey across discovery, sign-in, and action.',
-    load: () => import('./pap/PapGuidedJourneyView'),
+    load: () => import('./pap/PapGuidedJourneyView.js'),
 });
 const PapGuidedJourneyExample = () => {
     const plugins = useMemo(() => [PapJourneyPlugin], []);

package/lib/examples/PapMediatedSignInExample.js

@@ -6,15 +6,15 @@ import { jsx as _jsx } from "react/jsx-runtime";
 /** PAP Mediated Sign-In, 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 PapMediatedSignInPlugin = definePapExamplePlugin({
     key: 'mediated-sign-in',
     title: 'PAP Mediated Sign-In',
     description: "Credentials on the host's protected input, sent to one company endpoint once.",
-    load: () => import('./pap/PapMediatedSignInView'),
+    load: () => import('./pap/PapMediatedSignInView.js'),
 });
 const PapMediatedSignInExample = () => {
     const plugins = useMemo(() => [PapMediatedSignInPlugin], []);

package/lib/examples/PapOperationsExample.js

@@ -6,15 +6,15 @@ import { jsx as _jsx } from "react/jsx-runtime";
 /** PAP Operations, 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 PapOperationsPlugin = definePapExamplePlugin({
     key: 'operations',
     title: 'PAP Operations',
     description: 'Exact approval of one revision, terms changes, and confirmation at most once.',
-    load: () => import('./pap/PapOperationsView'),
+    load: () => import('./pap/PapOperationsView.js'),
 });
 const PapOperationsExample = () => {
     const plugins = useMemo(() => [PapOperationsPlugin], []);

package/lib/examples/PapSessionLifecycleExample.js

@@ -6,15 +6,15 @@ import { jsx as _jsx } from "react/jsx-runtime";
 /** PAP signed-out Session lifecycle mounted 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 PapSessionPlugin = definePapExamplePlugin({
     key: 'session-lifecycle',
     title: 'PAP Session Lifecycle',
     description: 'Start, nonce retry, and renewal with credentials host-owned.',
-    load: () => import('./pap/PapSessionLifecycleView'),
+    load: () => import('./pap/PapSessionLifecycleView.js'),
 });
 const PapSessionLifecycleExample = () => {
     const plugins = useMemo(() => [PapSessionPlugin], []);

package/lib/examples/PapSignInDisplayExample.js

@@ -6,15 +6,15 @@ import { jsx as _jsx } from "react/jsx-runtime";
 /** The PAP sign-in card drawn from a tool result's display, 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 PapSignInDisplayPlugin = definePapExamplePlugin({
     key: 'sign-in-display',
     title: 'PAP Sign-In Display',
     description: 'A sign-in tool’s PapSignIn display: the model reads its model view, the page draws the card.',
-    load: () => import('./pap/PapSignInDisplayView'),
+    load: () => import('./pap/PapSignInDisplayView.js'),
 });
 const PapSignInDisplayExample = () => {
     const plugins = useMemo(() => [PapSignInDisplayPlugin], []);