@app-studio/web 0.9.37 → 0.9.38

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.
Files changed (124) hide show
  1. package/dist/components/ChatInput/ChatInput/ChatInput.style.d.ts +31 -0
  2. package/dist/components/Drawer/Drawer/Drawer.props.d.ts +61 -0
  3. package/dist/components/Drawer/Drawer/Drawer.style.d.ts +4 -0
  4. package/dist/components/Drawer/Drawer/Drawer.view.d.ts +7 -0
  5. package/dist/components/Drawer/Drawer.d.ts +2 -0
  6. package/dist/components/index.d.ts +2 -22
  7. package/dist/pages/drawer.page.d.ts +3 -0
  8. package/dist/utils/apiConfig.d.ts +2 -2
  9. package/dist/utils/typography.d.ts +3 -4
  10. package/dist/web.cjs.development.js +2413 -12466
  11. package/dist/web.cjs.development.js.map +1 -1
  12. package/dist/web.cjs.production.min.js +1 -1
  13. package/dist/web.cjs.production.min.js.map +1 -1
  14. package/dist/web.esm.js +2588 -12632
  15. package/dist/web.esm.js.map +1 -1
  16. package/dist/web.umd.development.js +2428 -12478
  17. package/dist/web.umd.development.js.map +1 -1
  18. package/dist/web.umd.production.min.js +1 -1
  19. package/dist/web.umd.production.min.js.map +1 -1
  20. package/docs/components/Accordion.mdx +4 -4
  21. package/docs/components/Alert.mdx +1 -1
  22. package/docs/components/Background.mdx +5 -5
  23. package/docs/components/Badge.mdx +1 -1
  24. package/docs/components/Card.mdx +8 -8
  25. package/docs/components/Carousel.mdx +6 -6
  26. package/docs/components/ColorInput.mdx +1 -1
  27. package/docs/components/Drawer.mdx +164 -0
  28. package/docs/components/Gradient.mdx +6 -6
  29. package/docs/components/HoverCard.mdx +5 -5
  30. package/docs/components/KanbanBoard.mdx +128 -2
  31. package/docs/components/Link.mdx +2 -2
  32. package/docs/components/Menubar.mdx +1 -1
  33. package/docs/components/Message.mdx +4 -4
  34. package/docs/components/Modal.mdx +4 -4
  35. package/docs/components/OKR.mdx +40 -63
  36. package/docs/components/Tabs.mdx +1 -1
  37. package/docs/components/ToggleGroup.mdx +4 -4
  38. package/docs/components/Tooltip.mdx +2 -2
  39. package/docs/conventions.md +1 -1
  40. package/package.json +2 -2
  41. package/dist/components/Calendar/Calendar/Calendar.props.d.ts +0 -82
  42. package/dist/components/Calendar/Calendar/Calendar.style.d.ts +0 -107
  43. package/dist/components/Calendar/Calendar/Calendar.utils.d.ts +0 -91
  44. package/dist/components/Calendar/Calendar/Calendar.view.d.ts +0 -3
  45. package/dist/components/Calendar/Calendar.d.ts +0 -1
  46. package/dist/components/Flow/Flow/Flow.props.d.ts +0 -144
  47. package/dist/components/Flow/Flow/Flow.state.d.ts +0 -95
  48. package/dist/components/Flow/Flow/Flow.style.d.ts +0 -40
  49. package/dist/components/Flow/Flow/Flow.type.d.ts +0 -181
  50. package/dist/components/Flow/Flow/Flow.view.d.ts +0 -28
  51. package/dist/components/Flow/Flow.d.ts +0 -2
  52. package/dist/components/Flow/index.d.ts +0 -2
  53. package/dist/components/KanbanBoard/KanbanBoard/KanbanBoard.props.d.ts +0 -52
  54. package/dist/components/KanbanBoard/KanbanBoard/KanbanBoard.state.d.ts +0 -17
  55. package/dist/components/KanbanBoard/KanbanBoard/KanbanBoard.view.d.ts +0 -3
  56. package/dist/components/KanbanBoard/KanbanBoard.d.ts +0 -3
  57. package/dist/components/OKR/OKR/OKR.props.d.ts +0 -72
  58. package/dist/components/OKR/OKR/OKR.style.d.ts +0 -19
  59. package/dist/components/OKR/OKR/OKR.view.d.ts +0 -4
  60. package/dist/components/OKR/OKR.d.ts +0 -4
  61. package/dist/components/Text/Text/Text.props.d.ts +0 -29
  62. package/dist/components/Text/Text/Text.style.d.ts +0 -27
  63. package/dist/components/Text/Text/Text.utils.d.ts +0 -2
  64. package/dist/components/Text/Text/Text.view.d.ts +0 -19
  65. package/dist/components/Text/Text.d.ts +0 -5
  66. package/dist/components/Tree/Tree/Tree.props.d.ts +0 -106
  67. package/dist/components/Tree/Tree/Tree.state.d.ts +0 -38
  68. package/dist/components/Tree/Tree/Tree.style.d.ts +0 -41
  69. package/dist/components/Tree/Tree/Tree.type.d.ts +0 -133
  70. package/dist/components/Tree/Tree/Tree.view.d.ts +0 -36
  71. package/dist/components/Tree/Tree.d.ts +0 -2
  72. package/dist/components/adk/AgentChat/AgentChat/AgentChat.props.d.ts +0 -180
  73. package/dist/components/adk/AgentChat/AgentChat/AgentChat.state.d.ts +0 -24
  74. package/dist/components/adk/AgentChat/AgentChat/AgentChat.style.d.ts +0 -132
  75. package/dist/components/adk/AgentChat/AgentChat/AgentChat.view.d.ts +0 -12
  76. package/dist/components/adk/AgentChat/AgentChat/AgentMessage.d.ts +0 -21
  77. package/dist/components/adk/AgentChat/AgentChat/AgentRunProgress.d.ts +0 -11
  78. package/dist/components/adk/AgentChat/AgentChat/AgentTypingIndicator.d.ts +0 -7
  79. package/dist/components/adk/AgentChat/AgentChat/MessageAttachmentPreview.d.ts +0 -12
  80. package/dist/components/adk/AgentChat/AgentChat.d.ts +0 -41
  81. package/dist/components/adk/AgentEval/AgentEval/AgentEval.props.d.ts +0 -213
  82. package/dist/components/adk/AgentEval/AgentEval/AgentEval.state.d.ts +0 -27
  83. package/dist/components/adk/AgentEval/AgentEval/AgentEval.style.d.ts +0 -144
  84. package/dist/components/adk/AgentEval/AgentEval/AgentEval.view.d.ts +0 -12
  85. package/dist/components/adk/AgentEval/AgentEval/EvaluationCreator.d.ts +0 -17
  86. package/dist/components/adk/AgentEval/AgentEval/EvaluationList.d.ts +0 -23
  87. package/dist/components/adk/AgentEval/AgentEval/EvaluationMetrics.d.ts +0 -15
  88. package/dist/components/adk/AgentEval/AgentEval/EvaluationResults.d.ts +0 -19
  89. package/dist/components/adk/AgentEval/AgentEval.d.ts +0 -41
  90. package/dist/components/adk/AgentSession/AgentSession/AgentSession.props.d.ts +0 -170
  91. package/dist/components/adk/AgentSession/AgentSession/AgentSession.state.d.ts +0 -32
  92. package/dist/components/adk/AgentSession/AgentSession/AgentSession.style.d.ts +0 -105
  93. package/dist/components/adk/AgentSession/AgentSession/AgentSession.view.d.ts +0 -12
  94. package/dist/components/adk/AgentSession/AgentSession/SessionActions.d.ts +0 -20
  95. package/dist/components/adk/AgentSession/AgentSession/SessionFilters.d.ts +0 -14
  96. package/dist/components/adk/AgentSession/AgentSession/SessionListItem.d.ts +0 -26
  97. package/dist/components/adk/AgentSession/AgentSession.d.ts +0 -42
  98. package/dist/components/adk/AgentTrace/AgentTrace/AgentTrace.props.d.ts +0 -194
  99. package/dist/components/adk/AgentTrace/AgentTrace/AgentTrace.state.d.ts +0 -27
  100. package/dist/components/adk/AgentTrace/AgentTrace/AgentTrace.style.d.ts +0 -146
  101. package/dist/components/adk/AgentTrace/AgentTrace/AgentTrace.view.d.ts +0 -12
  102. package/dist/components/adk/AgentTrace/AgentTrace/TraceEventList.d.ts +0 -20
  103. package/dist/components/adk/AgentTrace/AgentTrace/TraceFilters.d.ts +0 -13
  104. package/dist/components/adk/AgentTrace/AgentTrace/TraceMetrics.d.ts +0 -16
  105. package/dist/components/adk/AgentTrace/AgentTrace/TraceTimeline.d.ts +0 -19
  106. package/dist/components/adk/AgentTrace/AgentTrace/TraceVisualization.d.ts +0 -19
  107. package/dist/components/adk/AgentTrace/AgentTrace.d.ts +0 -44
  108. package/dist/components/adk/useAdk.d.ts +0 -42
  109. package/dist/pages/adk/CompleteAgentApp.d.ts +0 -30
  110. package/dist/pages/adk/adkComponents.page.d.ts +0 -8
  111. package/dist/pages/adk/adkIntegration.page.d.ts +0 -6
  112. package/dist/pages/adk/agentChat.page.d.ts +0 -8
  113. package/dist/pages/adk/providers/AdkProvider.d.ts +0 -83
  114. package/dist/pages/adk/providers/index.d.ts +0 -1
  115. package/dist/pages/adk/services/AgentService.d.ts +0 -167
  116. package/dist/pages/adk/services/AgentServiceProvider.d.ts +0 -83
  117. package/dist/pages/adk/services/AgentServiceUtils.d.ts +0 -176
  118. package/dist/pages/adk/services/index.d.ts +0 -50
  119. package/dist/pages/calendar.page.d.ts +0 -3
  120. package/dist/pages/flow.page.d.ts +0 -3
  121. package/dist/pages/kanbanBoard.page.d.ts +0 -3
  122. package/dist/pages/okr.page.d.ts +0 -3
  123. package/dist/pages/text.page.d.ts +0 -3
  124. 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
- }