@app-studio/web 0.9.37 → 0.9.38

package/dist/components/adk/AgentTrace/AgentTrace/AgentTrace.state.d.ts

@@ -1,27 +0,0 @@
-/// <reference types="react" />
-import { AgentTraceProps, TraceEvent, TraceSpan, TraceMetrics, TraceFilter, TraceExportOptions, VisualizationType } from './AgentTrace.props';
-/**
- * Custom hook for managing AgentTrace state and operations
- */
-export declare const useAgentTrace: (props: AgentTraceProps) => {
-    events: TraceEvent[];
-    spans: TraceSpan[];
-    selectedEvent: TraceEvent | null;
-    selectedSpan: TraceSpan | null;
-    metrics: TraceMetrics | null;
-    isLoading: boolean;
-    error: string | null;
-    filter: TraceFilter;
-    searchQuery: string;
-    currentVisualization: VisualizationType;
-    fetchTraceEvents: () => Promise<void>;
-    fetchTraceSpans: () => Promise<void>;
-    selectEvent: (eventId: string) => void;
-    selectSpan: (spanId: string) => void;
-    updateFilter: (newFilter: TraceFilter) => void;
-    exportTrace: (options: TraceExportOptions) => Promise<void>;
-    setSearchQuery: import("react").Dispatch<import("react").SetStateAction<string>>;
-    setCurrentVisualization: import("react").Dispatch<import("react").SetStateAction<VisualizationType>>;
-    setError: import("react").Dispatch<import("react").SetStateAction<string | null>>;
-    filteredEvents: TraceEvent[];
-};

package/dist/components/adk/AgentTrace/AgentTrace/AgentTrace.style.d.ts

@@ -1,146 +0,0 @@
-import { ViewProps } from 'app-studio';
-/**
- * Default styles for AgentTrace component
- * Following the app-studio design system with 4px grid, Inter/Geist fonts, and neutral palette
- */
-export declare const DefaultAgentTraceStyles: {
-    container: ViewProps;
-    header: ViewProps;
-    timeline: ViewProps;
-    eventList: ViewProps;
-    eventItem: ViewProps;
-    selectedEventItem: ViewProps;
-    eventHeader: ViewProps;
-    eventType: ViewProps;
-    eventTypeRequest: ViewProps;
-    eventTypeResponse: ViewProps;
-    eventTypeError: ViewProps;
-    eventTypeFunction: ViewProps;
-    eventTypeSystem: ViewProps;
-    eventContent: ViewProps;
-    eventMetadata: ViewProps;
-    eventDuration: ViewProps;
-    eventTimestamp: ViewProps;
-    metrics: ViewProps;
-    metricsGrid: ViewProps;
-    metricCard: ViewProps;
-    metricValue: ViewProps;
-    metricLabel: ViewProps;
-    visualization: ViewProps;
-    timelineContainer: ViewProps;
-    timelineAxis: ViewProps;
-    timelineEvent: ViewProps;
-    timelineSpan: ViewProps;
-    filters: ViewProps;
-    filterGroup: ViewProps;
-    filterLabel: ViewProps;
-    tagContainer: ViewProps;
-    tag: ViewProps;
-    emptyState: ViewProps;
-    loadingState: ViewProps;
-    errorState: ViewProps;
-    searchInput: ViewProps;
-    exportButton: ViewProps;
-    refreshButton: ViewProps;
-};
-/**
- * Event type color mapping
- */
-export declare const EventTypeColors: {
-    llm_request: string;
-    llm_response: string;
-    function_call: string;
-    function_response: string;
-    user_input: string;
-    agent_output: string;
-    error: string;
-    system: string;
-};
-/**
- * Size variants for AgentTrace
- */
-export declare const AgentTraceSizes: {
-    sm: {
-        container: {
-            height: string;
-        };
-        timeline: {
-            height: string;
-        };
-        eventList: {
-            minHeight: string;
-        };
-    };
-    md: {
-        container: {
-            height: string;
-        };
-        timeline: {
-            height: string;
-        };
-        eventList: {
-            minHeight: string;
-        };
-    };
-    lg: {
-        container: {
-            height: string;
-        };
-        timeline: {
-            height: string;
-        };
-        eventList: {
-            minHeight: string;
-        };
-    };
-    xl: {
-        container: {
-            height: string;
-        };
-        timeline: {
-            height: string;
-        };
-        eventList: {
-            minHeight: string;
-        };
-    };
-};
-/**
- * Theme variants for AgentTrace
- */
-export declare const AgentTraceThemes: {
-    light: {
-        container: {
-            backgroundColor: string;
-        };
-        header: {
-            backgroundColor: string;
-        };
-        timeline: {
-            backgroundColor: string;
-        };
-        eventList: {
-            backgroundColor: string;
-        };
-        metrics: {
-            backgroundColor: string;
-        };
-    };
-    dark: {
-        container: {
-            backgroundColor: string;
-        };
-        header: {
-            backgroundColor: string;
-        };
-        timeline: {
-            backgroundColor: string;
-        };
-        eventList: {
-            backgroundColor: string;
-        };
-        metrics: {
-            backgroundColor: string;
-        };
-    };
-};

package/dist/components/adk/AgentTrace/AgentTrace/AgentTrace.view.d.ts

@@ -1,12 +0,0 @@
-import React from 'react';
-import { AgentTraceProps } from './AgentTrace.props';
-import { useAgentTrace } from './AgentTrace.state';
-export interface AgentTraceViewProps extends Omit<AgentTraceProps, 'filter'>, ReturnType<typeof useAgentTrace> {
-}
-/**
- * AgentTrace View Component
- *
- * Renders the complete trace visualization interface with timeline, events, and metrics
- */
-declare const AgentTraceView: React.FC<AgentTraceViewProps>;
-export default AgentTraceView;

package/dist/components/adk/AgentTrace/AgentTrace/TraceEventList.d.ts

@@ -1,20 +0,0 @@
-import React from 'react';
-import { TraceEvent } from './AgentTrace.props';
-export interface TraceEventListProps {
-    events: TraceEvent[];
-    selectedEvent?: TraceEvent | null;
-    onEventSelect: (eventId: string) => void;
-    showDetails?: boolean;
-    compactMode?: boolean;
-    views?: {
-        container?: any;
-        eventItem?: any;
-        selectedEventItem?: any;
-    };
-}
-/**
- * TraceEventList Component
- *
- * Renders a list of trace events with selection and detail display
- */
-export declare const TraceEventList: React.FC<TraceEventListProps>;

package/dist/components/adk/AgentTrace/AgentTrace/TraceFilters.d.ts

@@ -1,13 +0,0 @@
-import React from 'react';
-import { TraceFilter } from './AgentTrace.props';
-export interface TraceFiltersProps {
-    filter: TraceFilter;
-    onFilterChange: (filter: TraceFilter) => void;
-    eventTypes: string[];
-}
-/**
- * TraceFilters Component
- *
- * Renders filter controls for trace events
- */
-export declare const TraceFilters: React.FC<TraceFiltersProps>;

package/dist/components/adk/AgentTrace/AgentTrace/TraceMetrics.d.ts

@@ -1,16 +0,0 @@
-import React from 'react';
-import { TraceMetrics as TraceMetricsType } from './AgentTrace.props';
-export interface TraceMetricsProps {
-    metrics: TraceMetricsType;
-    showPerformanceMetrics?: boolean;
-    compactMode?: boolean;
-    views?: {
-        container?: any;
-    };
-}
-/**
- * TraceMetrics Component
- *
- * Displays performance metrics and statistics for trace events
- */
-export declare const TraceMetrics: React.FC<TraceMetricsProps>;

package/dist/components/adk/AgentTrace/AgentTrace/TraceTimeline.d.ts

@@ -1,19 +0,0 @@
-import React from 'react';
-import { TraceEvent, TraceSpan } from './AgentTrace.props';
-export interface TraceTimelineProps {
-    events: TraceEvent[];
-    spans: TraceSpan[];
-    selectedEvent?: TraceEvent | null;
-    selectedSpan?: TraceSpan | null;
-    onEventSelect: (eventId: string) => void;
-    onSpanSelect: (spanId: string) => void;
-    views?: {
-        container?: any;
-    };
-}
-/**
- * TraceTimeline Component
- *
- * Renders a timeline visualization of trace events and spans
- */
-export declare const TraceTimeline: React.FC<TraceTimelineProps>;

package/dist/components/adk/AgentTrace/AgentTrace/TraceVisualization.d.ts

@@ -1,19 +0,0 @@
-import React from 'react';
-import { TraceEvent, TraceSpan, VisualizationType } from './AgentTrace.props';
-export interface TraceVisualizationProps {
-    events: TraceEvent[];
-    spans: TraceSpan[];
-    selectedEvent?: TraceEvent | null;
-    visualizationType: VisualizationType;
-    onVisualizationChange: (type: VisualizationType) => void;
-    onEventSelect: (eventId: string) => void;
-    views?: {
-        container?: any;
-    };
-}
-/**
- * TraceVisualization Component
- *
- * Renders different visualization types for trace data
- */
-export declare const TraceVisualization: React.FC<TraceVisualizationProps>;

package/dist/components/adk/AgentTrace/AgentTrace.d.ts

@@ -1,44 +0,0 @@
-import React from 'react';
-import { AgentTraceProps } from './AgentTrace/AgentTrace.props';
-/**
- * AgentTrace Component
- *
- * A comprehensive trace visualization component for ADK agents.
- * Displays execution traces, events, and performance metrics in an interactive format.
- *
- * @example
- * ```tsx
- * <AgentTrace
- *   sessionId="session-123"
- *   userId="user123"
- *   appName="my-agent"
- *   onEventSelect={(event) => console.log('Event selected:', event)}
- * />
- * ```
- *
- * @example
- * ```tsx
- * // With custom visualization and filtering
- * <AgentTrace
- *   sessionId="session-123"
- *   userId="user123"
- *   appName="my-agent"
- *   showTimeline={true}
- *   showMetrics={true}
- *   enableFiltering={true}
- *   enableExport={true}
- *   visualizationType="tree"
- *   autoRefresh={true}
- *   refreshInterval={5000}
- *   views={{
- *     container: { backgroundColor: 'color.gray.50' },
- *     timeline: { height: '200px' },
- *     eventList: { maxHeight: '400px' }
- *   }}
- * />
- * ```
- */
-declare const AgentTrace: React.FC<AgentTraceProps>;
-export default AgentTrace;
-export { AgentTrace };
-export type { AgentTraceProps };

package/dist/components/adk/useAdk.d.ts

@@ -1,42 +0,0 @@
-/// <reference types="react" />
-import type { CreateSessionParams, AgentRunRequest, SessionResponse } from '../../services/api';
-/**
- * Custom hook for ADK operations
- * Integrates with the existing ADK service and auth store
- */
-export declare const useAdk: () => {
-    isAuthenticated: any;
-    user: any;
-    currentSessionId: string | null;
-    sessions: SessionResponse[];
-    createSession: (params: CreateSessionParams) => void;
-    loadSessions: (appName?: string | undefined) => void;
-    loadSession: (sessionId: string) => void;
-    deleteSession: (sessionId: string) => void;
-    runAgent: (request: AgentRunRequest) => void;
-    runAgentStreaming: (request: AgentRunRequest) => void;
-    checkHealth: () => void;
-    getServiceInfo: () => void;
-    setCurrentSessionId: import("react").Dispatch<import("react").SetStateAction<string | null>>;
-    isCreatingSession: boolean;
-    isLoadingSessions: boolean;
-    isLoadingSession: boolean;
-    isDeletingSession: boolean;
-    isRunningAgent: boolean;
-    isRunningAgentStreaming: boolean;
-    isCheckingHealth: boolean;
-    isLoadingServiceInfo: boolean;
-    sessionData: any;
-    agentResponse: any;
-    agentStreamingResponse: any;
-    healthData: any;
-    serviceInfo: any;
-    createSessionError: Error | undefined;
-    listSessionsError: Error | undefined;
-    getSessionError: Error | undefined;
-    deleteSessionError: Error | undefined;
-    runAgentError: Error | undefined;
-    runAgentStreamingError: Error | undefined;
-    healthError: Error | undefined;
-    serviceInfoError: Error | undefined;
-};

package/dist/pages/adk/CompleteAgentApp.d.ts

@@ -1,30 +0,0 @@
-import React from 'react';
-/**
- * Complete Agent Application Example
- *
- * This example demonstrates how to integrate all ADK components
- * into a complete agent application with proper service management,
- * state coordination, and user experience.
- */
-interface CompleteAgentAppProps {
-    appName: string;
-    userId: string;
-    apiBaseUrl: string;
-}
-/**
- * Complete Agent Application with Service Provider
- */
-declare const CompleteAgentApp: React.FC<CompleteAgentAppProps>;
-/**
- * Usage Example
- */
-export declare const CompleteAgentAppExample: () => React.JSX.Element;
-/**
- * Development Example with Local API
- */
-export declare const DevelopmentExample: () => React.JSX.Element;
-/**
- * Production Example with Environment Variables
- */
-export declare const ProductionExample: () => React.JSX.Element;
-export default CompleteAgentApp;

package/dist/pages/adk/adkComponents.page.d.ts

@@ -1,8 +0,0 @@
-import React from 'react';
-/**
- * ADK Components Demo Page
- *
- * Comprehensive showcase of all ADK-compatible React components
- */
-declare const ADKComponentsPage: React.FC;
-export default ADKComponentsPage;

package/dist/pages/adk/adkIntegration.page.d.ts

@@ -1,6 +0,0 @@
-import React from 'react';
-/**
- * ADK Integration Page with Provider
- */
-declare const AdkIntegrationPage: React.FC;
-export default AdkIntegrationPage;

package/dist/pages/adk/agentChat.page.d.ts

@@ -1,8 +0,0 @@
-import React from 'react';
-/**
- * AgentChat Component Demo Page
- *
- * Showcases the AgentChat component with various configurations and use cases
- */
-declare const AgentChatPage: React.FC;
-export default AgentChatPage;

package/dist/pages/adk/providers/AdkProvider.d.ts

@@ -1,83 +0,0 @@
-import React, { ReactNode } from 'react';
-/**
- * ADK Context Type
- */
-interface AdkContextType {
-    isAuthenticated: boolean;
-    user: any;
-    currentSessionId: string | null;
-    sessions: any[];
-    createSession: (params: any) => void;
-    loadSessions: (appName?: string) => void;
-    loadSession: (sessionId: string) => void;
-    deleteSession: (sessionId: string) => void;
-    runAgent: (request: any) => void;
-    runAgentStreaming: (request: any) => void;
-    checkHealth: () => void;
-    getServiceInfo: () => void;
-    setCurrentSessionId: (sessionId: string | null) => void;
-    isCreatingSession: boolean;
-    isLoadingSessions: boolean;
-    isLoadingSession: boolean;
-    isDeletingSession: boolean;
-    isRunningAgent: boolean;
-    isRunningAgentStreaming: boolean;
-    isCheckingHealth: boolean;
-    isLoadingServiceInfo: boolean;
-    sessionData: any;
-    agentResponse: any;
-    agentStreamingResponse: any;
-    healthData: any;
-    serviceInfo: any;
-    createSessionError: any;
-    listSessionsError: any;
-    getSessionError: any;
-    deleteSessionError: any;
-    runAgentError: any;
-    runAgentStreamingError: any;
-    healthError: any;
-    serviceInfoError: any;
-    isConnected: boolean;
-    error: string | null;
-}
-/**
- * ADK Provider Props
- */
-interface AdkProviderProps {
-    children: ReactNode;
-}
-/**
- * ADK Provider Component
- *
- * Provides ADK functionality using the existing API services and auth store
- */
-export declare const AdkProvider: React.FC<AdkProviderProps>;
-/**
- * Hook to use ADK context
- */
-export declare const useAdkContext: () => AdkContextType;
-/**
- * Legacy hook for compatibility with existing components
- */
-export declare const useAgentService: () => {
-    isConnected: boolean;
-    error: string | null;
-    service: {
-        createSession: (params: any) => void;
-        listSessions: (appName?: string | undefined) => void;
-        getSession: (sessionId: string) => void;
-        deleteSession: (sessionId: string) => void;
-        runAgent: (request: any) => void;
-        runAgentStreaming: (request: any) => void;
-        healthCheck: () => void;
-        getServiceInfo: () => void;
-    };
-    currentSessionId: string | null;
-    sessions: any[];
-    isCreatingSession: boolean;
-    isLoadingSessions: boolean;
-    isRunningAgent: boolean;
-    agentResponse: any;
-    sessionData: any;
-};
-export {};

package/dist/pages/adk/providers/index.d.ts

@@ -1 +0,0 @@
-export { AdkProvider, useAdkContext, useAgentService } from './AdkProvider';

package/dist/pages/adk/services/AgentService.d.ts

@@ -1,167 +0,0 @@
-/**
- * Agent Service Integration
- *
- * Enhanced service layer for backend communication with ADK agents.
- * Provides a unified interface for all agent-related operations.
- */
-import { AgentSession, AgentMessage, AgentRunRequest } from '../../../components/adk/AgentChat/AgentChat/AgentChat.props';
-import { TraceEvent, TraceSpan, TraceMetrics } from '../../../components/adk/AgentTrace/AgentTrace/AgentTrace.props';
-import { EvaluationRun, EvaluationTestCase, EvaluationMetric } from '../../../components/adk/AgentEval/AgentEval/AgentEval.props';
-/**
- * Configuration for the Agent Service
- */
-export interface AgentServiceConfig {
-    baseUrl: string;
-    timeout?: number;
-    retryCount?: number;
-    enableLogging?: boolean;
-    apiKey?: string;
-    headers?: Record<string, string>;
-}
-/**
- * Event listener types for real-time updates
- */
-export declare type AgentEventListener = (event: any) => void;
-/**
- * Enhanced Agent Service Class
- *
- * Provides a comprehensive interface for interacting with ADK agents,
- * including session management, messaging, tracing, and evaluation.
- */
-export declare class AgentService {
-    private config;
-    private eventListeners;
-    private activeConnections;
-    constructor(config: AgentServiceConfig);
-    /**
-     * Session Management
-     */
-    /**
-     * Create a new agent session
-     */
-    createSession(appName: string, userId: string, metadata?: any): Promise<AgentSession>;
-    /**
-     * Get session details
-     */
-    getSession(sessionId: string): Promise<AgentSession>;
-    /**
-     * List sessions for a user
-     */
-    listSessions(userId: string, appName?: string, limit?: number): Promise<AgentSession[]>;
-    /**
-     * Delete a session
-     */
-    deleteSession(sessionId: string): Promise<void>;
-    /**
-     * Messaging
-     */
-    /**
-     * Send a message to an agent (non-streaming)
-     */
-    sendMessage(request: AgentRunRequest): Promise<any>;
-    /**
-     * Send a message to an agent with streaming response
-     */
-    sendMessageStreaming(request: AgentRunRequest, onMessage: (message: AgentMessage) => void, onError?: (error: Error) => void, onComplete?: () => void): Promise<void>;
-    /**
-     * Cancel a streaming request
-     */
-    cancelStreaming(sessionId: string): void;
-    /**
-     * Tracing
-     */
-    /**
-     * Get trace events for a session
-     */
-    getTraceEvents(sessionId: string, filters?: {
-        eventTypes?: string[];
-        startTime?: number;
-        endTime?: number;
-        limit?: number;
-    }): Promise<TraceEvent[]>;
-    /**
-     * Get trace spans for a session
-     */
-    getTraceSpans(sessionId: string): Promise<TraceSpan[]>;
-    /**
-     * Get trace metrics for a session
-     */
-    getTraceMetrics(sessionId: string): Promise<TraceMetrics>;
-    /**
-     * Subscribe to real-time trace updates
-     */
-    subscribeToTraceUpdates(sessionId: string, onUpdate: (update: any) => void, onError?: (error: Error) => void): void;
-    /**
-     * Evaluation
-     */
-    /**
-     * Create a new evaluation
-     */
-    createEvaluation(name: string, appName: string, userId: string, testCases: EvaluationTestCase[], metrics: EvaluationMetric[], config?: any): Promise<EvaluationRun>;
-    /**
-     * Start an evaluation
-     */
-    startEvaluation(evaluationId: string): Promise<void>;
-    /**
-     * Cancel an evaluation
-     */
-    cancelEvaluation(evaluationId: string): Promise<void>;
-    /**
-     * Get evaluation details
-     */
-    getEvaluation(evaluationId: string): Promise<EvaluationRun>;
-    /**
-     * List evaluations
-     */
-    listEvaluations(appName: string, userId: string, limit?: number): Promise<EvaluationRun[]>;
-    /**
-     * Delete an evaluation
-     */
-    deleteEvaluation(evaluationId: string): Promise<void>;
-    /**
-     * Subscribe to evaluation updates
-     */
-    subscribeToEvaluationUpdates(userId: string, onUpdate: (update: any) => void, onError?: (error: Error) => void): void;
-    /**
-     * Utility Methods
-     */
-    /**
-     * Make an HTTP request with retry logic
-     */
-    private request;
-    /**
-     * Get default headers for requests
-     */
-    private getHeaders;
-    /**
-     * Event Management
-     */
-    /**
-     * Add event listener
-     */
-    addEventListener(event: string, listener: AgentEventListener): void;
-    /**
-     * Remove event listener
-     */
-    removeEventListener(event: string, listener: AgentEventListener): void;
-    /**
-     * Emit event to listeners
-     */
-    private emit;
-    /**
-     * Cleanup all connections and listeners
-     */
-    cleanup(): void;
-}
-/**
- * Default Agent Service Instance
- *
- * Pre-configured service instance for common use cases
- */
-export declare const createAgentService: (config: AgentServiceConfig) => AgentService;
-/**
- * Agent Service Hook for React Components
- *
- * Provides a convenient way to use the Agent Service in React components
- */
-export declare const useAgentServiceHook: (config: AgentServiceConfig) => AgentService;