@erdoai/ui 0.1.18 → 0.1.20

package/dist/index.d.cts

@@ -1,7 +1,7 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import * as React from 'react';
+import * as React$1 from 'react';
 import React__default from 'react';
-import { ErdoClient, ContentItem, LogEntry, ToolGroup, InvocationStatus as InvocationStatus$1, SSEEvent, InvokeResult, InvokeParams } from '@erdoai/types';
+import { ErdoClient, ContentItem, InvokeResult, LogEntry, ToolGroup, InvocationStatus as InvocationStatus$1, SSEEvent, InvokeParams } from '@erdoai/types';
 export { ContentItem } from '@erdoai/types';
 import * as RechartsPrimitive from 'recharts';
 import { UseQueryResult } from '@tanstack/react-query';
@@ -122,8 +122,8 @@ declare const THEMES: {
 };
 type ChartConfig = {
     [k in string]: {
-        label?: React.ReactNode;
-        icon?: React.ComponentType;
+        label?: React$1.ReactNode;
+        icon?: React$1.ComponentType;
     } & ({
         color?: string;
         theme?: never;
@@ -132,9 +132,9 @@ type ChartConfig = {
         theme: Record<keyof typeof THEMES, string>;
     });
 };
-declare function ChartContainer({ id, className, children, config, debounceResize, ...props }: React.ComponentProps<'div'> & {
+declare function ChartContainer({ id, className, children, config, debounceResize, ...props }: React$1.ComponentProps<'div'> & {
     config: ChartConfig;
-    children: React.ComponentProps<typeof RechartsPrimitive.ResponsiveContainer>['children'];
+    children: React$1.ComponentProps<typeof RechartsPrimitive.ResponsiveContainer>['children'];
     /** Debounce resize events by 200ms to prevent animation restarts during streaming */
     debounceResize?: boolean;
 }): react_jsx_runtime.JSX.Element;
@@ -158,9 +158,9 @@ interface ChartTooltipContentProps {
     indicator?: 'line' | 'dot' | 'dashed';
     hideLabel?: boolean;
     hideIndicator?: boolean;
-    labelFormatter?: (label: any, payload: any) => React.ReactNode;
+    labelFormatter?: (label: any, payload: any) => React$1.ReactNode;
     labelClassName?: string;
-    formatter?: (value: any, name: any, item: any, index: number, payload: any) => React.ReactNode;
+    formatter?: (value: any, name: any, item: any, index: number, payload: any) => React$1.ReactNode;
     color?: string;
     nameKey?: string;
     labelKey?: string;
@@ -764,6 +764,50 @@ interface ContentProps {
  */
 declare function Content({ content, className, components }: ContentProps): react_jsx_runtime.JSX.Element | null;
 
+interface ErdoUIProps {
+    /** Result from an Erdo invocation */
+    result: InvokeResult | null;
+    /** Whether the invocation is still streaming */
+    isStreaming?: boolean;
+    /** Additional CSS class name */
+    className?: string;
+    /** Override renderers for specific content types */
+    components?: Record<string, React.ComponentType<any>>;
+    /** Text to show while streaming (optional - shows accumulated text if provided) */
+    streamingText?: string;
+}
+/**
+ * Main component for rendering Erdo agent results
+ *
+ * @example
+ * ```tsx
+ * import { ErdoUI, useInvocation } from '@erdoai/ui';
+ *
+ * function MyComponent() {
+ *   const { result, isStreaming, invoke } = useInvocation();
+ *
+ *   return (
+ *     <div>
+ *       <button onClick={() => invoke('my-bot', { messages: [...] })}>
+ *         Invoke
+ *       </button>
+ *       <ErdoUI result={result} isStreaming={isStreaming} />
+ *     </div>
+ *   );
+ * }
+ * ```
+ */
+declare function ErdoUI({ result, isStreaming, className, components, streamingText }: ErdoUIProps): react_jsx_runtime.JSX.Element | null;
+
+/**
+ * Extract visible content items from SSE events in an InvokeResult.
+ * This finds content from result events with user_visibility='visible'
+ * and properly sets ui_content_type for rendering.
+ */
+declare function extractContentItems(result: InvokeResult): Array<ContentItem & {
+    id: string;
+}>;
+
 interface TextContentProps {
     content: string;
     className?: string;
@@ -1269,4 +1313,4 @@ declare function handleIncrementalMixedJsonParsing(outputContent: MessageContent
  */
 declare function handleSSEEvent(eventType: string, event: SSEEventData, path: string[], threadID: string, activeMessagesByID: Record<string, MessageWithContents>, currentEntity?: Entity | null, parents?: Entity[], entityIds?: Record<string, string>): Entity | null;
 
-export { BarChart, type BaseChartProps, type BotInvocation, BotInvocationContent, type BotInvocationContentData, type BotInvocationContentProps, type BotInvocationData, type BotInvocationEventInfo, type BotInvocationStatusInfo, Chart, type ChartConfig, ChartContainer, ChartContent, type ChartContentProps, ChartLegend, ChartLegendContent, ChartStyle, ChartTooltip, ChartTooltipContent, CodeexecContent, type CodeexecContentProps, CodegenContent, type CodegenContentProps, CollapsibleCodeBlock, type CollapsibleCodeBlockProps, Content, type ContentChartConfig, type ContentChunk, type ContentComponentProps, type ContentProps, type ContentType, type DataFetcher, DatasetChart, type DatasetChartProps, DatasetTable, type DatasetTableProps, type Entity, type EntityType, ErdoProvider, type ErdoProviderConfig, type ErdoProviderProps, ErrorBoundary, ExecutionStatus, ExpandableOutputContent, type ExpandableOutputContentProps, HeatmapChart, InvocationEvent, type InvocationEventProps, InvocationEvents, type InvocationEventsProps, InvocationStatus, JSONStreamParser, type JSONValue, JsonContent, type JsonContentProps, LineChart, Log, LogContent, type LogContentProps, type LogProps, MarkdownContent, type MarkdownContentProps, type Message, type MessageContent, type MessageStreamingState, type MessageWithContents, Output, type OutputContent, type OutputProps, type OutputWithContents, PieChart, type ResolvedBotInvocation, type ResultHandler, type SSEEventData, ScatterChart, type SpinnerStatus, SqlContent, type SqlContentProps, type Status, type StatusEvent, StatusSpinner, type StatusSpinnerProps, StderrText, StdoutText, StdwarnText, type Step, StepInvocation, type StepInvocationProps, StepInvocationStatus, type StepInvocationStatusProps, TableContent, type TableContentProps, TextContent, type TextContentProps, ThinkingContent, type ThinkingContentProps, ToolGroupContent, type ToolGroupContentProps, type UseInvocationOptions, type UseInvocationReturn, WebParseContent, type WebParseContentProps, WebSearchContent, type WebSearchContentProps, type WrapperType, cn, formatValue, handleIncrementalMixedJsonParsing, handleSSEEvent, isJsonLike, isParsingComplete, isParsingInProgress, isWhitespaceChar, parseCompleteJson, parseMixedJson, parseToDate, resolveKeyFromData, toSnakeCase, useChartZoom, useDatasetContents, useErdoConfig, useErdoConfigOptional, useInvocation, useMultipleDatasetContents };
+export { BarChart, type BaseChartProps, type BotInvocation, BotInvocationContent, type BotInvocationContentData, type BotInvocationContentProps, type BotInvocationData, type BotInvocationEventInfo, type BotInvocationStatusInfo, Chart, type ChartConfig, ChartContainer, ChartContent, type ChartContentProps, ChartLegend, ChartLegendContent, ChartStyle, ChartTooltip, ChartTooltipContent, CodeexecContent, type CodeexecContentProps, CodegenContent, type CodegenContentProps, CollapsibleCodeBlock, type CollapsibleCodeBlockProps, Content, type ContentChartConfig, type ContentChunk, type ContentComponentProps, type ContentProps, type ContentType, type DataFetcher, DatasetChart, type DatasetChartProps, DatasetTable, type DatasetTableProps, type Entity, type EntityType, ErdoProvider, type ErdoProviderConfig, type ErdoProviderProps, ErdoUI, type ErdoUIProps, ErrorBoundary, ExecutionStatus, ExpandableOutputContent, type ExpandableOutputContentProps, HeatmapChart, InvocationEvent, type InvocationEventProps, InvocationEvents, type InvocationEventsProps, InvocationStatus, JSONStreamParser, type JSONValue, JsonContent, type JsonContentProps, LineChart, Log, LogContent, type LogContentProps, type LogProps, MarkdownContent, type MarkdownContentProps, type Message, type MessageContent, type MessageStreamingState, type MessageWithContents, Output, type OutputContent, type OutputProps, type OutputWithContents, PieChart, type ResolvedBotInvocation, type ResultHandler, type SSEEventData, ScatterChart, type SpinnerStatus, SqlContent, type SqlContentProps, type Status, type StatusEvent, StatusSpinner, type StatusSpinnerProps, StderrText, StdoutText, StdwarnText, type Step, StepInvocation, type StepInvocationProps, StepInvocationStatus, type StepInvocationStatusProps, TableContent, type TableContentProps, TextContent, type TextContentProps, ThinkingContent, type ThinkingContentProps, ToolGroupContent, type ToolGroupContentProps, type UseInvocationOptions, type UseInvocationReturn, WebParseContent, type WebParseContentProps, WebSearchContent, type WebSearchContentProps, type WrapperType, cn, extractContentItems, formatValue, handleIncrementalMixedJsonParsing, handleSSEEvent, isJsonLike, isParsingComplete, isParsingInProgress, isWhitespaceChar, parseCompleteJson, parseMixedJson, parseToDate, resolveKeyFromData, toSnakeCase, useChartZoom, useDatasetContents, useErdoConfig, useErdoConfigOptional, useInvocation, useMultipleDatasetContents };

package/dist/index.d.ts

@@ -1,7 +1,7 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import * as React from 'react';
+import * as React$1 from 'react';
 import React__default from 'react';
-import { ErdoClient, ContentItem, LogEntry, ToolGroup, InvocationStatus as InvocationStatus$1, SSEEvent, InvokeResult, InvokeParams } from '@erdoai/types';
+import { ErdoClient, ContentItem, InvokeResult, LogEntry, ToolGroup, InvocationStatus as InvocationStatus$1, SSEEvent, InvokeParams } from '@erdoai/types';
 export { ContentItem } from '@erdoai/types';
 import * as RechartsPrimitive from 'recharts';
 import { UseQueryResult } from '@tanstack/react-query';
@@ -122,8 +122,8 @@ declare const THEMES: {
 };
 type ChartConfig = {
     [k in string]: {
-        label?: React.ReactNode;
-        icon?: React.ComponentType;
+        label?: React$1.ReactNode;
+        icon?: React$1.ComponentType;
     } & ({
         color?: string;
         theme?: never;
@@ -132,9 +132,9 @@ type ChartConfig = {
         theme: Record<keyof typeof THEMES, string>;
     });
 };
-declare function ChartContainer({ id, className, children, config, debounceResize, ...props }: React.ComponentProps<'div'> & {
+declare function ChartContainer({ id, className, children, config, debounceResize, ...props }: React$1.ComponentProps<'div'> & {
     config: ChartConfig;
-    children: React.ComponentProps<typeof RechartsPrimitive.ResponsiveContainer>['children'];
+    children: React$1.ComponentProps<typeof RechartsPrimitive.ResponsiveContainer>['children'];
     /** Debounce resize events by 200ms to prevent animation restarts during streaming */
     debounceResize?: boolean;
 }): react_jsx_runtime.JSX.Element;
@@ -158,9 +158,9 @@ interface ChartTooltipContentProps {
     indicator?: 'line' | 'dot' | 'dashed';
     hideLabel?: boolean;
     hideIndicator?: boolean;
-    labelFormatter?: (label: any, payload: any) => React.ReactNode;
+    labelFormatter?: (label: any, payload: any) => React$1.ReactNode;
     labelClassName?: string;
-    formatter?: (value: any, name: any, item: any, index: number, payload: any) => React.ReactNode;
+    formatter?: (value: any, name: any, item: any, index: number, payload: any) => React$1.ReactNode;
     color?: string;
     nameKey?: string;
     labelKey?: string;
@@ -764,6 +764,50 @@ interface ContentProps {
  */
 declare function Content({ content, className, components }: ContentProps): react_jsx_runtime.JSX.Element | null;
 
+interface ErdoUIProps {
+    /** Result from an Erdo invocation */
+    result: InvokeResult | null;
+    /** Whether the invocation is still streaming */
+    isStreaming?: boolean;
+    /** Additional CSS class name */
+    className?: string;
+    /** Override renderers for specific content types */
+    components?: Record<string, React.ComponentType<any>>;
+    /** Text to show while streaming (optional - shows accumulated text if provided) */
+    streamingText?: string;
+}
+/**
+ * Main component for rendering Erdo agent results
+ *
+ * @example
+ * ```tsx
+ * import { ErdoUI, useInvocation } from '@erdoai/ui';
+ *
+ * function MyComponent() {
+ *   const { result, isStreaming, invoke } = useInvocation();
+ *
+ *   return (
+ *     <div>
+ *       <button onClick={() => invoke('my-bot', { messages: [...] })}>
+ *         Invoke
+ *       </button>
+ *       <ErdoUI result={result} isStreaming={isStreaming} />
+ *     </div>
+ *   );
+ * }
+ * ```
+ */
+declare function ErdoUI({ result, isStreaming, className, components, streamingText }: ErdoUIProps): react_jsx_runtime.JSX.Element | null;
+
+/**
+ * Extract visible content items from SSE events in an InvokeResult.
+ * This finds content from result events with user_visibility='visible'
+ * and properly sets ui_content_type for rendering.
+ */
+declare function extractContentItems(result: InvokeResult): Array<ContentItem & {
+    id: string;
+}>;
+
 interface TextContentProps {
     content: string;
     className?: string;
@@ -1269,4 +1313,4 @@ declare function handleIncrementalMixedJsonParsing(outputContent: MessageContent
  */
 declare function handleSSEEvent(eventType: string, event: SSEEventData, path: string[], threadID: string, activeMessagesByID: Record<string, MessageWithContents>, currentEntity?: Entity | null, parents?: Entity[], entityIds?: Record<string, string>): Entity | null;
 
-export { BarChart, type BaseChartProps, type BotInvocation, BotInvocationContent, type BotInvocationContentData, type BotInvocationContentProps, type BotInvocationData, type BotInvocationEventInfo, type BotInvocationStatusInfo, Chart, type ChartConfig, ChartContainer, ChartContent, type ChartContentProps, ChartLegend, ChartLegendContent, ChartStyle, ChartTooltip, ChartTooltipContent, CodeexecContent, type CodeexecContentProps, CodegenContent, type CodegenContentProps, CollapsibleCodeBlock, type CollapsibleCodeBlockProps, Content, type ContentChartConfig, type ContentChunk, type ContentComponentProps, type ContentProps, type ContentType, type DataFetcher, DatasetChart, type DatasetChartProps, DatasetTable, type DatasetTableProps, type Entity, type EntityType, ErdoProvider, type ErdoProviderConfig, type ErdoProviderProps, ErrorBoundary, ExecutionStatus, ExpandableOutputContent, type ExpandableOutputContentProps, HeatmapChart, InvocationEvent, type InvocationEventProps, InvocationEvents, type InvocationEventsProps, InvocationStatus, JSONStreamParser, type JSONValue, JsonContent, type JsonContentProps, LineChart, Log, LogContent, type LogContentProps, type LogProps, MarkdownContent, type MarkdownContentProps, type Message, type MessageContent, type MessageStreamingState, type MessageWithContents, Output, type OutputContent, type OutputProps, type OutputWithContents, PieChart, type ResolvedBotInvocation, type ResultHandler, type SSEEventData, ScatterChart, type SpinnerStatus, SqlContent, type SqlContentProps, type Status, type StatusEvent, StatusSpinner, type StatusSpinnerProps, StderrText, StdoutText, StdwarnText, type Step, StepInvocation, type StepInvocationProps, StepInvocationStatus, type StepInvocationStatusProps, TableContent, type TableContentProps, TextContent, type TextContentProps, ThinkingContent, type ThinkingContentProps, ToolGroupContent, type ToolGroupContentProps, type UseInvocationOptions, type UseInvocationReturn, WebParseContent, type WebParseContentProps, WebSearchContent, type WebSearchContentProps, type WrapperType, cn, formatValue, handleIncrementalMixedJsonParsing, handleSSEEvent, isJsonLike, isParsingComplete, isParsingInProgress, isWhitespaceChar, parseCompleteJson, parseMixedJson, parseToDate, resolveKeyFromData, toSnakeCase, useChartZoom, useDatasetContents, useErdoConfig, useErdoConfigOptional, useInvocation, useMultipleDatasetContents };
+export { BarChart, type BaseChartProps, type BotInvocation, BotInvocationContent, type BotInvocationContentData, type BotInvocationContentProps, type BotInvocationData, type BotInvocationEventInfo, type BotInvocationStatusInfo, Chart, type ChartConfig, ChartContainer, ChartContent, type ChartContentProps, ChartLegend, ChartLegendContent, ChartStyle, ChartTooltip, ChartTooltipContent, CodeexecContent, type CodeexecContentProps, CodegenContent, type CodegenContentProps, CollapsibleCodeBlock, type CollapsibleCodeBlockProps, Content, type ContentChartConfig, type ContentChunk, type ContentComponentProps, type ContentProps, type ContentType, type DataFetcher, DatasetChart, type DatasetChartProps, DatasetTable, type DatasetTableProps, type Entity, type EntityType, ErdoProvider, type ErdoProviderConfig, type ErdoProviderProps, ErdoUI, type ErdoUIProps, ErrorBoundary, ExecutionStatus, ExpandableOutputContent, type ExpandableOutputContentProps, HeatmapChart, InvocationEvent, type InvocationEventProps, InvocationEvents, type InvocationEventsProps, InvocationStatus, JSONStreamParser, type JSONValue, JsonContent, type JsonContentProps, LineChart, Log, LogContent, type LogContentProps, type LogProps, MarkdownContent, type MarkdownContentProps, type Message, type MessageContent, type MessageStreamingState, type MessageWithContents, Output, type OutputContent, type OutputProps, type OutputWithContents, PieChart, type ResolvedBotInvocation, type ResultHandler, type SSEEventData, ScatterChart, type SpinnerStatus, SqlContent, type SqlContentProps, type Status, type StatusEvent, StatusSpinner, type StatusSpinnerProps, StderrText, StdoutText, StdwarnText, type Step, StepInvocation, type StepInvocationProps, StepInvocationStatus, type StepInvocationStatusProps, TableContent, type TableContentProps, TextContent, type TextContentProps, ThinkingContent, type ThinkingContentProps, ToolGroupContent, type ToolGroupContentProps, type UseInvocationOptions, type UseInvocationReturn, WebParseContent, type WebParseContentProps, WebSearchContent, type WebSearchContentProps, type WrapperType, cn, extractContentItems, formatValue, handleIncrementalMixedJsonParsing, handleSSEEvent, isJsonLike, isParsingComplete, isParsingInProgress, isWhitespaceChar, parseCompleteJson, parseMixedJson, parseToDate, resolveKeyFromData, toSnakeCase, useChartZoom, useDatasetContents, useErdoConfig, useErdoConfigOptional, useInvocation, useMultipleDatasetContents };