@datalayer/agent-runtimes 0.0.2

package/lib/examples/components/MainContent.js

@@ -0,0 +1,68 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+/*
+ * Copyright (c) 2025-2026 Datalayer, Inc.
+ * Distributed under the terms of the Modified BSD License.
+ */
+import React from 'react';
+import { Text } from '@primer/react';
+import { Box } from '@datalayer/primer-addons';
+import { JupyterReactTheme, Viewer } from '@datalayer/jupyter-react';
+import matplotlib from '../stores/notebooks/Matplotlib.ipynb.json';
+import emptyNotebook from '../stores/notebooks/Empty.ipynb.json';
+import { TimeTravel } from './TimeTravel';
+import { LexicalEditor } from './LexicalEditor';
+/**
+ * Main Content Component
+ *
+ * Displays the main content area with Simple notebook viewer or Lexical editor and time travel.
+ */
+export const MainContent = ({ showNotebook, timeTravel, onTimeTravelChange, richEditor, notebookFile, lexicalFile, isNewAgent, serviceManager, }) => {
+    // Use the provided notebook or fall back to matplotlib demo
+    const [notebookData, setNotebookData] = React.useState(matplotlib);
+    const [lexicalContent, setLexicalContent] = React.useState(undefined);
+    React.useEffect(() => {
+        if (isNewAgent) {
+            // Use empty notebook for new agent
+            setNotebookData(emptyNotebook);
+            setLexicalContent(undefined);
+        }
+        else if (notebookFile) {
+            // Dynamically import the notebook based on the file name
+            import(/* @vite-ignore */ `../stores/agents/${notebookFile}`)
+                .then(module => {
+                setNotebookData(module.default);
+            })
+                .catch(() => {
+                // If the file doesn't exist, use matplotlib as fallback
+                setNotebookData(matplotlib);
+            });
+        }
+        else {
+            setNotebookData(matplotlib);
+        }
+    }, [notebookFile, isNewAgent]);
+    React.useEffect(() => {
+        if (lexicalFile && !isNewAgent) {
+            // Dynamically import the lexical file based on the file name
+            import(/* @vite-ignore */ `../stores/agents/${lexicalFile}`)
+                .then(module => {
+                // Convert the JSON to a string if needed
+                setLexicalContent(typeof module.default === 'string'
+                    ? module.default
+                    : JSON.stringify(module.default));
+            })
+                .catch(() => {
+                setLexicalContent(undefined);
+            });
+        }
+        else {
+            setLexicalContent(undefined);
+        }
+    }, [lexicalFile, isNewAgent]);
+    return (_jsx(Box, { sx: { height: '100%', overflow: 'auto', padding: 3 }, children: showNotebook ? (_jsxs(_Fragment, { children: [richEditor ? (_jsx(LexicalEditor, { serviceManager: serviceManager, content: lexicalContent })) : (_jsx(JupyterReactTheme, { children: _jsx(Viewer, { nbformat: notebookData, outputs: true }) })), !isNewAgent && (_jsx(TimeTravel, { value: timeTravel, onChange: onTimeTravelChange }))] })) : (_jsx(Box, { sx: {
+                display: 'flex',
+                alignItems: 'center',
+                justifyContent: 'center',
+                height: '100%',
+            }, children: _jsx(Text, { sx: { color: 'fg.muted' }, children: "Select a file to view or create a new notebook" }) })) }));
+};

package/lib/examples/components/MockFileBrowser.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+interface MockFileBrowserProps {
+    codemode?: boolean;
+}
+/**
+ * Mock File Browser Component
+ *
+ * Displays a code sandbox with data browser and variables sections.
+ * In production, this would be replaced with a real Simple UI FileBrowser component.
+ */
+export declare const MockFileBrowser: React.FC<MockFileBrowserProps>;
+export {};

package/lib/examples/components/MockFileBrowser.js

@@ -0,0 +1,131 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+/*
+ * Copyright (c) 2025-2026 Datalayer, Inc.
+ * Distributed under the terms of the Modified BSD License.
+ */
+import { useState } from 'react';
+import { Text, SegmentedControl } from '@primer/react';
+import { DataTable } from '@primer/react/experimental';
+import { Box } from '@datalayer/primer-addons';
+/**
+ * Mock File Browser Component
+ *
+ * Displays a code sandbox with data browser and variables sections.
+ * In production, this would be replaced with a real Simple UI FileBrowser component.
+ */
+export const MockFileBrowser = ({ codemode = false, }) => {
+    const [activeTab, setActiveTab] = useState('sandbox');
+    return (_jsxs(Box, { sx: { height: '100%', display: 'flex', flexDirection: 'column' }, children: [_jsx(Box, { sx: { p: 2, borderBottom: '1px solid', borderColor: 'border.default' }, children: _jsxs(SegmentedControl, { "aria-label": "Left pane navigation", children: [_jsx(SegmentedControl.Button, { selected: activeTab === 'sandbox', onClick: () => setActiveTab('sandbox'), children: "Code" }), _jsx(SegmentedControl.Button, { selected: activeTab === 'tools', onClick: () => setActiveTab('tools'), children: "Tools" })] }) }), _jsx(Box, { sx: { p: 2, flex: 1, overflow: 'auto' }, children: activeTab === 'sandbox' ? (_jsxs(_Fragment, { children: [_jsxs(Box, { sx: { mb: 4 }, children: [_jsx(Text, { sx: {
+                                        fontSize: 1,
+                                        fontWeight: 'semibold',
+                                        display: 'block',
+                                        mb: 2,
+                                    }, children: "Data Browser" }), _jsx(Text, { sx: {
+                                        fontSize: 0,
+                                        fontWeight: 'semibold',
+                                        display: 'block',
+                                        mb: 1,
+                                        color: 'fg.muted',
+                                    }, children: "Documents" }), _jsxs(Box, { sx: { fontSize: 0, mb: 2 }, children: [_jsx(Box, { sx: {
+                                                py: 1,
+                                                cursor: 'pointer',
+                                                '&:hover': { bg: 'canvas.subtle' },
+                                            }, children: "\uD83D\uDCC1 notebooks/" }), _jsx(Box, { sx: {
+                                                py: 1,
+                                                pl: 3,
+                                                cursor: 'pointer',
+                                                '&:hover': { bg: 'canvas.subtle' },
+                                            }, children: "\uD83D\uDCD3 analysis.ipynb" }), _jsx(Box, { sx: {
+                                                py: 1,
+                                                pl: 3,
+                                                cursor: 'pointer',
+                                                '&:hover': { bg: 'canvas.subtle' },
+                                            }, children: "\uD83D\uDCD3 demo.ipynb" }), _jsx(Box, { sx: {
+                                                py: 1,
+                                                cursor: 'pointer',
+                                                '&:hover': { bg: 'canvas.subtle' },
+                                            }, children: "\uD83D\uDCC1 data/" }), _jsx(Box, { sx: {
+                                                py: 1,
+                                                pl: 3,
+                                                cursor: 'pointer',
+                                                '&:hover': { bg: 'canvas.subtle' },
+                                            }, children: "\uD83D\uDCC4 dataset.csv" }), _jsx(Box, { sx: {
+                                                py: 1,
+                                                cursor: 'pointer',
+                                                '&:hover': { bg: 'canvas.subtle' },
+                                            }, children: "\uD83D\uDCC1 models/" }), _jsx(Box, { sx: {
+                                                py: 1,
+                                                pl: 3,
+                                                cursor: 'pointer',
+                                                '&:hover': { bg: 'canvas.subtle' },
+                                            }, children: "\uD83D\uDCC4 agent.py" })] }), _jsx(Text, { sx: {
+                                        fontSize: 0,
+                                        fontWeight: 'semibold',
+                                        display: 'block',
+                                        mb: 1,
+                                        color: 'fg.muted',
+                                    }, children: "Buckets" }), _jsx(Box, { sx: { fontSize: 0 }, children: _jsx(Box, { sx: {
+                                            py: 1,
+                                            cursor: 'pointer',
+                                            '&:hover': { bg: 'canvas.subtle' },
+                                        }, children: "\uD83E\uDEA3 s3://nasa-1" }) })] }), _jsxs(Box, { children: [_jsx(Text, { sx: {
+                                        fontSize: 1,
+                                        fontWeight: 'semibold',
+                                        display: 'block',
+                                        mb: 2,
+                                    }, children: "Variables" }), _jsx(DataTable, { "aria-label": "Variables table", data: [
+                                        { id: 1, name: 'df', type: 'pandas dataframe' },
+                                        { id: 2, name: 'model', type: 'pytorch model' },
+                                        { id: 3, name: 'predictions', type: 'pandas dataframe' },
+                                    ], columns: [
+                                        {
+                                            header: 'Name',
+                                            field: 'name',
+                                            rowHeader: true,
+                                            renderCell: row => (_jsx(Text, { sx: { fontFamily: 'mono', fontSize: 0 }, children: row.name })),
+                                        },
+                                        {
+                                            header: 'Type',
+                                            field: 'type',
+                                            renderCell: row => (_jsx(Text, { sx: { color: 'fg.muted', fontSize: 0 }, children: row.type })),
+                                        },
+                                    ] })] })] })) : (_jsxs(_Fragment, { children: [_jsxs(Box, { sx: { mb: 4 }, children: [_jsx(Text, { sx: {
+                                        fontSize: 1,
+                                        fontWeight: 'semibold',
+                                        display: 'block',
+                                        mb: 2,
+                                    }, children: codemode ? 'Codemode Tools' : 'MCP Tools' }), _jsx(DataTable, { "aria-label": codemode ? 'Codemode Tools table' : 'MCP Tools table', data: codemode
+                                        ? [
+                                            { id: 1, tool: 'execute_code' },
+                                            { id: 2, tool: 'search_tool' },
+                                        ]
+                                        : [
+                                            { id: 1, tool: 'search_dataset' },
+                                            { id: 2, tool: 'load_dataset' },
+                                            { id: 3, tool: 'clone_repository' },
+                                            { id: 4, tool: 'commit' },
+                                        ], columns: [
+                                        {
+                                            header: 'Tool',
+                                            field: 'tool',
+                                            rowHeader: true,
+                                            renderCell: row => (_jsx(Text, { sx: { fontFamily: 'mono', fontSize: 0 }, children: row.tool })),
+                                        },
+                                    ] })] }), _jsxs(Box, { children: [_jsx(Text, { sx: {
+                                        fontSize: 1,
+                                        fontWeight: 'semibold',
+                                        display: 'block',
+                                        mb: 2,
+                                    }, children: "Skills" }), _jsx(DataTable, { "aria-label": "Skills table", data: [
+                                        { id: 1, skill: 'Explore Dataset' },
+                                        { id: 2, skill: 'Analyze Dataset' },
+                                        { id: 3, skill: 'Visualize Dataset' },
+                                    ], columns: [
+                                        {
+                                            header: 'Skill',
+                                            field: 'skill',
+                                            rowHeader: true,
+                                            renderCell: row => (_jsx(Text, { sx: { fontSize: 0 }, children: row.skill })),
+                                        },
+                                    ] })] })] })) })] }));
+};

package/lib/examples/components/Rating.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+interface RatingProps {
+    /** Rating value between 1 and 5 */
+    value: number;
+    /** Size of the stars */
+    size?: number;
+}
+/**
+ * Rating Component
+ *
+ * Displays a star rating using octicons.
+ */
+export declare const Rating: React.FC<RatingProps>;
+export {};

package/lib/examples/components/Rating.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Box } from '@datalayer/primer-addons';
+import { StarFillIcon } from '@primer/octicons-react';
+/**
+ * Rating Component
+ *
+ * Displays a star rating using octicons.
+ */
+export const Rating = ({ value, size = 12 }) => {
+    const clampedValue = Math.max(1, Math.min(5, value));
+    return (_jsx(Box, { sx: { display: 'flex', gap: 0.5, alignItems: 'center' }, children: Array.from({ length: 5 }, (_, index) => (_jsx(StarFillIcon, { size: size, fill: index < clampedValue ? '#fbbf24' : '#e5e7eb' }, index))) }));
+};

package/lib/examples/components/SessionTabs.d.ts

@@ -0,0 +1,21 @@
+import React from 'react';
+interface Session {
+    id: string;
+    name: string;
+    active: boolean;
+}
+interface SessionTabsProps {
+    sessions: Session[];
+    activeSession: string;
+    agentName?: string;
+    agentDescription?: string;
+    onSessionChange: (sessionId: string) => void;
+    onAddSession: () => void;
+}
+/**
+ * Session Tabs Component
+ *
+ * Displays the current session name.
+ */
+export declare const SessionTabs: React.FC<SessionTabsProps>;
+export {};

package/lib/examples/components/SessionTabs.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Text } from '@primer/react';
+import { Box } from '@datalayer/primer-addons';
+/**
+ * Session Tabs Component
+ *
+ * Displays the current session name.
+ */
+export const SessionTabs = ({ sessions: _sessions, activeSession: _activeSession, agentName = 'Earthquake Detector', agentDescription, onSessionChange: _onSessionChange, onAddSession: _onAddSession, }) => {
+    return (_jsxs(Box, { sx: { display: 'flex', flexDirection: 'column', gap: 1 }, children: [_jsx(Text, { sx: { fontWeight: 'bold', fontSize: 2 }, children: agentName }), agentDescription && (_jsx(Text, { sx: { fontSize: 1, color: 'fg.muted' }, children: agentDescription }))] }));
+};

package/lib/examples/components/TimeTravel.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+interface TimeTravelProps {
+    value: number;
+    onChange: (value: number) => void;
+    min?: number;
+    max?: number;
+    step?: number;
+}
+/**
+ * Time Travel Component
+ *
+ * Slider for navigating through document history.
+ */
+export declare const TimeTravel: React.FC<TimeTravelProps>;
+export {};

package/lib/examples/components/TimeTravel.js

@@ -0,0 +1,23 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Text } from '@primer/react';
+import { Box, Slider } from '@datalayer/primer-addons';
+/**
+ * Time Travel Component
+ *
+ * Slider for navigating through document history.
+ */
+export const TimeTravel = ({ value, onChange, min = 0, max = 100, step = 1, }) => {
+    return (_jsxs(Box, { sx: {
+            marginTop: 3,
+            padding: 3,
+            border: '1px solid',
+            borderColor: 'border.default',
+            borderRadius: 2,
+            backgroundColor: 'canvas.subtle',
+        }, children: [_jsxs(Box, { sx: {
+                    display: 'flex',
+                    alignItems: 'center',
+                    gap: 3,
+                    marginBottom: 2,
+                }, children: [_jsx(Text, { sx: { fontSize: 0, fontWeight: 'semibold' }, children: "Time Travel" }), _jsxs(Text, { sx: { fontSize: 0, color: 'fg.muted' }, children: ["Navigate through history: ", value, " steps"] })] }), _jsx(Slider, { value: value, min: min, max: max, step: step, onChange: onChange, "aria-label": "Time travel slider" })] }));
+};

package/lib/examples/components/index.d.ts

@@ -0,0 +1,11 @@
+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 { Rating } from './Rating';
+export { AgentConfiguration, AGENT_LIBRARIES, TRANSPORTS, EXTENSIONS, } from './AgentConfiguration';
+export type { AgentLibrary, Transport, Extension } from './AgentConfiguration';

package/lib/examples/components/index.js

@@ -0,0 +1,14 @@
+/*
+ * Copyright (c) 2025-2026 Datalayer, Inc.
+ * Distributed under the terms of the Modified BSD License.
+ */
+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 { Rating } from './Rating';
+export { AgentConfiguration, AGENT_LIBRARIES, TRANSPORTS, EXTENSIONS, } from './AgentConfiguration';

package/lib/examples/example-selector.d.ts

@@ -0,0 +1,22 @@
+/**
+ * Registry of available examples with dynamic imports.
+ * Add new examples here to make them available in the example runner.
+ */
+export declare const EXAMPLES: Record<string, () => Promise<{
+    default: React.ComponentType;
+}>>;
+/**
+ * Get the list of available example names
+ */
+export declare function getExampleNames(): string[];
+/**
+ * Get the selected example based on environment variable
+ * Falls back to 'JupyterNotebookExample' if not specified or invalid
+ */
+export declare function getSelectedExample(): () => Promise<{
+    default: React.ComponentType;
+}>;
+/**
+ * Get the selected example name
+ */
+export declare function getSelectedExampleName(): string;

package/lib/examples/example-selector.js

@@ -0,0 +1,62 @@
+/*
+ * Copyright (c) 2025-2026 Datalayer, Inc.
+ * Distributed under the terms of the Modified BSD License.
+ */
+/// <reference types="vite/client" />
+/**
+ * Registry of available examples with dynamic imports.
+ * Add new examples here to make them available in the example runner.
+ */
+export const EXAMPLES = {
+    A2UiRestaurantExample: () => import('./A2UiRestaurantExample'),
+    AgUiAgenticExample: () => import('./AgUiAgenticExample'),
+    AgUiBackendToolRenderingExample: () => import('./AgUiBackendToolRenderingExample'),
+    AgUiHaikuGenUIExample: () => import('./AgUiHaikuGenUIExample'),
+    AgUiHumanInTheLoopExample: () => import('./AgUiHumanInTheLoopExample'),
+    AgUiSharedStateExample: () => import('./AgUiSharedStateExample'),
+    AgUiToolsBasedGenUIExample: () => import('./AgUiToolsBasedGenUIExample'),
+    AgentRuntimeCustomExample: () => import('./AgentRuntimeCustomExample'),
+    AgentSpaceFormExample: () => import('./AgentSpaceFormExample'),
+    AgentSpaceHomeExample: () => import('./AgentSpaceHomeExample'),
+    AgentRuntimeLexicalSidebarExample: () => import('./AgentRuntimeLexicalSidebarExample'),
+    AgentRuntimeNotebookExample: () => import('./AgentRuntimeNotebookExample'),
+    AgentRuntimeNotebookSidebarExample: () => import('./AgentRuntimeNotebookSidebarExample'),
+    AgentRuntimeLexicalExample: () => import('./AgentRuntimeLexicalExample'),
+    //  AgentRuntimeLexical2Example: () =>
+    //    import('./AgentRuntimeLexical2Example'),
+    AgentRuntimeStandaloneExample: () => import('./AgentRuntimeStandaloneExample'),
+    CopilotKitNotebookExample: () => import('./CopilotKitNotebookExample'),
+    CopilotKitLexicalExample: () => import('./CopilotKitLexicalExample'),
+    DatalayerNotebookExample: () => import('./DatalayerNotebookExample'),
+    JupyterCellExample: () => import('./JupyterCellExample'),
+    JupyterNotebookExample: () => import('./JupyterNotebookExample'),
+    //  VercelAiElementsExample: () =>
+    //    import('./vercel-ai-elements/VercelAiElementsShowcase'),
+};
+/**
+ * Get the list of available example names
+ */
+export function getExampleNames() {
+    return Object.keys(EXAMPLES);
+}
+/**
+ * Get the selected example based on environment variable
+ * Falls back to 'JupyterNotebookExample' if not specified or invalid
+ */
+export function getSelectedExample() {
+    // import.meta.env.EXAMPLE is defined in vite config
+    const exampleName = import.meta.env.EXAMPLE || 'JupyterNotebookExample';
+    if (!EXAMPLES[exampleName]) {
+        console.warn(`Example "${exampleName}" not found. Available examples:`, getExampleNames());
+        return EXAMPLES['JupyterNotebookExample'];
+    }
+    return EXAMPLES[exampleName];
+}
+/**
+ * Get the selected example name
+ */
+export function getSelectedExampleName() {
+    // import.meta.env.EXAMPLE is defined in vite config
+    const exampleName = import.meta.env.EXAMPLE || 'JupyterNotebookExample';
+    return EXAMPLES[exampleName] ? exampleName : 'JupyterNotebookExample';
+}

package/lib/examples/index.d.ts

@@ -0,0 +1,21 @@
+export { default as A2UiRestaurantExample } from './A2UiRestaurantExample';
+export { default as AgUiAgenticExample } from './AgUiAgenticExample';
+export { default as AgUiBackendToolRenderingExample } from './AgUiBackendToolRenderingExample';
+export { default as AgUiHaikuGenUIExample } from './AgUiHaikuGenUIExample';
+export { default as AgUiHumanInTheLoopExample } from './AgUiHumanInTheLoopExample';
+export { default as AgUiSharedStateExample } from './AgUiSharedStateExample';
+export { default as AgUiToolsBasedGenUIExample } from './AgUiToolsBasedGenUIExample';
+export { default as AgentRuntimeCustomExample } from './AgentRuntimeCustomExample';
+export { default as AgentRuntimeLexical2Example } from './AgentRuntimeLexical2Example';
+export { default as AgentRuntimeLexicalExample } from './AgentRuntimeLexicalExample';
+export { default as AgentRuntimeLexicalSidebarExample } from './AgentRuntimeLexicalSidebarExample';
+export { default as AgentRuntimeNotebookExample } from './AgentRuntimeNotebookExample';
+export { default as AgentRuntimeNotebookSidebarExample } from './AgentRuntimeNotebookSidebarExample';
+export { default as AgentRuntimeStandaloneExample } from './AgentRuntimeStandaloneExample';
+export { default as AgentSpaceFormExample } from './AgentSpaceFormExample';
+export { default as AgentSpaceHomeExample } from './AgentSpaceHomeExample';
+export { default as CopilotKitLexicalExample } from './CopilotKitLexicalExample';
+export { default as CopilotKitNotebookExample } from './CopilotKitNotebookExample';
+export { default as DatalayerNotebookExample } from './DatalayerNotebookExample';
+export { default as JupyterCellExample } from './JupyterCellExample';
+export { default as JupyterNotebookExample } from './JupyterNotebookExample';

package/lib/examples/index.js

@@ -0,0 +1,25 @@
+/*
+ * Copyright (c) 2025-2026 Datalayer, Inc.
+ * Distributed under the terms of the Modified BSD License.
+ */
+export { default as A2UiRestaurantExample } from './A2UiRestaurantExample';
+export { default as AgUiAgenticExample } from './AgUiAgenticExample';
+export { default as AgUiBackendToolRenderingExample } from './AgUiBackendToolRenderingExample';
+export { default as AgUiHaikuGenUIExample } from './AgUiHaikuGenUIExample';
+export { default as AgUiHumanInTheLoopExample } from './AgUiHumanInTheLoopExample';
+export { default as AgUiSharedStateExample } from './AgUiSharedStateExample';
+export { default as AgUiToolsBasedGenUIExample } from './AgUiToolsBasedGenUIExample';
+export { default as AgentRuntimeCustomExample } from './AgentRuntimeCustomExample';
+export { default as AgentRuntimeLexical2Example } from './AgentRuntimeLexical2Example';
+export { default as AgentRuntimeLexicalExample } from './AgentRuntimeLexicalExample';
+export { default as AgentRuntimeLexicalSidebarExample } from './AgentRuntimeLexicalSidebarExample';
+export { default as AgentRuntimeNotebookExample } from './AgentRuntimeNotebookExample';
+export { default as AgentRuntimeNotebookSidebarExample } from './AgentRuntimeNotebookSidebarExample';
+export { default as AgentRuntimeStandaloneExample } from './AgentRuntimeStandaloneExample';
+export { default as AgentSpaceFormExample } from './AgentSpaceFormExample';
+export { default as AgentSpaceHomeExample } from './AgentSpaceHomeExample';
+export { default as CopilotKitLexicalExample } from './CopilotKitLexicalExample';
+export { default as CopilotKitNotebookExample } from './CopilotKitNotebookExample';
+export { default as DatalayerNotebookExample } from './DatalayerNotebookExample';
+export { default as JupyterCellExample } from './JupyterCellExample';
+export { default as JupyterNotebookExample } from './JupyterNotebookExample';

package/lib/examples/lexical/editorConfig.d.ts

@@ -0,0 +1,76 @@
+import { HeadingNode, QuoteNode } from '@lexical/rich-text';
+import { ListNode, ListItemNode } from '@lexical/list';
+import { CodeNode, CodeHighlightNode } from '@lexical/code';
+import { LinkNode } from '@lexical/link';
+import { TableNode, TableCellNode, TableRowNode } from '@lexical/table';
+import { HashtagNode } from '@lexical/hashtag';
+import { MarkNode } from '@lexical/mark';
+import { OverflowNode } from '@lexical/overflow';
+import { HorizontalRuleNode } from '@lexical/react/LexicalHorizontalRuleNode';
+import { EquationNode, ImageNode, YouTubeNode, JupyterCellNode, JupyterInputNode, JupyterInputHighlightNode, JupyterOutputNode, InlineCompletionNode } from '@datalayer/jupyter-lexical';
+/**
+ * Lexical editor configuration
+ */
+export declare const editorConfig: {
+    namespace: string;
+    editable: boolean;
+    theme: {
+        text: {
+            bold: string;
+            italic: string;
+            underline: string;
+            strikethrough: string;
+            code: string;
+            subscript: string;
+            superscript: string;
+        };
+        paragraph: string;
+        quote: string;
+        heading: {
+            h1: string;
+            h2: string;
+            h3: string;
+            h4: string;
+            h5: string;
+            h6: string;
+        };
+        list: {
+            ul: string;
+            ol: string;
+            listitem: string;
+            nested: {
+                listitem: string;
+            };
+            checklist: string;
+            listitemChecked: string;
+            listitemUnchecked: string;
+        };
+        code: string;
+        codeHighlight: {
+            comment: string;
+            punctuation: string;
+            property: string;
+            selector: string;
+            operator: string;
+            attr: string;
+            variable: string;
+            function: string;
+            keyword: string;
+            string: string;
+            number: string;
+            boolean: string;
+            regex: string;
+        };
+        link: string;
+        autolink: string;
+        table: string;
+        tableCell: string;
+        tableCellHeader: string;
+        hashtag: string;
+        image: string;
+        hr: string;
+        mark: string;
+    };
+    nodes: (typeof HeadingNode | typeof QuoteNode | typeof ListNode | typeof ListItemNode | typeof CodeNode | typeof CodeHighlightNode | typeof LinkNode | typeof TableNode | typeof TableCellNode | typeof TableRowNode | typeof HashtagNode | typeof MarkNode | typeof OverflowNode | typeof HorizontalRuleNode | typeof EquationNode | typeof ImageNode | typeof YouTubeNode | typeof JupyterCellNode | typeof JupyterInputNode | typeof JupyterInputHighlightNode | typeof JupyterOutputNode | typeof InlineCompletionNode)[];
+    onError(_error: Error): void;
+};

package/lib/examples/lexical/editorConfig.js

@@ -0,0 +1,55 @@
+/*
+ * Copyright (c) 2025-2026 Datalayer, Inc.
+ * Distributed under the terms of the Modified BSD License.
+ */
+import { HeadingNode, QuoteNode } from '@lexical/rich-text';
+import { ListNode, ListItemNode } from '@lexical/list';
+import { CodeNode, CodeHighlightNode } from '@lexical/code';
+import { LinkNode, AutoLinkNode } from '@lexical/link';
+import { TableNode, TableCellNode, TableRowNode } from '@lexical/table';
+import { HashtagNode } from '@lexical/hashtag';
+import { MarkNode } from '@lexical/mark';
+import { OverflowNode } from '@lexical/overflow';
+import { HorizontalRuleNode } from '@lexical/react/LexicalHorizontalRuleNode';
+import { EquationNode, ImageNode, YouTubeNode, JupyterCellNode, JupyterInputNode, JupyterInputHighlightNode, JupyterOutputNode, InlineCompletionNode, } from '@datalayer/jupyter-lexical';
+import { lexicalTheme } from './theme';
+/**
+ * Lexical editor configuration
+ */
+export const editorConfig = {
+    namespace: 'AgUiLexicalEditor',
+    editable: true,
+    theme: lexicalTheme,
+    nodes: [
+        // Basic rich text nodes
+        HeadingNode,
+        QuoteNode,
+        ListNode,
+        ListItemNode,
+        CodeNode,
+        CodeHighlightNode,
+        LinkNode,
+        AutoLinkNode,
+        // Table nodes
+        TableNode,
+        TableCellNode,
+        TableRowNode,
+        // Additional nodes from @lexical packages
+        HashtagNode,
+        MarkNode,
+        OverflowNode,
+        HorizontalRuleNode,
+        // Simple lexical nodes
+        EquationNode,
+        ImageNode,
+        YouTubeNode,
+        JupyterCellNode,
+        JupyterInputNode,
+        JupyterInputHighlightNode,
+        JupyterOutputNode,
+        InlineCompletionNode,
+    ],
+    onError(_error) {
+        // Lexical error handler
+    },
+};