@app-studio/web 0.9.36 → 0.9.38

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

@@ -1,132 +0,0 @@
-import { ViewProps } from 'app-studio';
-/**
- * Default styles for AgentChat component
- * Following the app-studio design system with 4px grid, Inter/Geist fonts, and neutral palette
- */
-export declare const DefaultAgentChatStyles: {
-    container: ViewProps;
-    header: ViewProps;
-    messageList: ViewProps;
-    emptyState: ViewProps;
-    inputArea: ViewProps;
-    attachmentArea: ViewProps;
-    message: ViewProps;
-    userMessage: ViewProps;
-    botMessage: ViewProps;
-    thoughtMessage: ViewProps;
-    loadingMessage: ViewProps;
-    messageHeader: ViewProps;
-    messageContent: ViewProps;
-    messageFooter: ViewProps;
-    timestamp: ViewProps;
-    avatar: ViewProps;
-    userAvatar: ViewProps;
-    botAvatar: ViewProps;
-    attachmentPreview: ViewProps;
-    attachmentRemove: ViewProps;
-    typingIndicator: ViewProps;
-    typingDot: ViewProps;
-    functionCall: ViewProps;
-    functionResponse: ViewProps;
-    codeBlock: ViewProps;
-    inlineData: ViewProps;
-    errorMessage: ViewProps;
-    loadingOverlay: ViewProps;
-    runProgress: ViewProps;
-};
-/**
- * Animation styles for typing indicator
- */
-export declare const TypingAnimationStyles: {
-    dot1: {
-        animationDelay: string;
-    };
-    dot2: {
-        animationDelay: string;
-    };
-    dot3: {
-        animationDelay: string;
-    };
-};
-/**
- * Responsive breakpoints for AgentChat
- */
-export declare const AgentChatBreakpoints: {
-    mobile: string;
-    tablet: string;
-    desktop: string;
-};
-/**
- * Size variants for AgentChat
- */
-export declare const AgentChatSizes: {
-    sm: {
-        container: {
-            height: string;
-        };
-        messageList: {
-            minHeight: string;
-            maxHeight: string;
-        };
-    };
-    md: {
-        container: {
-            height: string;
-        };
-        messageList: {
-            minHeight: string;
-            maxHeight: string;
-        };
-    };
-    lg: {
-        container: {
-            height: string;
-        };
-        messageList: {
-            minHeight: string;
-            maxHeight: string;
-        };
-    };
-    xl: {
-        container: {
-            height: string;
-        };
-        messageList: {
-            minHeight: string;
-            maxHeight: string;
-        };
-    };
-};
-/**
- * Theme variants for AgentChat
- */
-export declare const AgentChatThemes: {
-    light: {
-        container: {
-            backgroundColor: string;
-        };
-        header: {
-            backgroundColor: string;
-        };
-        messageList: {
-            backgroundColor: string;
-        };
-        inputArea: {
-            backgroundColor: string;
-        };
-    };
-    dark: {
-        container: {
-            backgroundColor: string;
-        };
-        header: {
-            backgroundColor: string;
-        };
-        messageList: {
-            backgroundColor: string;
-        };
-        inputArea: {
-            backgroundColor: string;
-        };
-    };
-};

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

@@ -1,12 +0,0 @@
-import React from 'react';
-import { AgentChatProps } from './AgentChat.props';
-import { useAgentChat } from './AgentChat.state';
-export interface AgentChatViewProps extends Omit<AgentChatProps, 'sessionId'>, ReturnType<typeof useAgentChat> {
-}
-/**
- * AgentChat View Component
- *
- * Renders the complete chat interface with message list, input area, and controls
- */
-declare const AgentChatView: React.FC<AgentChatViewProps>;
-export default AgentChatView;

package/dist/components/adk/AgentChat/AgentChat/AgentMessage.d.ts

@@ -1,21 +0,0 @@
-import React from 'react';
-import { AgentMessage as AgentMessageType } from './AgentChat.props';
-export interface AgentMessageProps {
-    message: AgentMessageType;
-    showTimestamp?: boolean;
-    showAvatar?: boolean;
-    isLast?: boolean;
-    views?: {
-        container?: any;
-        content?: any;
-        timestamp?: any;
-        avatar?: any;
-    };
-}
-/**
- * AgentMessage Component
- *
- * Renders individual messages in the chat with support for different message types,
- * attachments, function calls, code execution, and more.
- */
-export declare const AgentMessage: React.FC<AgentMessageProps>;

package/dist/components/adk/AgentChat/AgentChat/AgentRunProgress.d.ts

@@ -1,11 +0,0 @@
-import React from 'react';
-import { AgentMessage } from './AgentChat.props';
-interface AgentRunProgressProps {
-    messages: AgentMessage[];
-    isTyping: boolean;
-}
-/**
- * Displays a step-by-step view of the agent's reasoning and execution
- */
-export declare const AgentRunProgress: React.FC<AgentRunProgressProps>;
-export default AgentRunProgress;

package/dist/components/adk/AgentChat/AgentChat/AgentTypingIndicator.d.ts

@@ -1,7 +0,0 @@
-import React from 'react';
-/**
- * AgentTypingIndicator Component
- *
- * Shows an animated typing indicator when the agent is processing a response
- */
-export declare const AgentTypingIndicator: React.FC;

package/dist/components/adk/AgentChat/AgentChat/MessageAttachmentPreview.d.ts

@@ -1,12 +0,0 @@
-import React from 'react';
-import { MessageAttachment } from './AgentChat.props';
-export interface MessageAttachmentPreviewProps {
-    attachment: MessageAttachment;
-    onRemove?: () => void;
-}
-/**
- * MessageAttachmentPreview Component
- *
- * Shows a preview of attached files with the ability to remove them
- */
-export declare const MessageAttachmentPreview: React.FC<MessageAttachmentPreviewProps>;

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

@@ -1,41 +0,0 @@
-import React from 'react';
-import { AgentChatProps } from './AgentChat/AgentChat.props';
-/**
- * AgentChat Component
- *
- * A comprehensive chat interface for interacting with ADK agents.
- * Supports real-time messaging, file uploads, agent responses, and session management.
- *
- * @example
- * ```tsx
- * <AgentChat
- *   appName="my-agent"
- *   userId="user123"
- *   onSessionCreate={(session) => console.log('Session created:', session)}
- *   onMessageSent={(message) => console.log('Message sent:', message)}
- * />
- * ```
- *
- * @example
- * ```tsx
- * // With custom styling and configuration
- * <AgentChat
- *   appName="my-agent"
- *   userId="user123"
- *   enableFileUpload={true}
- *   enableAudioRecording={true}
- *   enableVideoRecording={true}
- *   maxFileSize={10 * 1024 * 1024} // 10MB
- *   apiBaseUrl="http://localhost:3000/adk"
- *   views={{
- *     container: { backgroundColor: 'color.gray.50' },
- *     messageList: { maxHeight: '400px' },
- *     inputArea: { borderRadius: '12px' }
- *   }}
- * />
- * ```
- */
-declare const AgentChat: React.FC<AgentChatProps>;
-export default AgentChat;
-export { AgentChat };
-export type { AgentChatProps };

package/dist/components/adk/AgentEval/AgentEval/AgentEval.props.d.ts

@@ -1,213 +0,0 @@
-import { ViewProps } from 'app-studio';
-/**
- * Core ADK Evaluation Types
- */
-export interface EvaluationMetric {
-    id: string;
-    name: string;
-    description: string;
-    type: 'accuracy' | 'latency' | 'cost' | 'quality' | 'safety' | 'custom';
-    threshold?: number;
-    weight?: number;
-    config?: Record<string, any>;
-}
-export interface EvaluationTestCase {
-    id: string;
-    name: string;
-    description?: string;
-    input: any;
-    expectedOutput?: any;
-    metadata?: Record<string, any>;
-    tags?: string[];
-}
-export interface EvaluationRun {
-    id: string;
-    name: string;
-    appName: string;
-    userId: string;
-    status: 'pending' | 'running' | 'completed' | 'failed' | 'cancelled';
-    progress: number;
-    startTime: number;
-    endTime?: number;
-    duration?: number;
-    testCases: EvaluationTestCase[];
-    metrics: EvaluationMetric[];
-    results?: EvaluationResult[];
-    summary?: EvaluationSummary;
-    config?: EvaluationConfig;
-    error?: string;
-}
-export interface EvaluationResult {
-    id: string;
-    evaluationId: string;
-    testCaseId: string;
-    status: 'pass' | 'fail' | 'error' | 'skip';
-    score?: number;
-    actualOutput?: any;
-    metrics: Record<string, number>;
-    duration: number;
-    error?: string;
-    details?: Record<string, any>;
-    timestamp: number;
-}
-export interface EvaluationSummary {
-    totalTests: number;
-    passedTests: number;
-    failedTests: number;
-    errorTests: number;
-    skippedTests: number;
-    averageScore: number;
-    totalDuration: number;
-    metricsAverages: Record<string, number>;
-    passRate: number;
-}
-export interface EvaluationConfig {
-    maxConcurrency?: number;
-    timeout?: number;
-    retryCount?: number;
-    stopOnFailure?: boolean;
-    randomizeOrder?: boolean;
-    enableDetailedLogging?: boolean;
-}
-/**
- * Component View Customization
- */
-export interface AgentEvalViews {
-    container?: ViewProps;
-    header?: ViewProps;
-    toolbar?: ViewProps;
-    evaluationList?: ViewProps;
-    createPanel?: ViewProps;
-    resultsPanel?: ViewProps;
-    metricsPanel?: ViewProps;
-    configPanel?: ViewProps;
-    evaluationItem?: ViewProps;
-    activeEvaluationItem?: ViewProps;
-    evaluationTitle?: ViewProps;
-    evaluationDescription?: ViewProps;
-    evaluationStatus?: ViewProps;
-    evaluationProgress?: ViewProps;
-    evaluationMetrics?: ViewProps;
-    evaluationTimestamp?: ViewProps;
-    testCaseList?: ViewProps;
-    testCaseItem?: ViewProps;
-    testCaseInput?: ViewProps;
-    testCaseOutput?: ViewProps;
-    testCaseExpected?: ViewProps;
-    testCaseResult?: ViewProps;
-    testCaseMetrics?: ViewProps;
-    progressBar?: ViewProps;
-    statusIndicator?: ViewProps;
-    statusBadge?: ViewProps;
-    scoreDisplay?: ViewProps;
-    durationDisplay?: ViewProps;
-    actionButtons?: ViewProps;
-    runButton?: ViewProps;
-    stopButton?: ViewProps;
-    exportButton?: ViewProps;
-    refreshButton?: ViewProps;
-    deleteButton?: ViewProps;
-    duplicateButton?: ViewProps;
-    searchInput?: ViewProps;
-    filterDropdown?: ViewProps;
-    sortDropdown?: ViewProps;
-    statusFilter?: ViewProps;
-    emptyState?: ViewProps;
-    loadingState?: ViewProps;
-    errorState?: ViewProps;
-    chartContainer?: ViewProps;
-    metricsChart?: ViewProps;
-    resultsTable?: ViewProps;
-    summaryCard?: ViewProps;
-}
-/**
- * Event Handlers
- */
-export interface AgentEvalEventHandlers {
-    onEvaluationCreate?: (evaluation: EvaluationRun) => void;
-    onEvaluationStart?: (evaluationId: string) => void;
-    onEvaluationComplete?: (result: EvaluationRun) => void;
-    onEvaluationCancel?: (evaluationId: string) => void;
-    onEvaluationDelete?: (evaluationId: string) => void;
-    onTestCaseSelect?: (testCase: EvaluationTestCase) => void;
-    onResultSelect?: (result: EvaluationResult) => void;
-    onExport?: (format: 'json' | 'csv' | 'pdf') => void;
-    onError?: (error: Error) => void;
-    onRefresh?: () => void;
-}
-/**
- * Evaluation Templates
- */
-export interface EvaluationTemplate {
-    id: string;
-    name: string;
-    description: string;
-    testCases: EvaluationTestCase[];
-    metrics: EvaluationMetric[];
-    config: EvaluationConfig;
-    tags?: string[];
-}
-/**
- * Comparison Options
- */
-export interface EvaluationComparison {
-    baselineId: string;
-    comparisonIds: string[];
-    metrics: string[];
-    showDifferences?: boolean;
-    showTrends?: boolean;
-}
-/**
- * Main AgentEval Props Interface
- */
-export interface AgentEvalProps extends ViewProps, AgentEvalEventHandlers {
-    appName: string;
-    userId: string;
-    apiBaseUrl?: string;
-    enableBatchEvaluation?: boolean;
-    enableMetricsComparison?: boolean;
-    enableResultExport?: boolean;
-    enableTemplates?: boolean;
-    enableAutoRefresh?: boolean;
-    maxConcurrentEvals?: number;
-    maxTestCases?: number;
-    refreshInterval?: number;
-    showEvaluationHistory?: boolean;
-    showMetricsPanel?: boolean;
-    showTestCaseDetails?: boolean;
-    showProgressIndicators?: boolean;
-    compactMode?: boolean;
-    views?: AgentEvalViews;
-    containerProps?: ViewProps;
-    initialEvaluations?: EvaluationRun[];
-    selectedEvaluationId?: string;
-    availableTemplates?: EvaluationTemplate[];
-    enableRealTimeUpdates?: boolean;
-    enableResultCaching?: boolean;
-    enableCustomMetrics?: boolean;
-    colorScheme?: 'blue' | 'purple' | 'green' | 'orange' | 'red' | 'gray';
-    layout?: 'list' | 'grid' | 'dashboard';
-    showCharts?: boolean;
-    ariaLabel?: string;
-    ariaDescribedBy?: string;
-}
-/**
- * Export Options
- */
-export interface EvaluationExportOptions {
-    format: 'json' | 'csv' | 'pdf';
-    includeTestCases?: boolean;
-    includeResults?: boolean;
-    includeMetrics?: boolean;
-    includeSummary?: boolean;
-    evaluationIds?: string[];
-}
-/**
- * Real-time Update Types
- */
-export interface EvaluationUpdate {
-    type: 'progress' | 'result' | 'status' | 'complete' | 'error';
-    evaluationId: string;
-    data: any;
-    timestamp: number;
-}

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

@@ -1,27 +0,0 @@
-/// <reference types="react" />
-import { AgentEvalProps, EvaluationRun, EvaluationResult, EvaluationTestCase, EvaluationMetric, EvaluationTemplate, EvaluationExportOptions } from './AgentEval.props';
-/**
- * Custom hook for managing AgentEval state and operations
- */
-export declare const useAgentEval: (props: AgentEvalProps) => {
-    evaluations: EvaluationRun[];
-    selectedEvaluation: EvaluationRun | null;
-    selectedResult: EvaluationResult | null;
-    isLoading: boolean;
-    isCreating: boolean;
-    error: string | null;
-    searchQuery: string;
-    templates: EvaluationTemplate[];
-    fetchEvaluations: () => Promise<void>;
-    createEvaluation: (name: string, testCases: EvaluationTestCase[], metrics: EvaluationMetric[], config?: any) => Promise<EvaluationRun>;
-    startEvaluation: (evaluationId: string) => Promise<void>;
-    cancelEvaluation: (evaluationId: string) => Promise<void>;
-    deleteEvaluation: (evaluationId: string) => Promise<void>;
-    selectEvaluation: (evaluationId: string) => void;
-    selectResult: (result: EvaluationResult) => void;
-    exportEvaluations: (options: EvaluationExportOptions) => Promise<void>;
-    setSearchQuery: import("react").Dispatch<import("react").SetStateAction<string>>;
-    setError: import("react").Dispatch<import("react").SetStateAction<string | null>>;
-    runningEvaluationsCount: number;
-    canStartNewEvaluation: boolean;
-};

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

@@ -1,144 +0,0 @@
-import { ViewProps } from 'app-studio';
-/**
- * Default styles for AgentEval component
- * Following the app-studio design system with 4px grid, Inter/Geist fonts, and neutral palette
- */
-export declare const DefaultAgentEvalStyles: {
-    container: ViewProps;
-    header: ViewProps;
-    evaluationList: ViewProps;
-    evaluationItem: ViewProps;
-    activeEvaluationItem: ViewProps;
-    evaluationHeader: ViewProps;
-    evaluationTitle: ViewProps;
-    evaluationMeta: ViewProps;
-    statusBadge: ViewProps;
-    statusPending: ViewProps;
-    statusRunning: ViewProps;
-    statusCompleted: ViewProps;
-    statusFailed: ViewProps;
-    statusCancelled: ViewProps;
-    progressBar: ViewProps;
-    progressFill: ViewProps;
-    evaluationActions: ViewProps;
-    actionButton: ViewProps;
-    startButton: ViewProps;
-    cancelButton: ViewProps;
-    deleteButton: ViewProps;
-    createPanel: ViewProps;
-    formGroup: ViewProps;
-    formLabel: ViewProps;
-    formInput: ViewProps;
-    formTextarea: ViewProps;
-    resultsPanel: ViewProps;
-    resultsSummary: ViewProps;
-    summaryGrid: ViewProps;
-    summaryCard: ViewProps;
-    summaryValue: ViewProps;
-    summaryLabel: ViewProps;
-    testCaseList: ViewProps;
-    testCaseItem: ViewProps;
-    testCaseHeader: ViewProps;
-    testCaseName: ViewProps;
-    testCaseStatus: ViewProps;
-    testCasePass: ViewProps;
-    testCaseFail: ViewProps;
-    testCaseError: ViewProps;
-    testCaseSkip: ViewProps;
-    metricsPanel: ViewProps;
-    metricsGrid: ViewProps;
-    metricCard: ViewProps;
-    metricTitle: ViewProps;
-    metricValue: ViewProps;
-    metricChange: ViewProps;
-    metricIncrease: ViewProps;
-    metricDecrease: ViewProps;
-    emptyState: ViewProps;
-    loadingState: ViewProps;
-    errorState: ViewProps;
-    searchInput: ViewProps;
-    exportButton: ViewProps;
-    refreshButton: ViewProps;
-};
-/**
- * Size variants for AgentEval
- */
-export declare const AgentEvalSizes: {
-    sm: {
-        container: {
-            height: string;
-        };
-        evaluationList: {
-            minHeight: string;
-        };
-    };
-    md: {
-        container: {
-            height: string;
-        };
-        evaluationList: {
-            minHeight: string;
-        };
-    };
-    lg: {
-        container: {
-            height: string;
-        };
-        evaluationList: {
-            minHeight: string;
-        };
-    };
-    xl: {
-        container: {
-            height: string;
-        };
-        evaluationList: {
-            minHeight: string;
-        };
-    };
-};
-/**
- * Theme variants for AgentEval
- */
-export declare const AgentEvalThemes: {
-    light: {
-        container: {
-            backgroundColor: string;
-        };
-        header: {
-            backgroundColor: string;
-        };
-        evaluationList: {
-            backgroundColor: string;
-        };
-        createPanel: {
-            backgroundColor: string;
-        };
-        resultsPanel: {
-            backgroundColor: string;
-        };
-        metricsPanel: {
-            backgroundColor: string;
-        };
-    };
-    dark: {
-        container: {
-            backgroundColor: string;
-        };
-        header: {
-            backgroundColor: string;
-        };
-        evaluationList: {
-            backgroundColor: string;
-        };
-        createPanel: {
-            backgroundColor: string;
-        };
-        resultsPanel: {
-            backgroundColor: string;
-        };
-        metricsPanel: {
-            backgroundColor: string;
-        };
-    };
-};

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

@@ -1,12 +0,0 @@
-import React from 'react';
-import { AgentEvalProps } from './AgentEval.props';
-import { useAgentEval } from './AgentEval.state';
-export interface AgentEvalViewProps extends AgentEvalProps, ReturnType<typeof useAgentEval> {
-}
-/**
- * AgentEval View Component
- *
- * Renders the complete evaluation interface with creation, monitoring, and results analysis
- */
-declare const AgentEvalView: React.FC<AgentEvalViewProps>;
-export default AgentEvalView;

package/dist/components/adk/AgentEval/AgentEval/EvaluationCreator.d.ts

@@ -1,17 +0,0 @@
-import React from 'react';
-import { EvaluationTemplate, EvaluationTestCase, EvaluationMetric } from './AgentEval.props';
-export interface EvaluationCreatorProps {
-    templates: EvaluationTemplate[];
-    isCreating: boolean;
-    canCreate: boolean;
-    onCreateEvaluation: (name: string, testCases: EvaluationTestCase[], metrics: EvaluationMetric[]) => void;
-    views?: {
-        container?: any;
-    };
-}
-/**
- * EvaluationCreator Component
- *
- * Form for creating new evaluations with test cases and metrics
- */
-export declare const EvaluationCreator: React.FC<EvaluationCreatorProps>;

package/dist/components/adk/AgentEval/AgentEval/EvaluationList.d.ts

@@ -1,23 +0,0 @@
-import React from 'react';
-import { EvaluationRun } from './AgentEval.props';
-export interface EvaluationListProps {
-    evaluations: EvaluationRun[];
-    selectedEvaluation?: EvaluationRun | null;
-    onEvaluationSelect: (evaluationId: string) => void;
-    onEvaluationStart: (evaluationId: string) => void;
-    onEvaluationCancel: (evaluationId: string) => void;
-    onEvaluationDelete: (evaluationId: string) => void;
-    showProgressIndicators?: boolean;
-    compactMode?: boolean;
-    views?: {
-        container?: any;
-        evaluationItem?: any;
-        activeEvaluationItem?: any;
-    };
-}
-/**
- * EvaluationList Component
- *
- * Renders a list of evaluations with status, progress, and actions
- */
-export declare const EvaluationList: React.FC<EvaluationListProps>;

package/dist/components/adk/AgentEval/AgentEval/EvaluationMetrics.d.ts

@@ -1,15 +0,0 @@
-import React from 'react';
-import { EvaluationRun } from './AgentEval.props';
-export interface EvaluationMetricsProps {
-    evaluations: EvaluationRun[];
-    enableComparison?: boolean;
-    views?: {
-        container?: any;
-    };
-}
-/**
- * EvaluationMetrics Component
- *
- * Displays aggregated metrics and comparisons across evaluations
- */
-export declare const EvaluationMetrics: React.FC<EvaluationMetricsProps>;