@app-studio/web 0.9.17 → 0.9.19

package/dist/web.esm.js

@@ -31,13 +31,8 @@ import 'core-js/modules/es.string.match.js';
 import 'core-js/modules/es.string.search.js';
 import 'core-js/modules/es.array.flat-map.js';
 import 'core-js/modules/es.array.unscopables.flat-map.js';
-import { Loader as Loader$1 } from 'src/components/Loader/Loader';
-import { Avatar as Avatar$1 } from 'src/components/Avatar/Avatar';
-import { Alert as Alert$1 } from 'src/components/Alert/Alert';
-import { Select as Select$1, TextField as TextField$1, Checkbox as Checkbox$1, TextArea as TextArea$1 } from 'src/components/Form/Form';
 import 'core-js/modules/es.array.sort.js';
-import { Select as Select$2 } from 'src/components';
-import { Tabs as Tabs$1 } from 'src/components/Tabs/Tabs';
+import { Select as Select$1 } from 'src/components';
 
 function asyncGeneratorStep(n, t, e, r, o, a, c) {
   try {
@@ -28128,7 +28123,7 @@ var AgentMessage = _ref => {
       return /*#__PURE__*/React.createElement(Horizontal, {
         alignItems: "center",
         gap: 8
-      }, /*#__PURE__*/React.createElement(Loader$1, {
+      }, /*#__PURE__*/React.createElement(Loader, {
         size: "sm"
       }), /*#__PURE__*/React.createElement(Text$1, {
         color: "color.gray.600"
@@ -28282,7 +28277,7 @@ var AgentMessage = _ref => {
     alignItems: "flex-start",
     justifyContent: isUser ? 'flex-end' : 'flex-start',
     width: "100%"
-  }, showAvatar && !isUser && (/*#__PURE__*/React.createElement(Avatar$1, Object.assign({
+  }, showAvatar && !isUser && (/*#__PURE__*/React.createElement(Avatar, Object.assign({
     size: "sm",
     backgroundColor: "color.green.500",
     color: "white"
@@ -28291,7 +28286,7 @@ var AgentMessage = _ref => {
     maxWidth: "80%"
   }, /*#__PURE__*/React.createElement(View, Object.assign({}, messageStyles), renderMessageContent()), showTimestamp && !isLoading && (/*#__PURE__*/React.createElement(Text$1, Object.assign({}, DefaultAgentChatStyles.timestamp, views.timestamp, {
     textAlign: isUser ? 'right' : 'left'
-  }), formatTimestamp(message.timestamp)))), showAvatar && isUser && (/*#__PURE__*/React.createElement(Avatar$1, Object.assign({
+  }), formatTimestamp(message.timestamp)))), showAvatar && isUser && (/*#__PURE__*/React.createElement(Avatar, Object.assign({
     size: "sm",
     backgroundColor: "color.blue.500",
     color: "white"
@@ -28307,7 +28302,7 @@ var AgentTypingIndicator = () => {
   return /*#__PURE__*/React.createElement(Horizontal, {
     gap: 12,
     alignItems: "flex-start"
-  }, /*#__PURE__*/React.createElement(Avatar$1, Object.assign({
+  }, /*#__PURE__*/React.createElement(Avatar, Object.assign({
     size: "sm",
     backgroundColor: "color.green.500",
     color: "white"
@@ -28509,12 +28504,12 @@ var AgentChatView = _ref => {
   }, "Session: ", sessionId == null ? void 0 : sessionId.slice(0, 8), "..."))), isLoading && (/*#__PURE__*/React.createElement(Horizontal, {
     alignItems: "center",
     gap: 8
-  }, /*#__PURE__*/React.createElement(Loader$1, {
+  }, /*#__PURE__*/React.createElement(Loader, {
     size: "sm"
   }), /*#__PURE__*/React.createElement(Text$1, {
     fontSize: "sm",
     color: "color.gray.600"
-  }, "Processing..."))))), error && (/*#__PURE__*/React.createElement(Alert$1, {
+  }, "Processing..."))))), error && (/*#__PURE__*/React.createElement(Alert, {
     variant: "error",
     title: "",
     description: error,
@@ -29364,7 +29359,7 @@ var SessionFilters = _ref => {
     gap: 12
   }, /*#__PURE__*/React.createElement(View, Object.assign({}, DefaultAgentSessionStyles.filterGroup), /*#__PURE__*/React.createElement(Text$1, Object.assign({}, DefaultAgentSessionStyles.filterLabel), "Sort By"), /*#__PURE__*/React.createElement(Horizontal, {
     gap: 8
-  }, /*#__PURE__*/React.createElement(Select$1, {
+  }, /*#__PURE__*/React.createElement(Select, {
     value: sortOptions.field,
     onChange: handleSortFieldChange,
     options: [{
@@ -29381,7 +29376,7 @@ var SessionFilters = _ref => {
       label: 'Message Count'
     }],
     placeholder: "Sort field"
-  }), /*#__PURE__*/React.createElement(Select$1, {
+  }), /*#__PURE__*/React.createElement(Select, {
     value: sortOptions.direction,
     onChange: handleSortDirectionChange,
     options: [{
@@ -29392,14 +29387,14 @@ var SessionFilters = _ref => {
       label: 'Ascending'
     }],
     placeholder: "Sort direction"
-  }))), /*#__PURE__*/React.createElement(View, Object.assign({}, DefaultAgentSessionStyles.filterGroup), /*#__PURE__*/React.createElement(Text$1, Object.assign({}, DefaultAgentSessionStyles.filterLabel), "Filter by Tags"), /*#__PURE__*/React.createElement(TextField$1, {
+  }))), /*#__PURE__*/React.createElement(View, Object.assign({}, DefaultAgentSessionStyles.filterGroup), /*#__PURE__*/React.createElement(Text$1, Object.assign({}, DefaultAgentSessionStyles.filterLabel), "Filter by Tags"), /*#__PURE__*/React.createElement(TextField, {
     placeholder: "Enter tags separated by commas",
     value: ((_filters$tags = filters.tags) == null ? void 0 : _filters$tags.join(', ')) || '',
     onChange: handleTagsChange
   })), /*#__PURE__*/React.createElement(View, Object.assign({}, DefaultAgentSessionStyles.filterGroup), /*#__PURE__*/React.createElement(Text$1, Object.assign({}, DefaultAgentSessionStyles.filterLabel), "Message Count Range"), /*#__PURE__*/React.createElement(Horizontal, {
     gap: 8,
     alignItems: "center"
-  }, /*#__PURE__*/React.createElement(TextField$1, {
+  }, /*#__PURE__*/React.createElement(TextField, {
     placeholder: "Min",
     type: "number",
     value: ((_filters$messageCount3 = filters.messageCountRange) == null || (_filters$messageCount3 = _filters$messageCount3.min) == null ? void 0 : _filters$messageCount3.toString()) || '',
@@ -29410,7 +29405,7 @@ var SessionFilters = _ref => {
   }), /*#__PURE__*/React.createElement(Text$1, {
     fontSize: "sm",
     color: "color.gray.600"
-  }, "to"), /*#__PURE__*/React.createElement(TextField$1, {
+  }, "to"), /*#__PURE__*/React.createElement(TextField, {
     placeholder: "Max",
     type: "number",
     value: ((_filters$messageCount4 = filters.messageCountRange) == null || (_filters$messageCount4 = _filters$messageCount4.max) == null ? void 0 : _filters$messageCount4.toString()) || '',
@@ -29609,9 +29604,9 @@ var AgentSessionView = _ref => {
     onClick: handleCreateSession,
     disabled: isCreating,
     "aria-label": "Create new session"
-  }, isCreating ? /*#__PURE__*/React.createElement(Loader$1, {
+  }, isCreating ? /*#__PURE__*/React.createElement(Loader, {
     size: "xs"
-  }) : '+ New Session'))))), error && (/*#__PURE__*/React.createElement(Alert$1, {
+  }) : '+ New Session'))))), error && (/*#__PURE__*/React.createElement(Alert, {
     variant: "error",
     onClose: () => setError(null)
   }, error)), enableSessionSearch && (/*#__PURE__*/React.createElement(View, {
@@ -29620,7 +29615,7 @@ var AgentSessionView = _ref => {
     borderBottomColor: "color.gray.200"
   }, /*#__PURE__*/React.createElement(Vertical, {
     gap: 12
-  }, /*#__PURE__*/React.createElement(TextField$1, {
+  }, /*#__PURE__*/React.createElement(TextField, {
     placeholder: "Search sessions...",
     value: searchQuery,
     onChange: setSearchQuery,
@@ -29643,7 +29638,7 @@ var AgentSessionView = _ref => {
       importButton: views == null ? void 0 : views.importButton,
       exportButton: views == null ? void 0 : views.exportButton
     }
-  })), /*#__PURE__*/React.createElement(View, Object.assign({}, DefaultAgentSessionStyles.sessionList, views == null ? void 0 : views.sessionList), isLoading && sessions.length === 0 ? (/*#__PURE__*/React.createElement(View, Object.assign({}, DefaultAgentSessionStyles.loadingState, views == null ? void 0 : views.loadingState), /*#__PURE__*/React.createElement(Loader$1, {
+  })), /*#__PURE__*/React.createElement(View, Object.assign({}, DefaultAgentSessionStyles.sessionList, views == null ? void 0 : views.sessionList), isLoading && sessions.length === 0 ? (/*#__PURE__*/React.createElement(View, Object.assign({}, DefaultAgentSessionStyles.loadingState, views == null ? void 0 : views.loadingState), /*#__PURE__*/React.createElement(Loader, {
     size: "md"
   }), /*#__PURE__*/React.createElement(Text$1, {
     color: "color.gray.600"
@@ -30963,7 +30958,7 @@ var TraceFilters = _ref => {
     flexWrap: "wrap"
   }, eventTypes.map(type => {
     var _filter$eventTypes;
-    return /*#__PURE__*/React.createElement(Checkbox$1, {
+    return /*#__PURE__*/React.createElement(Checkbox, {
       key: type,
       checked: ((_filter$eventTypes = filter.eventTypes) == null ? void 0 : _filter$eventTypes.includes(type)) || false,
       onChange: checked => {
@@ -30977,7 +30972,7 @@ var TraceFilters = _ref => {
     gap: 8
   }, ['info', 'warning', 'error', 'debug'].map(level => {
     var _filter$level;
-    return /*#__PURE__*/React.createElement(Checkbox$1, {
+    return /*#__PURE__*/React.createElement(Checkbox, {
       key: level,
       checked: ((_filter$level = filter.level) == null ? void 0 : _filter$level.includes(level)) || false,
       onChange: checked => {
@@ -30990,7 +30985,7 @@ var TraceFilters = _ref => {
   }))), /*#__PURE__*/React.createElement(View, Object.assign({}, DefaultAgentTraceStyles.filterGroup), /*#__PURE__*/React.createElement(Text$1, Object.assign({}, DefaultAgentTraceStyles.filterLabel), "Duration Range (ms)"), /*#__PURE__*/React.createElement(Horizontal, {
     gap: 8,
     alignItems: "center"
-  }, /*#__PURE__*/React.createElement(TextField$1, {
+  }, /*#__PURE__*/React.createElement(TextField, {
     placeholder: "Min",
     type: "number",
     value: ((_filter$minDuration = filter.minDuration) == null ? void 0 : _filter$minDuration.toString()) || '',
@@ -31001,7 +30996,7 @@ var TraceFilters = _ref => {
   }), /*#__PURE__*/React.createElement(Text$1, {
     fontSize: "sm",
     color: "color.gray.600"
-  }, "to"), /*#__PURE__*/React.createElement(TextField$1, {
+  }, "to"), /*#__PURE__*/React.createElement(TextField, {
     placeholder: "Max",
     type: "number",
     value: ((_filter$maxDuration = filter.maxDuration) == null ? void 0 : _filter$maxDuration.toString()) || '',
@@ -31009,7 +31004,7 @@ var TraceFilters = _ref => {
     style: {
       width: '100px'
     }
-  }))), /*#__PURE__*/React.createElement(View, Object.assign({}, DefaultAgentTraceStyles.filterGroup), /*#__PURE__*/React.createElement(Text$1, Object.assign({}, DefaultAgentTraceStyles.filterLabel), "Filter by Tags"), /*#__PURE__*/React.createElement(TextField$1, {
+  }))), /*#__PURE__*/React.createElement(View, Object.assign({}, DefaultAgentTraceStyles.filterGroup), /*#__PURE__*/React.createElement(Text$1, Object.assign({}, DefaultAgentTraceStyles.filterLabel), "Filter by Tags"), /*#__PURE__*/React.createElement(TextField, {
     placeholder: "Enter tags separated by commas",
     value: ((_filter$tags = filter.tags) == null ? void 0 : _filter$tags.join(', ')) || '',
     onChange: handleTagsChange
@@ -31301,7 +31296,7 @@ var TraceVisualization = _ref => {
     fontSize: "sm",
     fontWeight: "600",
     color: "color.gray.700"
-  }, "Visualization Type"), /*#__PURE__*/React.createElement(Select$2, {
+  }, "Visualization Type"), /*#__PURE__*/React.createElement(Select$1, {
     value: visualizationType,
     onChange: onVisualizationChange,
     options: [{
@@ -31415,14 +31410,14 @@ var AgentTraceView = _ref => {
     onClick: handleRefresh,
     disabled: isLoading,
     "aria-label": "Refresh trace data"
-  }, isLoading ? /*#__PURE__*/React.createElement(Loader$1, {
+  }, isLoading ? /*#__PURE__*/React.createElement(Loader, {
     size: "xs"
   }) : '🔄'), enableExport && (/*#__PURE__*/React.createElement(Button$1, {
     variant: "outline",
     size: "sm",
     onClick: () => handleExport('json'),
     "aria-label": "Export trace data"
-  }, "\uD83D\uDCE4 Export"))))), error && (/*#__PURE__*/React.createElement(Alert$1, {
+  }, "\uD83D\uDCE4 Export"))))), error && (/*#__PURE__*/React.createElement(Alert, {
     variant: "error",
     onClose: () => setError(null)
   }, error)), enableSearch && (/*#__PURE__*/React.createElement(View, {
@@ -31431,7 +31426,7 @@ var AgentTraceView = _ref => {
     borderBottomColor: "color.gray.200"
   }, /*#__PURE__*/React.createElement(Vertical, {
     gap: 12
-  }, /*#__PURE__*/React.createElement(TextField$1, {
+  }, /*#__PURE__*/React.createElement(TextField, {
     placeholder: "Search events...",
     value: searchQuery,
     onChange: setSearchQuery,
@@ -31470,15 +31465,15 @@ var AgentTraceView = _ref => {
   })) : (
   /*#__PURE__*/
   // Full mode - tabbed interface
-  React.createElement(Tabs$1, {
+  React.createElement(Tabs, {
     defaultValue: "timeline"
-  }, /*#__PURE__*/React.createElement(Tabs$1.List, null, showTimeline && (/*#__PURE__*/React.createElement(Tabs$1.Trigger, {
+  }, /*#__PURE__*/React.createElement(Tabs.List, null, showTimeline && (/*#__PURE__*/React.createElement(Tabs.Trigger, {
     value: "timeline"
-  }, "Timeline")), /*#__PURE__*/React.createElement(Tabs$1.Trigger, {
+  }, "Timeline")), /*#__PURE__*/React.createElement(Tabs.Trigger, {
     value: "events"
-  }, "Events"), showVisualization && (/*#__PURE__*/React.createElement(Tabs$1.Trigger, {
+  }, "Events"), showVisualization && (/*#__PURE__*/React.createElement(Tabs.Trigger, {
     value: "visualization"
-  }, "Visualization"))), showTimeline && (/*#__PURE__*/React.createElement(Tabs$1.Content, {
+  }, "Visualization"))), showTimeline && (/*#__PURE__*/React.createElement(Tabs.Content, {
     value: "timeline"
   }, /*#__PURE__*/React.createElement(TraceTimeline, {
     events: events,
@@ -31490,7 +31485,7 @@ var AgentTraceView = _ref => {
     views: {
       container: views == null ? void 0 : views.timeline
     }
-  }))), /*#__PURE__*/React.createElement(Tabs$1.Content, {
+  }))), /*#__PURE__*/React.createElement(Tabs.Content, {
     value: "events"
   }, /*#__PURE__*/React.createElement(TraceEventList, {
     events: events,
@@ -31503,7 +31498,7 @@ var AgentTraceView = _ref => {
       eventItem: views == null ? void 0 : views.eventItem,
       selectedEventItem: views == null ? void 0 : views.selectedEventItem
     }
-  })), showVisualization && (/*#__PURE__*/React.createElement(Tabs$1.Content, {
+  })), showVisualization && (/*#__PURE__*/React.createElement(Tabs.Content, {
     value: "visualization"
   }, /*#__PURE__*/React.createElement(TraceVisualization, {
     events: events,
@@ -31515,7 +31510,7 @@ var AgentTraceView = _ref => {
     views: {
       container: views == null ? void 0 : views.visualization
     }
-  })))))), isLoading && events.length === 0 && (/*#__PURE__*/React.createElement(View, Object.assign({}, DefaultAgentTraceStyles.loadingState, views == null ? void 0 : views.loadingState), /*#__PURE__*/React.createElement(Loader$1, {
+  })))))), isLoading && events.length === 0 && (/*#__PURE__*/React.createElement(View, Object.assign({}, DefaultAgentTraceStyles.loadingState, views == null ? void 0 : views.loadingState), /*#__PURE__*/React.createElement(Loader, {
     size: "md"
   }), /*#__PURE__*/React.createElement(Text$1, {
     color: "color.gray.600"
@@ -32425,7 +32420,7 @@ var EvaluationList = _ref => {
     }, "Avg Score: ", evaluation.summary.averageScore.toFixed(1)), /*#__PURE__*/React.createElement(Text$1, {
       fontSize: "sm",
       color: "color.gray.600"
-    }, "Pass Rate: ", (evaluation.summary.passRate * 100).toFixed(1), "%"))), evaluation.error && (/*#__PURE__*/React.createElement(View, {
+    }, "Pass Rate:", ' ', (evaluation.summary.passRate * 100).toFixed(1), "%"))), evaluation.error && (/*#__PURE__*/React.createElement(View, {
       padding: 8,
       backgroundColor: "color.red.50",
       borderRadius: "4px",
@@ -32566,7 +32561,7 @@ var EvaluationCreator = _ref => {
   }, /*#__PURE__*/React.createElement(Text$1, {
     fontSize: "sm",
     color: "color.yellow.800"
-  }, "\u26A0\uFE0F Maximum concurrent evaluations reached. Please wait for running evaluations to complete."))), templates.length > 0 && (/*#__PURE__*/React.createElement(View, Object.assign({}, DefaultAgentEvalStyles.formGroup), /*#__PURE__*/React.createElement(Text$1, Object.assign({}, DefaultAgentEvalStyles.formLabel), "Use Template (Optional)"), /*#__PURE__*/React.createElement(Select$1, {
+  }, "\u26A0\uFE0F Maximum concurrent evaluations reached. Please wait for running evaluations to complete."))), templates.length > 0 && (/*#__PURE__*/React.createElement(View, Object.assign({}, DefaultAgentEvalStyles.formGroup), /*#__PURE__*/React.createElement(Text$1, Object.assign({}, DefaultAgentEvalStyles.formLabel), "Use Template (Optional)"), /*#__PURE__*/React.createElement(Select, {
     value: selectedTemplate,
     onChange: handleTemplateSelect,
     options: [{
@@ -32577,7 +32572,7 @@ var EvaluationCreator = _ref => {
       label: t.name
     }))],
     placeholder: "Select a template"
-  }))), /*#__PURE__*/React.createElement(View, Object.assign({}, DefaultAgentEvalStyles.formGroup), /*#__PURE__*/React.createElement(Text$1, Object.assign({}, DefaultAgentEvalStyles.formLabel), "Evaluation Name *"), /*#__PURE__*/React.createElement(TextField$1, {
+  }))), /*#__PURE__*/React.createElement(View, Object.assign({}, DefaultAgentEvalStyles.formGroup), /*#__PURE__*/React.createElement(Text$1, Object.assign({}, DefaultAgentEvalStyles.formLabel), "Evaluation Name *"), /*#__PURE__*/React.createElement(TextField, {
     value: name,
     onChange: setName,
     placeholder: "Enter evaluation name",
@@ -32591,7 +32586,7 @@ var EvaluationCreator = _ref => {
     size: "sm",
     onClick: loadSampleData,
     disabled: isCreating
-  }, "Load Sample")), /*#__PURE__*/React.createElement(TextArea$1, {
+  }, "Load Sample")), /*#__PURE__*/React.createElement(TextArea, {
     value: testCasesText,
     onChange: e => setTestCasesText(e.target.value),
     placeholder: "Enter test cases as JSON array",
@@ -32609,7 +32604,7 @@ var EvaluationCreator = _ref => {
     fontSize: "xs",
     color: "color.gray.600",
     marginTop: 4
-  }, "Each test case should have: id, name, input, expectedOutput (optional)")), /*#__PURE__*/React.createElement(View, Object.assign({}, DefaultAgentEvalStyles.formGroup), /*#__PURE__*/React.createElement(Text$1, Object.assign({}, DefaultAgentEvalStyles.formLabel), "Metrics (JSON)"), /*#__PURE__*/React.createElement(TextArea$1, {
+  }, "Each test case should have: id, name, input, expectedOutput (optional)")), /*#__PURE__*/React.createElement(View, Object.assign({}, DefaultAgentEvalStyles.formGroup), /*#__PURE__*/React.createElement(Text$1, Object.assign({}, DefaultAgentEvalStyles.formLabel), "Metrics (JSON)"), /*#__PURE__*/React.createElement(TextArea, {
     value: metricsText,
     onChange: e => setMetricsText(e.target.value),
     placeholder: "Enter metrics as JSON array",
@@ -33031,13 +33026,13 @@ var EvaluationMetrics = _ref => {
   }, "\uD83D\uDCCA Key Insights"), overallMetrics.avgPassRate > 0.9 && (/*#__PURE__*/React.createElement(Text$1, {
     fontSize: "sm",
     color: "color.green.700"
-  }, "\u2705 Excellent performance with ", (overallMetrics.avgPassRate * 100).toFixed(1), "% average pass rate")), overallMetrics.avgPassRate < 0.7 && (/*#__PURE__*/React.createElement(Text$1, {
+  }, "\u2705 Excellent performance with", ' ', (overallMetrics.avgPassRate * 100).toFixed(1), "% average pass rate")), overallMetrics.avgPassRate < 0.7 && (/*#__PURE__*/React.createElement(Text$1, {
     fontSize: "sm",
     color: "color.red.700"
   }, "\u26A0\uFE0F Consider reviewing test cases or agent configuration (pass rate: ", (overallMetrics.avgPassRate * 100).toFixed(1), "%)")), overallMetrics.totalEvaluations >= 10 && (/*#__PURE__*/React.createElement(Text$1, {
     fontSize: "sm",
     color: "color.blue.700"
-  }, "\uD83D\uDCC8 Good evaluation coverage with ", overallMetrics.totalEvaluations, " completed evaluations")), overallMetrics.totalEvaluations < 5 && (/*#__PURE__*/React.createElement(Text$1, {
+  }, "\uD83D\uDCC8 Good evaluation coverage with", ' ', overallMetrics.totalEvaluations, " completed evaluations")), overallMetrics.totalEvaluations < 5 && (/*#__PURE__*/React.createElement(Text$1, {
     fontSize: "sm",
     color: "color.yellow.700"
   }, "\uD83D\uDCA1 Consider running more evaluations for better performance insights")))))), !overallMetrics && (/*#__PURE__*/React.createElement(View, {
@@ -33175,7 +33170,7 @@ var AgentEvalView = _ref => {
     onClick: handleRefresh,
     disabled: isLoading,
     "aria-label": "Refresh evaluations"
-  }, isLoading ? /*#__PURE__*/React.createElement(Loader$1, {
+  }, isLoading ? /*#__PURE__*/React.createElement(Loader, {
     size: "xs"
   }) : '🔄'), enableResultExport && (/*#__PURE__*/React.createElement(Button$1, {
     variant: "outline",
@@ -33190,7 +33185,7 @@ var AgentEvalView = _ref => {
     padding: 16,
     borderBottom: "1px solid",
     borderBottomColor: "color.gray.200"
-  }, /*#__PURE__*/React.createElement(TextField$1, {
+  }, /*#__PURE__*/React.createElement(TextField, {
     placeholder: "Search evaluations...",
     value: searchQuery,
     onChange: setSearchQuery,
@@ -33294,7 +33289,7 @@ var AgentEvalView = _ref => {
     views: {
       container: views == null ? void 0 : views.metricsPanel
     }
-  })))))), isLoading && evaluations.length === 0 && (/*#__PURE__*/React.createElement(View, Object.assign({}, DefaultAgentEvalStyles.loadingState, views == null ? void 0 : views.loadingState), /*#__PURE__*/React.createElement(Loader$1, {
+  })))))), isLoading && evaluations.length === 0 && (/*#__PURE__*/React.createElement(View, Object.assign({}, DefaultAgentEvalStyles.loadingState, views == null ? void 0 : views.loadingState), /*#__PURE__*/React.createElement(Loader, {
     size: "md"
   }), /*#__PURE__*/React.createElement(Text$1, {
     color: "color.gray.600"