@datalayer/agent-runtimes 1.0.29 → 1.3.10

package/lib/context/ContextDistribution.d.ts

@@ -109,5 +109,5 @@ export interface ContextDistributionProps {
 /**
  * ContextDistribution component displays context distribution as a treemap.
  */
-export declare function ContextDistribution({ agentId, height, liveData, }: ContextDistributionProps): import("react/jsx-runtime").JSX.Element;
+export declare function ContextDistribution({ agentId, height, liveData, }: ContextDistributionProps): import("react").JSX.Element;
 export default ContextDistribution;

package/lib/context/ContextInspector.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import type { MessageDetail } from './MessageHistory';
 /**
  * Tool detail from API
@@ -66,5 +67,5 @@ export interface ContextInspectorProps {
 /**
  * ContextInspector component displays full detailed context snapshot.
  */
-export declare function ContextInspector({ agentId, apiBase, liveData, }: ContextInspectorProps): import("react/jsx-runtime").JSX.Element;
+export declare function ContextInspector({ agentId, apiBase, liveData, }: ContextInspectorProps): React.JSX.Element;
 export default ContextInspector;

package/lib/context/ContextPanel.d.ts

@@ -110,5 +110,5 @@ export interface ContextPanelProps {
 /**
  * ContextPanel component - unified context usage display.
  */
-export declare function ContextPanel({ agentId, apiBase, liveData, messageCount, defaultView, chartHeight, }: ContextPanelProps): import("react/jsx-runtime").JSX.Element;
+export declare function ContextPanel({ agentId, apiBase, liveData, messageCount, defaultView, chartHeight, }: ContextPanelProps): import("react").JSX.Element;
 export default ContextPanel;

package/lib/context/ContextUsage.d.ts

@@ -31,5 +31,5 @@ export interface ContextUsageProps {
 /**
  * ContextUsage component displays token usage breakdown by category.
  */
-export declare function ContextUsage({ agentId, baseUrl }: ContextUsageProps): import("react/jsx-runtime").JSX.Element;
+export declare function ContextUsage({ agentId, baseUrl }: ContextUsageProps): import("react").JSX.Element;
 export default ContextUsage;

package/lib/context/CostTracker.d.ts

@@ -39,5 +39,5 @@ export interface CostTrackerProps {
 /**
  * Displays running cost and budget utilization for an agent.
  */
-export declare function CostTracker({ agentId: _agentId, compact, liveData, }: CostTrackerProps): import("react/jsx-runtime").JSX.Element;
+export declare function CostTracker({ agentId: _agentId, compact, liveData, }: CostTrackerProps): import("react").JSX.Element;
 export default CostTracker;

package/lib/context/CostUsageChart.d.ts

@@ -9,5 +9,5 @@ export interface CostUsageChartProps {
     liveTimestampMs?: number | null;
     height?: number;
 }
-export declare function CostUsageChart({ serviceName, agentId, runtimeId, apiKey, otelUrl, wsUrl, liveCumulativeUsd, liveTimestampMs, height, }: CostUsageChartProps): import("react/jsx-runtime").JSX.Element;
+export declare function CostUsageChart({ serviceName, agentId, runtimeId, apiKey, otelUrl, wsUrl, liveCumulativeUsd, liveTimestampMs, height, }: CostUsageChartProps): import("react").JSX.Element;
 export default CostUsageChart;

package/lib/context/CostUsageChart.js

@@ -178,8 +178,8 @@ function extractRuntimeId(row) {
     const directCandidates = [
         row.runtime_id,
         row.runtime,
-        row.pod_name,
-        row.k8s_pod_name,
+        row.runtime_name,
+        row.k8s_runtime_name,
     ];
     for (const candidate of directCandidates) {
         if (typeof candidate === 'string' && candidate.trim().length > 0) {
@@ -194,7 +194,7 @@ function extractRuntimeId(row) {
         : {};
     const attrCandidates = [
         attrs['runtime.id'],
-        attrs['runtime.pod_name'],
+        attrs['runtime.runtime_name'],
         attrs['k8s.pod.name'],
     ];
     for (const candidate of attrCandidates) {
@@ -205,7 +205,7 @@ function extractRuntimeId(row) {
     const resourceAttributes = parseResourceAttributes(row.resource_attributes);
     const resourceCandidates = [
         resourceAttributes['runtime.id'],
-        resourceAttributes['runtime.pod_name'],
+        resourceAttributes['runtime.runtime_name'],
         resourceAttributes['k8s.pod.name'],
     ];
     for (const candidate of resourceCandidates) {

package/lib/context/MessageHistory.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 /**
  * Message detail from API.
  */
@@ -17,7 +18,7 @@ export interface MessageDetail {
  */
 export declare function MessageDetailView({ message }: {
     message: MessageDetail;
-}): import("react/jsx-runtime").JSX.Element;
+}): React.JSX.Element;
 export interface MessageHistoryProps {
     /** Full ordered list of conversation messages. */
     messages: MessageDetail[];
@@ -26,5 +27,5 @@ export interface MessageHistoryProps {
  * Renders the conversation message history split into out-of-context and
  * in-context groups.
  */
-export declare function MessageHistory({ messages }: MessageHistoryProps): import("react/jsx-runtime").JSX.Element;
+export declare function MessageHistory({ messages }: MessageHistoryProps): React.JSX.Element;
 export default MessageHistory;

package/lib/context/TokenUsageChart.d.ts

@@ -14,5 +14,5 @@ export interface TokenUsageChartProps {
     height?: number;
     days?: number;
 }
-export declare function TokenUsageChart({ serviceName, agentId, runtimeId, apiKey, otelUrl, wsUrl, liveSystemPromptTokens, liveToolsDescriptionTokens, liveUserMessageTokens, liveAgentMessageTokens, liveToolsUsageTokens, liveTimestampMs, height, }: TokenUsageChartProps): import("react/jsx-runtime").JSX.Element;
+export declare function TokenUsageChart({ serviceName, agentId, runtimeId, apiKey, otelUrl, wsUrl, liveSystemPromptTokens, liveToolsDescriptionTokens, liveUserMessageTokens, liveAgentMessageTokens, liveToolsUsageTokens, liveTimestampMs, height, }: TokenUsageChartProps): import("react").JSX.Element;
 export default TokenUsageChart;

package/lib/context/TokenUsageChart.js

@@ -229,8 +229,8 @@ function extractRuntimeId(row) {
     const directCandidates = [
         row.runtime_id,
         row.runtime,
-        row.pod_name,
-        row.k8s_pod_name,
+        row.runtime_name,
+        row.k8s_runtime_name,
     ];
     for (const candidate of directCandidates) {
         if (typeof candidate === 'string' && candidate.trim().length > 0) {
@@ -240,7 +240,7 @@ function extractRuntimeId(row) {
     const attrs = parseAttributes(row.attributes);
     const attrCandidates = [
         attrs['runtime.id'],
-        attrs['runtime.pod_name'],
+        attrs['runtime.runtime_name'],
         attrs['k8s.pod.name'],
     ];
     for (const candidate of attrCandidates) {
@@ -251,7 +251,7 @@ function extractRuntimeId(row) {
     const resourceAttributes = parseResourceAttributes(row.resource_attributes);
     const resourceCandidates = [
         resourceAttributes['runtime.id'],
-        resourceAttributes['runtime.pod_name'],
+        resourceAttributes['runtime.runtime_name'],
         resourceAttributes['k8s.pod.name'],
     ];
     for (const candidate of resourceCandidates) {

package/lib/examples/A2UiAgentExample.js

@@ -30,11 +30,12 @@ import { A2UI_RENDER_SCOPE_SX, A2uiSurfaceComposed } from '../components/a2ui';
 import { ThemedProvider } from './utils/themedProvider';
 import { A2uiMarkdownProvider } from './utils/a2uiMarkdownProvider';
 import { useA2uiProcessor } from './utils/a2ui';
-import { useExampleAgentRuntimesUrl } from './utils/useExampleAgentRuntimesUrl';
 import { useExampleAgentRuntime } from './hooks/useExampleAgentRuntime';
 import { uniqueAgentId } from './utils/agentId';
 import { useSpecRenderToolResult, specRendererClassName, } from './hooks/useSpecRenderToolResult';
-import { Chat } from '../chat';
+import { LoopEmbed } from '../loop';
+import { AgentA2uiPlugin } from '../loop/plugins/agent-a2ui';
+import { createChatExtrasPlugin } from '../loop/plugins/chat-extras';
 setupPrimerPortals();
 const AGENT_NAME = 'a2ui-agent';
 const AGENTSPEC_ID = 'example-a2ui-agent';
@@ -98,7 +99,7 @@ function validateFieldValue(rule, value) {
         return `${rule.label} must be a valid email address.`;
     }
     if (rule.pattern && typeof value === 'string') {
-        let matches = true;
+        let matches;
         try {
             matches = new RegExp(rule.pattern).test(value.trim());
         }
@@ -207,9 +208,8 @@ const InlineA2uiSurface = ({ messages, onAction, validationError }) => {
                 }, children: _jsx(A2uiSurfaceComposed, { surface: surface }) }, surface.id)))] }));
 };
 const A2UiAgentExample = () => {
-    const baseUrl = useExampleAgentRuntimesUrl();
     const agentName = useMemo(() => uniqueAgentId(AGENT_NAME), []);
-    const { agentId, error: chatError, status, isReady, } = useExampleAgentRuntime({
+    const { agentId, error: chatError, status, isReady, baseUrl, } = useExampleAgentRuntime({
         exampleId: 'A2UiAgentExample',
         agentName,
         specId: AGENTSPEC_ID,
@@ -222,6 +222,7 @@ const A2UiAgentExample = () => {
     const [surfaceTitle, setSurfaceTitle] = useState(null);
     const [submissions, setSubmissions] = useState([]);
     const [pendingPrompt, setPendingPrompt] = useState(undefined);
+    void pendingPrompt;
     const [validationError, setValidationError] = useState(null);
     const submissionSeq = useRef(0);
     // Validation rules per surface id, populated from each tool result so the
@@ -320,6 +321,14 @@ const A2UiAgentExample = () => {
         },
     }), [handleAction, validationError]);
     const renderToolResult = useSpecRenderToolResult(AGENTSPEC_ID, renderers);
+    // The chat column is the shared loop on the A2UI capacity plugin; the
+    // example's own surface renderer reaches the transcript through the
+    // chat-extras channel, so tool results still draw as A2UI surfaces.
+    const { plugin: extrasPlugin, setExtras } = useMemo(() => createChatExtrasPlugin(), []);
+    const chatPlugins = useMemo(() => [AgentA2uiPlugin, extrasPlugin], [extrasPlugin]);
+    useEffect(() => {
+        setExtras({ renderToolResult });
+    }, [renderToolResult, setExtras]);
     const clearCanvas = useCallback(() => {
         resetSurfaces();
         setSurfaceTitle(null);
@@ -437,6 +446,6 @@ const A2UiAgentExample = () => {
                                 justifyContent: 'center',
                                 height: '100%',
                                 gap: 3,
-                            }, children: [_jsx(Spinner, { size: "large" }), _jsx(Text, { sx: { color: 'fg.muted' }, children: "Creating A2UI agent..." })] })) : chatError || !agentId ? (_jsx(Box, { sx: { p: 3 }, children: _jsxs(Text, { sx: { color: 'danger.fg' }, children: ["Failed to initialize chat:", ' ', chatError || 'No agent id returned'] }) })) : (_jsx(Chat, { protocol: "ag-ui", baseUrl: baseUrl, agentId: agentId, title: "A2UI Agent", description: "Generate interactive A2UI surfaces", placeholder: "Describe the UI you want...", showHeader: true, kernelIndicatorPlacement: "right", showModelSelector: true, showToolsMenu: true, showSkillsMenu: true, showTokenUsage: true, showInformation: true, autoFocus: true, height: "100%", runtimeId: agentId, historyEndpoint: `${baseUrl}/api/v1/history`, suggestions: SUGGESTIONS, submitOnSuggestionClick: true, pendingPrompt: pendingPrompt, renderToolResult: renderToolResult })) })] }) }) }));
+                            }, children: [_jsx(Spinner, { size: "large" }), _jsx(Text, { sx: { color: 'fg.muted' }, children: "Creating A2UI agent..." })] })) : chatError || !agentId ? (_jsx(Box, { sx: { p: 3 }, children: _jsxs(Text, { sx: { color: 'danger.fg' }, children: ["Failed to initialize chat:", ' ', chatError || 'No agent id returned'] }) })) : (_jsx(LoopEmbed, { serverUrl: baseUrl, target: "local", agentId: agentId, defaultEditor: "none", showHeader: true, plugins: chatPlugins })) })] }) }) }));
 };
 export default A2UiAgentExample;

package/lib/examples/A2UiComponentsGalleryExample.d.ts

@@ -1,3 +1,13 @@
+/**
+ * A2UI Components Gallery, as a reactor application.
+ *
+ * The scene lives in `./scenes/A2UiComponentsGalleryScene` and arrives as an A2UI scene
+ * plugin — one workspace view, ordered ahead of the chat. The rest is the
+ * standard chat plugins; there is no agent behind this scene, so the
+ * workspace runs on the browser target and costs no server.
+ *
+ * @module examples/A2UiComponentsGalleryExample
+ */
 import React from 'react';
 declare const A2UiComponentsGalleryExample: React.FC;
 export default A2UiComponentsGalleryExample;