@app-studio/web 0.9.37 → 0.9.39
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/ChatInput/ChatInput/ChatInput.style.d.ts +31 -0
- package/dist/components/Drawer/Drawer/Drawer.props.d.ts +61 -0
- package/dist/components/Drawer/Drawer/Drawer.style.d.ts +4 -0
- package/dist/components/Drawer/Drawer/Drawer.view.d.ts +7 -0
- package/dist/components/Drawer/Drawer.d.ts +2 -0
- package/dist/components/Title/Title/Title.style.d.ts +0 -1
- package/dist/components/index.d.ts +2 -22
- package/dist/pages/drawer.page.d.ts +3 -0
- package/dist/utils/apiConfig.d.ts +2 -2
- package/dist/utils/typography.d.ts +3 -4
- package/dist/web.cjs.development.js +2410 -12482
- package/dist/web.cjs.development.js.map +1 -1
- package/dist/web.cjs.production.min.js +1 -1
- package/dist/web.cjs.production.min.js.map +1 -1
- package/dist/web.esm.js +2585 -12648
- package/dist/web.esm.js.map +1 -1
- package/dist/web.umd.development.js +2424 -12493
- package/dist/web.umd.development.js.map +1 -1
- package/dist/web.umd.production.min.js +1 -1
- package/dist/web.umd.production.min.js.map +1 -1
- package/docs/components/Accordion.mdx +4 -4
- package/docs/components/Alert.mdx +1 -1
- package/docs/components/Background.mdx +5 -5
- package/docs/components/Badge.mdx +1 -1
- package/docs/components/Card.mdx +8 -8
- package/docs/components/Carousel.mdx +6 -6
- package/docs/components/ColorInput.mdx +1 -1
- package/docs/components/Drawer.mdx +164 -0
- package/docs/components/Gradient.mdx +6 -6
- package/docs/components/HoverCard.mdx +5 -5
- package/docs/components/KanbanBoard.mdx +128 -2
- package/docs/components/Link.mdx +2 -2
- package/docs/components/Menubar.mdx +1 -1
- package/docs/components/Message.mdx +4 -4
- package/docs/components/Modal.mdx +4 -4
- package/docs/components/OKR.mdx +40 -63
- package/docs/components/Tabs.mdx +1 -1
- package/docs/components/ToggleGroup.mdx +4 -4
- package/docs/components/Tooltip.mdx +2 -2
- package/docs/conventions.md +1 -1
- package/package.json +2 -2
- package/dist/components/Calendar/Calendar/Calendar.props.d.ts +0 -82
- package/dist/components/Calendar/Calendar/Calendar.style.d.ts +0 -107
- package/dist/components/Calendar/Calendar/Calendar.utils.d.ts +0 -91
- package/dist/components/Calendar/Calendar/Calendar.view.d.ts +0 -3
- package/dist/components/Calendar/Calendar.d.ts +0 -1
- package/dist/components/Flow/Flow/Flow.props.d.ts +0 -144
- package/dist/components/Flow/Flow/Flow.state.d.ts +0 -95
- package/dist/components/Flow/Flow/Flow.style.d.ts +0 -40
- package/dist/components/Flow/Flow/Flow.type.d.ts +0 -181
- package/dist/components/Flow/Flow/Flow.view.d.ts +0 -28
- package/dist/components/Flow/Flow.d.ts +0 -2
- package/dist/components/Flow/index.d.ts +0 -2
- package/dist/components/KanbanBoard/KanbanBoard/KanbanBoard.props.d.ts +0 -52
- package/dist/components/KanbanBoard/KanbanBoard/KanbanBoard.state.d.ts +0 -17
- package/dist/components/KanbanBoard/KanbanBoard/KanbanBoard.view.d.ts +0 -3
- package/dist/components/KanbanBoard/KanbanBoard.d.ts +0 -3
- package/dist/components/OKR/OKR/OKR.props.d.ts +0 -72
- package/dist/components/OKR/OKR/OKR.style.d.ts +0 -19
- package/dist/components/OKR/OKR/OKR.view.d.ts +0 -4
- package/dist/components/OKR/OKR.d.ts +0 -4
- package/dist/components/Text/Text/Text.props.d.ts +0 -29
- package/dist/components/Text/Text/Text.style.d.ts +0 -27
- package/dist/components/Text/Text/Text.utils.d.ts +0 -2
- package/dist/components/Text/Text/Text.view.d.ts +0 -19
- package/dist/components/Text/Text.d.ts +0 -5
- package/dist/components/Tree/Tree/Tree.props.d.ts +0 -106
- package/dist/components/Tree/Tree/Tree.state.d.ts +0 -38
- package/dist/components/Tree/Tree/Tree.style.d.ts +0 -41
- package/dist/components/Tree/Tree/Tree.type.d.ts +0 -133
- package/dist/components/Tree/Tree/Tree.view.d.ts +0 -36
- package/dist/components/Tree/Tree.d.ts +0 -2
- package/dist/components/adk/AgentChat/AgentChat/AgentChat.props.d.ts +0 -180
- package/dist/components/adk/AgentChat/AgentChat/AgentChat.state.d.ts +0 -24
- package/dist/components/adk/AgentChat/AgentChat/AgentChat.style.d.ts +0 -132
- package/dist/components/adk/AgentChat/AgentChat/AgentChat.view.d.ts +0 -12
- package/dist/components/adk/AgentChat/AgentChat/AgentMessage.d.ts +0 -21
- package/dist/components/adk/AgentChat/AgentChat/AgentRunProgress.d.ts +0 -11
- package/dist/components/adk/AgentChat/AgentChat/AgentTypingIndicator.d.ts +0 -7
- package/dist/components/adk/AgentChat/AgentChat/MessageAttachmentPreview.d.ts +0 -12
- package/dist/components/adk/AgentChat/AgentChat.d.ts +0 -41
- package/dist/components/adk/AgentEval/AgentEval/AgentEval.props.d.ts +0 -213
- package/dist/components/adk/AgentEval/AgentEval/AgentEval.state.d.ts +0 -27
- package/dist/components/adk/AgentEval/AgentEval/AgentEval.style.d.ts +0 -144
- package/dist/components/adk/AgentEval/AgentEval/AgentEval.view.d.ts +0 -12
- package/dist/components/adk/AgentEval/AgentEval/EvaluationCreator.d.ts +0 -17
- package/dist/components/adk/AgentEval/AgentEval/EvaluationList.d.ts +0 -23
- package/dist/components/adk/AgentEval/AgentEval/EvaluationMetrics.d.ts +0 -15
- package/dist/components/adk/AgentEval/AgentEval/EvaluationResults.d.ts +0 -19
- package/dist/components/adk/AgentEval/AgentEval.d.ts +0 -41
- package/dist/components/adk/AgentSession/AgentSession/AgentSession.props.d.ts +0 -170
- package/dist/components/adk/AgentSession/AgentSession/AgentSession.state.d.ts +0 -32
- package/dist/components/adk/AgentSession/AgentSession/AgentSession.style.d.ts +0 -105
- package/dist/components/adk/AgentSession/AgentSession/AgentSession.view.d.ts +0 -12
- package/dist/components/adk/AgentSession/AgentSession/SessionActions.d.ts +0 -20
- package/dist/components/adk/AgentSession/AgentSession/SessionFilters.d.ts +0 -14
- package/dist/components/adk/AgentSession/AgentSession/SessionListItem.d.ts +0 -26
- package/dist/components/adk/AgentSession/AgentSession.d.ts +0 -42
- package/dist/components/adk/AgentTrace/AgentTrace/AgentTrace.props.d.ts +0 -194
- package/dist/components/adk/AgentTrace/AgentTrace/AgentTrace.state.d.ts +0 -27
- package/dist/components/adk/AgentTrace/AgentTrace/AgentTrace.style.d.ts +0 -146
- package/dist/components/adk/AgentTrace/AgentTrace/AgentTrace.view.d.ts +0 -12
- package/dist/components/adk/AgentTrace/AgentTrace/TraceEventList.d.ts +0 -20
- package/dist/components/adk/AgentTrace/AgentTrace/TraceFilters.d.ts +0 -13
- package/dist/components/adk/AgentTrace/AgentTrace/TraceMetrics.d.ts +0 -16
- package/dist/components/adk/AgentTrace/AgentTrace/TraceTimeline.d.ts +0 -19
- package/dist/components/adk/AgentTrace/AgentTrace/TraceVisualization.d.ts +0 -19
- package/dist/components/adk/AgentTrace/AgentTrace.d.ts +0 -44
- package/dist/components/adk/useAdk.d.ts +0 -42
- package/dist/pages/adk/CompleteAgentApp.d.ts +0 -30
- package/dist/pages/adk/adkComponents.page.d.ts +0 -8
- package/dist/pages/adk/adkIntegration.page.d.ts +0 -6
- package/dist/pages/adk/agentChat.page.d.ts +0 -8
- package/dist/pages/adk/providers/AdkProvider.d.ts +0 -83
- package/dist/pages/adk/providers/index.d.ts +0 -1
- package/dist/pages/adk/services/AgentService.d.ts +0 -167
- package/dist/pages/adk/services/AgentServiceProvider.d.ts +0 -83
- package/dist/pages/adk/services/AgentServiceUtils.d.ts +0 -176
- package/dist/pages/adk/services/index.d.ts +0 -50
- package/dist/pages/calendar.page.d.ts +0 -3
- package/dist/pages/flow.page.d.ts +0 -3
- package/dist/pages/kanbanBoard.page.d.ts +0 -3
- package/dist/pages/okr.page.d.ts +0 -3
- package/dist/pages/text.page.d.ts +0 -3
- package/dist/pages/tree.page.d.ts +0 -3
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { EvaluationRun, EvaluationResult } from './AgentEval.props';
|
|
3
|
-
export interface EvaluationResultsProps {
|
|
4
|
-
evaluation: EvaluationRun;
|
|
5
|
-
selectedResult?: EvaluationResult | null;
|
|
6
|
-
onResultSelect: (result: EvaluationResult) => void;
|
|
7
|
-
showTestCaseDetails?: boolean;
|
|
8
|
-
views?: {
|
|
9
|
-
container?: any;
|
|
10
|
-
testCaseList?: any;
|
|
11
|
-
testCaseItem?: any;
|
|
12
|
-
};
|
|
13
|
-
}
|
|
14
|
-
/**
|
|
15
|
-
* EvaluationResults Component
|
|
16
|
-
*
|
|
17
|
-
* Displays evaluation results with summary and detailed test case results
|
|
18
|
-
*/
|
|
19
|
-
export declare const EvaluationResults: React.FC<EvaluationResultsProps>;
|
|
@@ -1,41 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { AgentEvalProps } from './AgentEval/AgentEval.props';
|
|
3
|
-
/**
|
|
4
|
-
* AgentEval Component
|
|
5
|
-
*
|
|
6
|
-
* A comprehensive evaluation component for ADK agents.
|
|
7
|
-
* Handles evaluation creation, execution, monitoring, and results analysis.
|
|
8
|
-
*
|
|
9
|
-
* @example
|
|
10
|
-
* ```tsx
|
|
11
|
-
* <AgentEval
|
|
12
|
-
* appName="my-agent"
|
|
13
|
-
* userId="user123"
|
|
14
|
-
* onEvaluationComplete={(result) => console.log('Evaluation complete:', result)}
|
|
15
|
-
* />
|
|
16
|
-
* ```
|
|
17
|
-
*
|
|
18
|
-
* @example
|
|
19
|
-
* ```tsx
|
|
20
|
-
* // With custom evaluation configuration
|
|
21
|
-
* <AgentEval
|
|
22
|
-
* appName="my-agent"
|
|
23
|
-
* userId="user123"
|
|
24
|
-
* enableBatchEvaluation={true}
|
|
25
|
-
* enableMetricsComparison={true}
|
|
26
|
-
* enableResultExport={true}
|
|
27
|
-
* maxConcurrentEvals={5}
|
|
28
|
-
* autoRefresh={true}
|
|
29
|
-
* refreshInterval={10000}
|
|
30
|
-
* views={{
|
|
31
|
-
* container: { backgroundColor: 'color.gray.50' },
|
|
32
|
-
* evaluationList: { maxHeight: '400px' },
|
|
33
|
-
* resultsPanel: { minHeight: '300px' }
|
|
34
|
-
* }}
|
|
35
|
-
* />
|
|
36
|
-
* ```
|
|
37
|
-
*/
|
|
38
|
-
declare const AgentEval: React.FC<AgentEvalProps>;
|
|
39
|
-
export default AgentEval;
|
|
40
|
-
export { AgentEval };
|
|
41
|
-
export type { AgentEvalProps };
|
|
@@ -1,170 +0,0 @@
|
|
|
1
|
-
import { ViewProps } from 'app-studio';
|
|
2
|
-
/**
|
|
3
|
-
* Core ADK Session Types
|
|
4
|
-
*/
|
|
5
|
-
export interface AgentSession {
|
|
6
|
-
id: string;
|
|
7
|
-
userId: string;
|
|
8
|
-
appName: string;
|
|
9
|
-
state: any;
|
|
10
|
-
events: AgentEvent[];
|
|
11
|
-
createdAt: number;
|
|
12
|
-
updatedAt: number;
|
|
13
|
-
metadata?: {
|
|
14
|
-
title?: string;
|
|
15
|
-
description?: string;
|
|
16
|
-
tags?: string[];
|
|
17
|
-
messageCount?: number;
|
|
18
|
-
lastActivity?: number;
|
|
19
|
-
};
|
|
20
|
-
}
|
|
21
|
-
export interface AgentEvent {
|
|
22
|
-
id: string;
|
|
23
|
-
sessionId: string;
|
|
24
|
-
type: string;
|
|
25
|
-
data: any;
|
|
26
|
-
timestamp: number;
|
|
27
|
-
title?: string;
|
|
28
|
-
author?: 'user' | 'bot' | 'system';
|
|
29
|
-
content?: {
|
|
30
|
-
parts?: any[];
|
|
31
|
-
};
|
|
32
|
-
}
|
|
33
|
-
export interface SessionSummary {
|
|
34
|
-
id: string;
|
|
35
|
-
title: string;
|
|
36
|
-
lastMessage: string;
|
|
37
|
-
messageCount: number;
|
|
38
|
-
createdAt: number;
|
|
39
|
-
updatedAt: number;
|
|
40
|
-
isActive: boolean;
|
|
41
|
-
}
|
|
42
|
-
/**
|
|
43
|
-
* Component View Customization
|
|
44
|
-
*/
|
|
45
|
-
export interface AgentSessionViews {
|
|
46
|
-
container?: ViewProps;
|
|
47
|
-
header?: ViewProps;
|
|
48
|
-
toolbar?: ViewProps;
|
|
49
|
-
sessionList?: ViewProps;
|
|
50
|
-
sessionActions?: ViewProps;
|
|
51
|
-
filtersPanel?: ViewProps;
|
|
52
|
-
sessionItem?: ViewProps;
|
|
53
|
-
activeSessionItem?: ViewProps;
|
|
54
|
-
sessionInfo?: ViewProps;
|
|
55
|
-
sessionTitle?: ViewProps;
|
|
56
|
-
sessionDescription?: ViewProps;
|
|
57
|
-
sessionMetadata?: ViewProps;
|
|
58
|
-
sessionTimestamp?: ViewProps;
|
|
59
|
-
sessionTags?: ViewProps;
|
|
60
|
-
sessionStats?: ViewProps;
|
|
61
|
-
createButton?: ViewProps;
|
|
62
|
-
deleteButton?: ViewProps;
|
|
63
|
-
exportButton?: ViewProps;
|
|
64
|
-
importButton?: ViewProps;
|
|
65
|
-
refreshButton?: ViewProps;
|
|
66
|
-
selectButton?: ViewProps;
|
|
67
|
-
duplicateButton?: ViewProps;
|
|
68
|
-
searchInput?: ViewProps;
|
|
69
|
-
filterDropdown?: ViewProps;
|
|
70
|
-
sortDropdown?: ViewProps;
|
|
71
|
-
dateRangePicker?: ViewProps;
|
|
72
|
-
tagFilter?: ViewProps;
|
|
73
|
-
emptyState?: ViewProps;
|
|
74
|
-
loadingState?: ViewProps;
|
|
75
|
-
errorState?: ViewProps;
|
|
76
|
-
bulkActions?: ViewProps;
|
|
77
|
-
selectAllCheckbox?: ViewProps;
|
|
78
|
-
bulkDeleteButton?: ViewProps;
|
|
79
|
-
bulkExportButton?: ViewProps;
|
|
80
|
-
}
|
|
81
|
-
/**
|
|
82
|
-
* Event Handlers
|
|
83
|
-
*/
|
|
84
|
-
export interface AgentSessionEventHandlers {
|
|
85
|
-
onSessionSelect?: (session: AgentSession) => void;
|
|
86
|
-
onSessionCreate?: (session: AgentSession) => void;
|
|
87
|
-
onSessionUpdate?: (session: AgentSession) => void;
|
|
88
|
-
onSessionDelete?: (sessionId: string) => void;
|
|
89
|
-
onSessionImport?: (session: AgentSession) => void;
|
|
90
|
-
onSessionExport?: (session: AgentSession) => void;
|
|
91
|
-
onError?: (error: Error) => void;
|
|
92
|
-
onRefresh?: () => void;
|
|
93
|
-
}
|
|
94
|
-
/**
|
|
95
|
-
* Session Filter and Sort Options
|
|
96
|
-
*/
|
|
97
|
-
export interface SessionFilters {
|
|
98
|
-
searchQuery?: string;
|
|
99
|
-
dateRange?: {
|
|
100
|
-
start: Date;
|
|
101
|
-
end: Date;
|
|
102
|
-
};
|
|
103
|
-
tags?: string[];
|
|
104
|
-
messageCountRange?: {
|
|
105
|
-
min: number;
|
|
106
|
-
max: number;
|
|
107
|
-
};
|
|
108
|
-
isActive?: boolean;
|
|
109
|
-
}
|
|
110
|
-
export interface SessionSortOptions {
|
|
111
|
-
field: 'createdAt' | 'updatedAt' | 'messageCount' | 'title';
|
|
112
|
-
direction: 'asc' | 'desc';
|
|
113
|
-
}
|
|
114
|
-
/**
|
|
115
|
-
* Main AgentSession Props Interface
|
|
116
|
-
*/
|
|
117
|
-
export interface AgentSessionProps extends ViewProps, AgentSessionEventHandlers {
|
|
118
|
-
appName: string;
|
|
119
|
-
userId: string;
|
|
120
|
-
apiBaseUrl?: string;
|
|
121
|
-
showSessionHistory?: boolean;
|
|
122
|
-
enableSessionImport?: boolean;
|
|
123
|
-
enableSessionExport?: boolean;
|
|
124
|
-
enableSessionDelete?: boolean;
|
|
125
|
-
enableSessionSearch?: boolean;
|
|
126
|
-
enableAutoRefresh?: boolean;
|
|
127
|
-
maxSessions?: number;
|
|
128
|
-
refreshInterval?: number;
|
|
129
|
-
showSessionInfo?: boolean;
|
|
130
|
-
showSessionActions?: boolean;
|
|
131
|
-
showCreateButton?: boolean;
|
|
132
|
-
showRefreshButton?: boolean;
|
|
133
|
-
compactMode?: boolean;
|
|
134
|
-
views?: AgentSessionViews;
|
|
135
|
-
containerProps?: ViewProps;
|
|
136
|
-
initialSessions?: AgentSession[];
|
|
137
|
-
selectedSessionId?: string;
|
|
138
|
-
defaultFilters?: SessionFilters;
|
|
139
|
-
defaultSort?: SessionSortOptions;
|
|
140
|
-
enableSessionTags?: boolean;
|
|
141
|
-
enableSessionMetadata?: boolean;
|
|
142
|
-
enableBulkOperations?: boolean;
|
|
143
|
-
colorScheme?: 'blue' | 'purple' | 'green' | 'orange' | 'red' | 'gray';
|
|
144
|
-
layout?: 'list' | 'grid' | 'compact';
|
|
145
|
-
showPreviews?: boolean;
|
|
146
|
-
ariaLabel?: string;
|
|
147
|
-
ariaDescribedBy?: string;
|
|
148
|
-
}
|
|
149
|
-
/**
|
|
150
|
-
* Session Action Types
|
|
151
|
-
*/
|
|
152
|
-
export declare type SessionAction = 'create' | 'select' | 'delete' | 'export' | 'import' | 'refresh' | 'search' | 'filter' | 'sort';
|
|
153
|
-
/**
|
|
154
|
-
* Session Status Types
|
|
155
|
-
*/
|
|
156
|
-
export declare type SessionStatus = 'active' | 'inactive' | 'archived' | 'error';
|
|
157
|
-
/**
|
|
158
|
-
* Session Import/Export Format
|
|
159
|
-
*/
|
|
160
|
-
export interface SessionExportData {
|
|
161
|
-
session: AgentSession;
|
|
162
|
-
exportedAt: number;
|
|
163
|
-
exportedBy: string;
|
|
164
|
-
version: string;
|
|
165
|
-
}
|
|
166
|
-
export interface SessionImportOptions {
|
|
167
|
-
overwriteExisting?: boolean;
|
|
168
|
-
preserveIds?: boolean;
|
|
169
|
-
updateTimestamps?: boolean;
|
|
170
|
-
}
|
|
@@ -1,32 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import { AgentSessionProps, AgentSession, SessionFilters, SessionSortOptions, SessionImportOptions } from './AgentSession.props';
|
|
3
|
-
/**
|
|
4
|
-
* Custom hook for managing AgentSession state and operations
|
|
5
|
-
*/
|
|
6
|
-
export declare const useAgentSession: (props: AgentSessionProps) => {
|
|
7
|
-
sessions: AgentSession[];
|
|
8
|
-
selectedSession: AgentSession | null;
|
|
9
|
-
isLoading: boolean;
|
|
10
|
-
isCreating: boolean;
|
|
11
|
-
error: string | null;
|
|
12
|
-
searchQuery: string;
|
|
13
|
-
filters: SessionFilters;
|
|
14
|
-
sortOptions: SessionSortOptions;
|
|
15
|
-
fetchSessions: () => Promise<void>;
|
|
16
|
-
createSession: (metadata?: {
|
|
17
|
-
title?: string | undefined;
|
|
18
|
-
description?: string | undefined;
|
|
19
|
-
tags?: string[] | undefined;
|
|
20
|
-
} | undefined) => Promise<AgentSession>;
|
|
21
|
-
selectSession: (sessionId: string) => Promise<void>;
|
|
22
|
-
deleteSession: (sessionId: string) => Promise<void>;
|
|
23
|
-
exportSession: (session: AgentSession) => void;
|
|
24
|
-
importSession: (file: File, options?: SessionImportOptions) => Promise<void>;
|
|
25
|
-
handleFileImport: () => void;
|
|
26
|
-
setSearchQuery: import("react").Dispatch<import("react").SetStateAction<string>>;
|
|
27
|
-
setFilters: import("react").Dispatch<import("react").SetStateAction<SessionFilters>>;
|
|
28
|
-
setSortOptions: import("react").Dispatch<import("react").SetStateAction<SessionSortOptions>>;
|
|
29
|
-
setError: import("react").Dispatch<import("react").SetStateAction<string | null>>;
|
|
30
|
-
fileInputRef: import("react").MutableRefObject<HTMLInputElement | null>;
|
|
31
|
-
handleFileSelect: (event: React.ChangeEvent<HTMLInputElement>) => void;
|
|
32
|
-
};
|
|
@@ -1,105 +0,0 @@
|
|
|
1
|
-
import { ViewProps } from 'app-studio';
|
|
2
|
-
/**
|
|
3
|
-
* Default styles for AgentSession component
|
|
4
|
-
* Following the app-studio design system with 4px grid, Inter/Geist fonts, and neutral palette
|
|
5
|
-
*/
|
|
6
|
-
export declare const DefaultAgentSessionStyles: {
|
|
7
|
-
container: ViewProps;
|
|
8
|
-
header: ViewProps;
|
|
9
|
-
sessionList: ViewProps;
|
|
10
|
-
sessionItem: ViewProps;
|
|
11
|
-
activeSessionItem: ViewProps;
|
|
12
|
-
compactSessionItem: ViewProps;
|
|
13
|
-
sessionInfo: ViewProps;
|
|
14
|
-
sessionTitle: ViewProps;
|
|
15
|
-
sessionDescription: ViewProps;
|
|
16
|
-
sessionMeta: ViewProps;
|
|
17
|
-
sessionActions: ViewProps;
|
|
18
|
-
actionButton: ViewProps;
|
|
19
|
-
deleteButton: ViewProps;
|
|
20
|
-
exportButton: ViewProps;
|
|
21
|
-
importButton: ViewProps;
|
|
22
|
-
emptyState: ViewProps;
|
|
23
|
-
loadingState: ViewProps;
|
|
24
|
-
errorState: ViewProps;
|
|
25
|
-
searchInput: ViewProps;
|
|
26
|
-
filterContainer: ViewProps;
|
|
27
|
-
filterGroup: ViewProps;
|
|
28
|
-
filterLabel: ViewProps;
|
|
29
|
-
tagContainer: ViewProps;
|
|
30
|
-
tag: ViewProps;
|
|
31
|
-
statusIndicator: ViewProps;
|
|
32
|
-
activeStatus: ViewProps;
|
|
33
|
-
inactiveStatus: ViewProps;
|
|
34
|
-
errorStatus: ViewProps;
|
|
35
|
-
};
|
|
36
|
-
/**
|
|
37
|
-
* Size variants for AgentSession
|
|
38
|
-
*/
|
|
39
|
-
export declare const AgentSessionSizes: {
|
|
40
|
-
sm: {
|
|
41
|
-
container: {
|
|
42
|
-
height: string;
|
|
43
|
-
};
|
|
44
|
-
sessionList: {
|
|
45
|
-
minHeight: string;
|
|
46
|
-
};
|
|
47
|
-
};
|
|
48
|
-
md: {
|
|
49
|
-
container: {
|
|
50
|
-
height: string;
|
|
51
|
-
};
|
|
52
|
-
sessionList: {
|
|
53
|
-
minHeight: string;
|
|
54
|
-
};
|
|
55
|
-
};
|
|
56
|
-
lg: {
|
|
57
|
-
container: {
|
|
58
|
-
height: string;
|
|
59
|
-
};
|
|
60
|
-
sessionList: {
|
|
61
|
-
minHeight: string;
|
|
62
|
-
};
|
|
63
|
-
};
|
|
64
|
-
xl: {
|
|
65
|
-
container: {
|
|
66
|
-
height: string;
|
|
67
|
-
};
|
|
68
|
-
sessionList: {
|
|
69
|
-
minHeight: string;
|
|
70
|
-
};
|
|
71
|
-
};
|
|
72
|
-
};
|
|
73
|
-
/**
|
|
74
|
-
* Theme variants for AgentSession
|
|
75
|
-
*/
|
|
76
|
-
export declare const AgentSessionThemes: {
|
|
77
|
-
light: {
|
|
78
|
-
container: {
|
|
79
|
-
backgroundColor: string;
|
|
80
|
-
};
|
|
81
|
-
header: {
|
|
82
|
-
backgroundColor: string;
|
|
83
|
-
};
|
|
84
|
-
sessionList: {
|
|
85
|
-
backgroundColor: string;
|
|
86
|
-
};
|
|
87
|
-
sessionActions: {
|
|
88
|
-
backgroundColor: string;
|
|
89
|
-
};
|
|
90
|
-
};
|
|
91
|
-
dark: {
|
|
92
|
-
container: {
|
|
93
|
-
backgroundColor: string;
|
|
94
|
-
};
|
|
95
|
-
header: {
|
|
96
|
-
backgroundColor: string;
|
|
97
|
-
};
|
|
98
|
-
sessionList: {
|
|
99
|
-
backgroundColor: string;
|
|
100
|
-
};
|
|
101
|
-
sessionActions: {
|
|
102
|
-
backgroundColor: string;
|
|
103
|
-
};
|
|
104
|
-
};
|
|
105
|
-
};
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { AgentSessionProps } from './AgentSession.props';
|
|
3
|
-
import { useAgentSession } from './AgentSession.state';
|
|
4
|
-
export interface AgentSessionViewProps extends AgentSessionProps, ReturnType<typeof useAgentSession> {
|
|
5
|
-
}
|
|
6
|
-
/**
|
|
7
|
-
* AgentSession View Component
|
|
8
|
-
*
|
|
9
|
-
* Renders the complete session management interface with session list, actions, and filters
|
|
10
|
-
*/
|
|
11
|
-
declare const AgentSessionView: React.FC<AgentSessionViewProps>;
|
|
12
|
-
export default AgentSessionView;
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { AgentSession } from './AgentSession.props';
|
|
3
|
-
export interface SessionActionsProps {
|
|
4
|
-
enableImport?: boolean;
|
|
5
|
-
enableExport?: boolean;
|
|
6
|
-
selectedSession?: AgentSession | null;
|
|
7
|
-
onImport: () => void;
|
|
8
|
-
onExport: (sessionId: string) => void;
|
|
9
|
-
views?: {
|
|
10
|
-
container?: any;
|
|
11
|
-
importButton?: any;
|
|
12
|
-
exportButton?: any;
|
|
13
|
-
};
|
|
14
|
-
}
|
|
15
|
-
/**
|
|
16
|
-
* SessionActions Component
|
|
17
|
-
*
|
|
18
|
-
* Renders action buttons for session management (import, export, etc.)
|
|
19
|
-
*/
|
|
20
|
-
export declare const SessionActions: React.FC<SessionActionsProps>;
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { SessionFilters as SessionFiltersType, SessionSortOptions } from './AgentSession.props';
|
|
3
|
-
export interface SessionFiltersProps {
|
|
4
|
-
filters: SessionFiltersType;
|
|
5
|
-
sortOptions: SessionSortOptions;
|
|
6
|
-
onFiltersChange: (filters: SessionFiltersType) => void;
|
|
7
|
-
onSortChange: (sortOptions: SessionSortOptions) => void;
|
|
8
|
-
}
|
|
9
|
-
/**
|
|
10
|
-
* SessionFilters Component
|
|
11
|
-
*
|
|
12
|
-
* Renders filter and sort controls for the session list
|
|
13
|
-
*/
|
|
14
|
-
export declare const SessionFilters: React.FC<SessionFiltersProps>;
|
|
@@ -1,26 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { AgentSession } from './AgentSession.props';
|
|
3
|
-
export interface SessionListItemProps {
|
|
4
|
-
session: AgentSession;
|
|
5
|
-
isSelected: boolean;
|
|
6
|
-
compactMode?: boolean;
|
|
7
|
-
showInfo?: boolean;
|
|
8
|
-
enableDelete?: boolean;
|
|
9
|
-
enableExport?: boolean;
|
|
10
|
-
onSelect: () => void;
|
|
11
|
-
onDelete: () => void;
|
|
12
|
-
onExport: () => void;
|
|
13
|
-
formatDate: (timestamp: number) => string;
|
|
14
|
-
views?: {
|
|
15
|
-
container?: any;
|
|
16
|
-
info?: any;
|
|
17
|
-
deleteButton?: any;
|
|
18
|
-
exportButton?: any;
|
|
19
|
-
};
|
|
20
|
-
}
|
|
21
|
-
/**
|
|
22
|
-
* SessionListItem Component
|
|
23
|
-
*
|
|
24
|
-
* Renders individual session items in the session list
|
|
25
|
-
*/
|
|
26
|
-
export declare const SessionListItem: React.FC<SessionListItemProps>;
|
|
@@ -1,42 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { AgentSessionProps } from './AgentSession/AgentSession.props';
|
|
3
|
-
/**
|
|
4
|
-
* AgentSession Component
|
|
5
|
-
*
|
|
6
|
-
* A comprehensive session management component for ADK agents.
|
|
7
|
-
* Handles session creation, listing, selection, deletion, and state management.
|
|
8
|
-
*
|
|
9
|
-
* @example
|
|
10
|
-
* ```tsx
|
|
11
|
-
* <AgentSession
|
|
12
|
-
* appName="my-agent"
|
|
13
|
-
* userId="user123"
|
|
14
|
-
* onSessionSelect={(session) => console.log('Selected:', session)}
|
|
15
|
-
* onSessionCreate={(session) => console.log('Created:', session)}
|
|
16
|
-
* />
|
|
17
|
-
* ```
|
|
18
|
-
*
|
|
19
|
-
* @example
|
|
20
|
-
* ```tsx
|
|
21
|
-
* // With custom styling and features
|
|
22
|
-
* <AgentSession
|
|
23
|
-
* appName="my-agent"
|
|
24
|
-
* userId="user123"
|
|
25
|
-
* showSessionHistory={true}
|
|
26
|
-
* enableSessionImport={true}
|
|
27
|
-
* enableSessionExport={true}
|
|
28
|
-
* maxSessions={50}
|
|
29
|
-
* autoRefresh={true}
|
|
30
|
-
* refreshInterval={30000}
|
|
31
|
-
* views={{
|
|
32
|
-
* container: { backgroundColor: 'color.gray.50' },
|
|
33
|
-
* sessionList: { maxHeight: '400px' },
|
|
34
|
-
* sessionItem: { borderRadius: '8px' }
|
|
35
|
-
* }}
|
|
36
|
-
* />
|
|
37
|
-
* ```
|
|
38
|
-
*/
|
|
39
|
-
declare const AgentSession: React.FC<AgentSessionProps>;
|
|
40
|
-
export default AgentSession;
|
|
41
|
-
export { AgentSession };
|
|
42
|
-
export type { AgentSessionProps };
|
|
@@ -1,194 +0,0 @@
|
|
|
1
|
-
import { ViewProps } from 'app-studio';
|
|
2
|
-
/**
|
|
3
|
-
* Core ADK Trace Types
|
|
4
|
-
*/
|
|
5
|
-
export interface TraceEvent {
|
|
6
|
-
id: string;
|
|
7
|
-
sessionId: string;
|
|
8
|
-
type: 'llm_request' | 'llm_response' | 'function_call' | 'function_response' | 'user_input' | 'agent_output' | 'error' | 'system';
|
|
9
|
-
timestamp: number;
|
|
10
|
-
duration?: number;
|
|
11
|
-
data: any;
|
|
12
|
-
metadata?: {
|
|
13
|
-
title?: string;
|
|
14
|
-
description?: string;
|
|
15
|
-
level?: 'info' | 'warning' | 'error' | 'debug';
|
|
16
|
-
tags?: string[];
|
|
17
|
-
};
|
|
18
|
-
parentId?: string;
|
|
19
|
-
children?: TraceEvent[];
|
|
20
|
-
attributes?: Record<string, any>;
|
|
21
|
-
}
|
|
22
|
-
export interface TraceSpan {
|
|
23
|
-
id: string;
|
|
24
|
-
name: string;
|
|
25
|
-
startTime: number;
|
|
26
|
-
endTime?: number;
|
|
27
|
-
duration?: number;
|
|
28
|
-
status: 'running' | 'completed' | 'error' | 'cancelled';
|
|
29
|
-
events: TraceEvent[];
|
|
30
|
-
attributes: Record<string, any>;
|
|
31
|
-
parentId?: string;
|
|
32
|
-
children?: TraceSpan[];
|
|
33
|
-
}
|
|
34
|
-
export interface TraceMetrics {
|
|
35
|
-
totalEvents: number;
|
|
36
|
-
totalDuration: number;
|
|
37
|
-
averageResponseTime: number;
|
|
38
|
-
errorCount: number;
|
|
39
|
-
successCount: number;
|
|
40
|
-
functionCallCount: number;
|
|
41
|
-
llmRequestCount: number;
|
|
42
|
-
eventsByType: Record<string, number>;
|
|
43
|
-
performanceMetrics: {
|
|
44
|
-
p50: number;
|
|
45
|
-
p90: number;
|
|
46
|
-
p95: number;
|
|
47
|
-
p99: number;
|
|
48
|
-
};
|
|
49
|
-
}
|
|
50
|
-
export interface TraceFilter {
|
|
51
|
-
eventTypes?: string[];
|
|
52
|
-
timeRange?: {
|
|
53
|
-
start: Date;
|
|
54
|
-
end: Date;
|
|
55
|
-
};
|
|
56
|
-
searchQuery?: string;
|
|
57
|
-
level?: ('info' | 'warning' | 'error' | 'debug')[];
|
|
58
|
-
tags?: string[];
|
|
59
|
-
minDuration?: number;
|
|
60
|
-
maxDuration?: number;
|
|
61
|
-
}
|
|
62
|
-
/**
|
|
63
|
-
* Component View Customization
|
|
64
|
-
*/
|
|
65
|
-
export interface AgentTraceViews {
|
|
66
|
-
container?: ViewProps;
|
|
67
|
-
header?: ViewProps;
|
|
68
|
-
toolbar?: ViewProps;
|
|
69
|
-
timeline?: ViewProps;
|
|
70
|
-
eventList?: ViewProps;
|
|
71
|
-
detailsPanel?: ViewProps;
|
|
72
|
-
metricsPanel?: ViewProps;
|
|
73
|
-
filtersPanel?: ViewProps;
|
|
74
|
-
eventItem?: ViewProps;
|
|
75
|
-
selectedEventItem?: ViewProps;
|
|
76
|
-
eventHeader?: ViewProps;
|
|
77
|
-
eventContent?: ViewProps;
|
|
78
|
-
eventMetadata?: ViewProps;
|
|
79
|
-
eventTimestamp?: ViewProps;
|
|
80
|
-
eventDuration?: ViewProps;
|
|
81
|
-
eventType?: ViewProps;
|
|
82
|
-
eventLevel?: ViewProps;
|
|
83
|
-
eventTags?: ViewProps;
|
|
84
|
-
timelineContainer?: ViewProps;
|
|
85
|
-
timelineAxis?: ViewProps;
|
|
86
|
-
timelineEvent?: ViewProps;
|
|
87
|
-
timelineSpan?: ViewProps;
|
|
88
|
-
timelineMarker?: ViewProps;
|
|
89
|
-
metricsCard?: ViewProps;
|
|
90
|
-
performanceChart?: ViewProps;
|
|
91
|
-
errorRateChart?: ViewProps;
|
|
92
|
-
latencyChart?: ViewProps;
|
|
93
|
-
throughputChart?: ViewProps;
|
|
94
|
-
visualization?: ViewProps;
|
|
95
|
-
flowDiagram?: ViewProps;
|
|
96
|
-
dependencyGraph?: ViewProps;
|
|
97
|
-
heatmap?: ViewProps;
|
|
98
|
-
searchInput?: ViewProps;
|
|
99
|
-
typeFilter?: ViewProps;
|
|
100
|
-
levelFilter?: ViewProps;
|
|
101
|
-
timeRangeFilter?: ViewProps;
|
|
102
|
-
tagFilter?: ViewProps;
|
|
103
|
-
durationFilter?: ViewProps;
|
|
104
|
-
exportButton?: ViewProps;
|
|
105
|
-
refreshButton?: ViewProps;
|
|
106
|
-
clearButton?: ViewProps;
|
|
107
|
-
expandAllButton?: ViewProps;
|
|
108
|
-
collapseAllButton?: ViewProps;
|
|
109
|
-
emptyState?: ViewProps;
|
|
110
|
-
loadingState?: ViewProps;
|
|
111
|
-
errorState?: ViewProps;
|
|
112
|
-
}
|
|
113
|
-
/**
|
|
114
|
-
* Event Handlers
|
|
115
|
-
*/
|
|
116
|
-
export interface AgentTraceEventHandlers {
|
|
117
|
-
onEventSelect?: (event: TraceEvent) => void;
|
|
118
|
-
onSpanSelect?: (span: TraceSpan) => void;
|
|
119
|
-
onFilterChange?: (filter: TraceFilter) => void;
|
|
120
|
-
onExport?: (format: 'json' | 'csv' | 'svg') => void;
|
|
121
|
-
onRefresh?: () => void;
|
|
122
|
-
onError?: (error: Error) => void;
|
|
123
|
-
}
|
|
124
|
-
/**
|
|
125
|
-
* Visualization Options
|
|
126
|
-
*/
|
|
127
|
-
export declare type VisualizationType = 'timeline' | 'tree' | 'graph' | 'table' | 'flamegraph';
|
|
128
|
-
export interface VisualizationConfig {
|
|
129
|
-
type: VisualizationType;
|
|
130
|
-
showDuration?: boolean;
|
|
131
|
-
showMetadata?: boolean;
|
|
132
|
-
groupBy?: 'type' | 'level' | 'parent' | 'none';
|
|
133
|
-
sortBy?: 'timestamp' | 'duration' | 'type' | 'name';
|
|
134
|
-
sortDirection?: 'asc' | 'desc';
|
|
135
|
-
maxDepth?: number;
|
|
136
|
-
collapsible?: boolean;
|
|
137
|
-
}
|
|
138
|
-
/**
|
|
139
|
-
* Main AgentTrace Props Interface
|
|
140
|
-
*/
|
|
141
|
-
export interface AgentTraceProps extends ViewProps, AgentTraceEventHandlers {
|
|
142
|
-
sessionId: string;
|
|
143
|
-
userId: string;
|
|
144
|
-
appName: string;
|
|
145
|
-
apiBaseUrl?: string;
|
|
146
|
-
showTimeline?: boolean;
|
|
147
|
-
showMetrics?: boolean;
|
|
148
|
-
showVisualization?: boolean;
|
|
149
|
-
enableFiltering?: boolean;
|
|
150
|
-
enableExport?: boolean;
|
|
151
|
-
enableSearch?: boolean;
|
|
152
|
-
enableAutoRefresh?: boolean;
|
|
153
|
-
visualizationType?: VisualizationType;
|
|
154
|
-
visualizationConfig?: VisualizationConfig;
|
|
155
|
-
maxEvents?: number;
|
|
156
|
-
refreshInterval?: number;
|
|
157
|
-
showEventDetails?: boolean;
|
|
158
|
-
showPerformanceMetrics?: boolean;
|
|
159
|
-
compactMode?: boolean;
|
|
160
|
-
views?: AgentTraceViews;
|
|
161
|
-
containerProps?: ViewProps;
|
|
162
|
-
initialEvents?: TraceEvent[];
|
|
163
|
-
initialFilter?: TraceFilter;
|
|
164
|
-
selectedEventId?: string;
|
|
165
|
-
enableRealTimeUpdates?: boolean;
|
|
166
|
-
enableEventGrouping?: boolean;
|
|
167
|
-
enableSpanVisualization?: boolean;
|
|
168
|
-
colorScheme?: 'blue' | 'purple' | 'green' | 'orange' | 'red' | 'gray';
|
|
169
|
-
layout?: 'timeline' | 'tree' | 'table' | 'graph';
|
|
170
|
-
showMinimap?: boolean;
|
|
171
|
-
ariaLabel?: string;
|
|
172
|
-
ariaDescribedBy?: string;
|
|
173
|
-
}
|
|
174
|
-
/**
|
|
175
|
-
* Export Formats
|
|
176
|
-
*/
|
|
177
|
-
export interface TraceExportOptions {
|
|
178
|
-
format: 'json' | 'csv' | 'svg' | 'png';
|
|
179
|
-
includeMetadata?: boolean;
|
|
180
|
-
includeMetrics?: boolean;
|
|
181
|
-
timeRange?: {
|
|
182
|
-
start: Date;
|
|
183
|
-
end: Date;
|
|
184
|
-
};
|
|
185
|
-
eventTypes?: string[];
|
|
186
|
-
}
|
|
187
|
-
/**
|
|
188
|
-
* Real-time Update Types
|
|
189
|
-
*/
|
|
190
|
-
export interface TraceUpdate {
|
|
191
|
-
type: 'event_added' | 'event_updated' | 'span_completed' | 'metrics_updated';
|
|
192
|
-
data: TraceEvent | TraceSpan | TraceMetrics;
|
|
193
|
-
timestamp: number;
|
|
194
|
-
}
|