@app-studio/web 0.9.17 → 0.9.18

package/dist/components/AuthGuard/index.d.ts

@@ -1 +1 @@
-export { AuthGuard, withAuthGuard, RouteAuthGuard, AuthStatus } from './AuthGuard';
+export { AuthGuard, withAuthGuard, RouteAuthGuard, AuthStatus, } from './AuthGuard';

package/dist/utils/request.d.ts

@@ -11,7 +11,7 @@ interface RequestProps {
     params?: any;
     options?: any;
 }
-export declare function request({ url, method, params, options }: RequestProps): Promise<any>;
+export declare function request({ url, method, params, options, }: RequestProps): Promise<any>;
 export declare const remove: (url: string, params?: {}) => Promise<any>;
 export declare const post: (url: string, params?: {}) => Promise<any>;
 export declare const patch: (url: string, params?: {}) => Promise<any>;
@@ -25,7 +25,7 @@ interface UploadRequestProps {
     onSuccess?: Function;
     onFailure?: Function;
 }
-export declare const upload: ({ file, url, onProgress, onSuccess, onFailure }: UploadRequestProps) => Promise<void>;
+export declare const upload: ({ file, url, onProgress, onSuccess, onFailure, }: UploadRequestProps) => Promise<void>;
 export declare function setLocale(newLocale: string): Promise<void>;
 export declare function getLocale(): string;
 export declare function setToken(token: string): Promise<void>;

package/dist/web.cjs.development.js

@@ -38,13 +38,8 @@ require('core-js/modules/es.string.match.js');
 require('core-js/modules/es.string.search.js');
 require('core-js/modules/es.array.flat-map.js');
 require('core-js/modules/es.array.unscopables.flat-map.js');
-var Loader$1 = require('src/components/Loader/Loader');
-var Avatar$1 = require('src/components/Avatar/Avatar');
-var Alert$1 = require('src/components/Alert/Alert');
-var Form = require('src/components/Form/Form');
 require('core-js/modules/es.array.sort.js');
 var components = require('src/components');
-var Tabs$1 = require('src/components/Tabs/Tabs');
 
 function asyncGeneratorStep(n, t, e, r, o, a, c) {
   try {
@@ -28135,7 +28130,7 @@ var AgentMessage = _ref => {
       return /*#__PURE__*/React__default.createElement(appStudio.Horizontal, {
         alignItems: "center",
         gap: 8
-      }, /*#__PURE__*/React__default.createElement(Loader$1.Loader, {
+      }, /*#__PURE__*/React__default.createElement(Loader, {
         size: "sm"
       }), /*#__PURE__*/React__default.createElement(appStudio.Text, {
         color: "color.gray.600"
@@ -28289,7 +28284,7 @@ var AgentMessage = _ref => {
     alignItems: "flex-start",
     justifyContent: isUser ? 'flex-end' : 'flex-start',
     width: "100%"
-  }, showAvatar && !isUser && (/*#__PURE__*/React__default.createElement(Avatar$1.Avatar, Object.assign({
+  }, showAvatar && !isUser && (/*#__PURE__*/React__default.createElement(Avatar, Object.assign({
     size: "sm",
     backgroundColor: "color.green.500",
     color: "white"
@@ -28298,7 +28293,7 @@ var AgentMessage = _ref => {
     maxWidth: "80%"
   }, /*#__PURE__*/React__default.createElement(appStudio.View, Object.assign({}, messageStyles), renderMessageContent()), showTimestamp && !isLoading && (/*#__PURE__*/React__default.createElement(appStudio.Text, Object.assign({}, DefaultAgentChatStyles.timestamp, views.timestamp, {
     textAlign: isUser ? 'right' : 'left'
-  }), formatTimestamp(message.timestamp)))), showAvatar && isUser && (/*#__PURE__*/React__default.createElement(Avatar$1.Avatar, Object.assign({
+  }), formatTimestamp(message.timestamp)))), showAvatar && isUser && (/*#__PURE__*/React__default.createElement(Avatar, Object.assign({
     size: "sm",
     backgroundColor: "color.blue.500",
     color: "white"
@@ -28314,7 +28309,7 @@ var AgentTypingIndicator = () => {
   return /*#__PURE__*/React__default.createElement(appStudio.Horizontal, {
     gap: 12,
     alignItems: "flex-start"
-  }, /*#__PURE__*/React__default.createElement(Avatar$1.Avatar, Object.assign({
+  }, /*#__PURE__*/React__default.createElement(Avatar, Object.assign({
     size: "sm",
     backgroundColor: "color.green.500",
     color: "white"
@@ -28516,12 +28511,12 @@ var AgentChatView = _ref => {
   }, "Session: ", sessionId == null ? void 0 : sessionId.slice(0, 8), "..."))), isLoading && (/*#__PURE__*/React__default.createElement(appStudio.Horizontal, {
     alignItems: "center",
     gap: 8
-  }, /*#__PURE__*/React__default.createElement(Loader$1.Loader, {
+  }, /*#__PURE__*/React__default.createElement(Loader, {
     size: "sm"
   }), /*#__PURE__*/React__default.createElement(appStudio.Text, {
     fontSize: "sm",
     color: "color.gray.600"
-  }, "Processing..."))))), error && (/*#__PURE__*/React__default.createElement(Alert$1.Alert, {
+  }, "Processing..."))))), error && (/*#__PURE__*/React__default.createElement(Alert, {
     variant: "error",
     title: "",
     description: error,
@@ -29371,7 +29366,7 @@ var SessionFilters = _ref => {
     gap: 12
   }, /*#__PURE__*/React__default.createElement(appStudio.View, Object.assign({}, DefaultAgentSessionStyles.filterGroup), /*#__PURE__*/React__default.createElement(appStudio.Text, Object.assign({}, DefaultAgentSessionStyles.filterLabel), "Sort By"), /*#__PURE__*/React__default.createElement(appStudio.Horizontal, {
     gap: 8
-  }, /*#__PURE__*/React__default.createElement(Form.Select, {
+  }, /*#__PURE__*/React__default.createElement(Select, {
     value: sortOptions.field,
     onChange: handleSortFieldChange,
     options: [{
@@ -29388,7 +29383,7 @@ var SessionFilters = _ref => {
       label: 'Message Count'
     }],
     placeholder: "Sort field"
-  }), /*#__PURE__*/React__default.createElement(Form.Select, {
+  }), /*#__PURE__*/React__default.createElement(Select, {
     value: sortOptions.direction,
     onChange: handleSortDirectionChange,
     options: [{
@@ -29399,14 +29394,14 @@ var SessionFilters = _ref => {
       label: 'Ascending'
     }],
     placeholder: "Sort direction"
-  }))), /*#__PURE__*/React__default.createElement(appStudio.View, Object.assign({}, DefaultAgentSessionStyles.filterGroup), /*#__PURE__*/React__default.createElement(appStudio.Text, Object.assign({}, DefaultAgentSessionStyles.filterLabel), "Filter by Tags"), /*#__PURE__*/React__default.createElement(Form.TextField, {
+  }))), /*#__PURE__*/React__default.createElement(appStudio.View, Object.assign({}, DefaultAgentSessionStyles.filterGroup), /*#__PURE__*/React__default.createElement(appStudio.Text, Object.assign({}, DefaultAgentSessionStyles.filterLabel), "Filter by Tags"), /*#__PURE__*/React__default.createElement(TextField, {
     placeholder: "Enter tags separated by commas",
     value: ((_filters$tags = filters.tags) == null ? void 0 : _filters$tags.join(', ')) || '',
     onChange: handleTagsChange
   })), /*#__PURE__*/React__default.createElement(appStudio.View, Object.assign({}, DefaultAgentSessionStyles.filterGroup), /*#__PURE__*/React__default.createElement(appStudio.Text, Object.assign({}, DefaultAgentSessionStyles.filterLabel), "Message Count Range"), /*#__PURE__*/React__default.createElement(appStudio.Horizontal, {
     gap: 8,
     alignItems: "center"
-  }, /*#__PURE__*/React__default.createElement(Form.TextField, {
+  }, /*#__PURE__*/React__default.createElement(TextField, {
     placeholder: "Min",
     type: "number",
     value: ((_filters$messageCount3 = filters.messageCountRange) == null || (_filters$messageCount3 = _filters$messageCount3.min) == null ? void 0 : _filters$messageCount3.toString()) || '',
@@ -29417,7 +29412,7 @@ var SessionFilters = _ref => {
   }), /*#__PURE__*/React__default.createElement(appStudio.Text, {
     fontSize: "sm",
     color: "color.gray.600"
-  }, "to"), /*#__PURE__*/React__default.createElement(Form.TextField, {
+  }, "to"), /*#__PURE__*/React__default.createElement(TextField, {
     placeholder: "Max",
     type: "number",
     value: ((_filters$messageCount4 = filters.messageCountRange) == null || (_filters$messageCount4 = _filters$messageCount4.max) == null ? void 0 : _filters$messageCount4.toString()) || '',
@@ -29616,9 +29611,9 @@ var AgentSessionView = _ref => {
     onClick: handleCreateSession,
     disabled: isCreating,
     "aria-label": "Create new session"
-  }, isCreating ? /*#__PURE__*/React__default.createElement(Loader$1.Loader, {
+  }, isCreating ? /*#__PURE__*/React__default.createElement(Loader, {
     size: "xs"
-  }) : '+ New Session'))))), error && (/*#__PURE__*/React__default.createElement(Alert$1.Alert, {
+  }) : '+ New Session'))))), error && (/*#__PURE__*/React__default.createElement(Alert, {
     variant: "error",
     onClose: () => setError(null)
   }, error)), enableSessionSearch && (/*#__PURE__*/React__default.createElement(appStudio.View, {
@@ -29627,7 +29622,7 @@ var AgentSessionView = _ref => {
     borderBottomColor: "color.gray.200"
   }, /*#__PURE__*/React__default.createElement(appStudio.Vertical, {
     gap: 12
-  }, /*#__PURE__*/React__default.createElement(Form.TextField, {
+  }, /*#__PURE__*/React__default.createElement(TextField, {
     placeholder: "Search sessions...",
     value: searchQuery,
     onChange: setSearchQuery,
@@ -29650,7 +29645,7 @@ var AgentSessionView = _ref => {
       importButton: views == null ? void 0 : views.importButton,
       exportButton: views == null ? void 0 : views.exportButton
     }
-  })), /*#__PURE__*/React__default.createElement(appStudio.View, Object.assign({}, DefaultAgentSessionStyles.sessionList, views == null ? void 0 : views.sessionList), isLoading && sessions.length === 0 ? (/*#__PURE__*/React__default.createElement(appStudio.View, Object.assign({}, DefaultAgentSessionStyles.loadingState, views == null ? void 0 : views.loadingState), /*#__PURE__*/React__default.createElement(Loader$1.Loader, {
+  })), /*#__PURE__*/React__default.createElement(appStudio.View, Object.assign({}, DefaultAgentSessionStyles.sessionList, views == null ? void 0 : views.sessionList), isLoading && sessions.length === 0 ? (/*#__PURE__*/React__default.createElement(appStudio.View, Object.assign({}, DefaultAgentSessionStyles.loadingState, views == null ? void 0 : views.loadingState), /*#__PURE__*/React__default.createElement(Loader, {
     size: "md"
   }), /*#__PURE__*/React__default.createElement(appStudio.Text, {
     color: "color.gray.600"
@@ -30970,7 +30965,7 @@ var TraceFilters = _ref => {
     flexWrap: "wrap"
   }, eventTypes.map(type => {
     var _filter$eventTypes;
-    return /*#__PURE__*/React__default.createElement(Form.Checkbox, {
+    return /*#__PURE__*/React__default.createElement(Checkbox, {
       key: type,
       checked: ((_filter$eventTypes = filter.eventTypes) == null ? void 0 : _filter$eventTypes.includes(type)) || false,
       onChange: checked => {
@@ -30984,7 +30979,7 @@ var TraceFilters = _ref => {
     gap: 8
   }, ['info', 'warning', 'error', 'debug'].map(level => {
     var _filter$level;
-    return /*#__PURE__*/React__default.createElement(Form.Checkbox, {
+    return /*#__PURE__*/React__default.createElement(Checkbox, {
       key: level,
       checked: ((_filter$level = filter.level) == null ? void 0 : _filter$level.includes(level)) || false,
       onChange: checked => {
@@ -30997,7 +30992,7 @@ var TraceFilters = _ref => {
   }))), /*#__PURE__*/React__default.createElement(appStudio.View, Object.assign({}, DefaultAgentTraceStyles.filterGroup), /*#__PURE__*/React__default.createElement(appStudio.Text, Object.assign({}, DefaultAgentTraceStyles.filterLabel), "Duration Range (ms)"), /*#__PURE__*/React__default.createElement(appStudio.Horizontal, {
     gap: 8,
     alignItems: "center"
-  }, /*#__PURE__*/React__default.createElement(Form.TextField, {
+  }, /*#__PURE__*/React__default.createElement(TextField, {
     placeholder: "Min",
     type: "number",
     value: ((_filter$minDuration = filter.minDuration) == null ? void 0 : _filter$minDuration.toString()) || '',
@@ -31008,7 +31003,7 @@ var TraceFilters = _ref => {
   }), /*#__PURE__*/React__default.createElement(appStudio.Text, {
     fontSize: "sm",
     color: "color.gray.600"
-  }, "to"), /*#__PURE__*/React__default.createElement(Form.TextField, {
+  }, "to"), /*#__PURE__*/React__default.createElement(TextField, {
     placeholder: "Max",
     type: "number",
     value: ((_filter$maxDuration = filter.maxDuration) == null ? void 0 : _filter$maxDuration.toString()) || '',
@@ -31016,7 +31011,7 @@ var TraceFilters = _ref => {
     style: {
       width: '100px'
     }
-  }))), /*#__PURE__*/React__default.createElement(appStudio.View, Object.assign({}, DefaultAgentTraceStyles.filterGroup), /*#__PURE__*/React__default.createElement(appStudio.Text, Object.assign({}, DefaultAgentTraceStyles.filterLabel), "Filter by Tags"), /*#__PURE__*/React__default.createElement(Form.TextField, {
+  }))), /*#__PURE__*/React__default.createElement(appStudio.View, Object.assign({}, DefaultAgentTraceStyles.filterGroup), /*#__PURE__*/React__default.createElement(appStudio.Text, Object.assign({}, DefaultAgentTraceStyles.filterLabel), "Filter by Tags"), /*#__PURE__*/React__default.createElement(TextField, {
     placeholder: "Enter tags separated by commas",
     value: ((_filter$tags = filter.tags) == null ? void 0 : _filter$tags.join(', ')) || '',
     onChange: handleTagsChange
@@ -31422,14 +31417,14 @@ var AgentTraceView = _ref => {
     onClick: handleRefresh,
     disabled: isLoading,
     "aria-label": "Refresh trace data"
-  }, isLoading ? /*#__PURE__*/React__default.createElement(Loader$1.Loader, {
+  }, isLoading ? /*#__PURE__*/React__default.createElement(Loader, {
     size: "xs"
   }) : '🔄'), enableExport && (/*#__PURE__*/React__default.createElement(appStudio.Button, {
     variant: "outline",
     size: "sm",
     onClick: () => handleExport('json'),
     "aria-label": "Export trace data"
-  }, "\uD83D\uDCE4 Export"))))), error && (/*#__PURE__*/React__default.createElement(Alert$1.Alert, {
+  }, "\uD83D\uDCE4 Export"))))), error && (/*#__PURE__*/React__default.createElement(Alert, {
     variant: "error",
     onClose: () => setError(null)
   }, error)), enableSearch && (/*#__PURE__*/React__default.createElement(appStudio.View, {
@@ -31438,7 +31433,7 @@ var AgentTraceView = _ref => {
     borderBottomColor: "color.gray.200"
   }, /*#__PURE__*/React__default.createElement(appStudio.Vertical, {
     gap: 12
-  }, /*#__PURE__*/React__default.createElement(Form.TextField, {
+  }, /*#__PURE__*/React__default.createElement(TextField, {
     placeholder: "Search events...",
     value: searchQuery,
     onChange: setSearchQuery,
@@ -31477,15 +31472,15 @@ var AgentTraceView = _ref => {
   })) : (
   /*#__PURE__*/
   // Full mode - tabbed interface
-  React__default.createElement(Tabs$1.Tabs, {
+  React__default.createElement(Tabs, {
     defaultValue: "timeline"
-  }, /*#__PURE__*/React__default.createElement(Tabs$1.Tabs.List, null, showTimeline && (/*#__PURE__*/React__default.createElement(Tabs$1.Tabs.Trigger, {
+  }, /*#__PURE__*/React__default.createElement(Tabs.List, null, showTimeline && (/*#__PURE__*/React__default.createElement(Tabs.Trigger, {
     value: "timeline"
-  }, "Timeline")), /*#__PURE__*/React__default.createElement(Tabs$1.Tabs.Trigger, {
+  }, "Timeline")), /*#__PURE__*/React__default.createElement(Tabs.Trigger, {
     value: "events"
-  }, "Events"), showVisualization && (/*#__PURE__*/React__default.createElement(Tabs$1.Tabs.Trigger, {
+  }, "Events"), showVisualization && (/*#__PURE__*/React__default.createElement(Tabs.Trigger, {
     value: "visualization"
-  }, "Visualization"))), showTimeline && (/*#__PURE__*/React__default.createElement(Tabs$1.Tabs.Content, {
+  }, "Visualization"))), showTimeline && (/*#__PURE__*/React__default.createElement(Tabs.Content, {
     value: "timeline"
   }, /*#__PURE__*/React__default.createElement(TraceTimeline, {
     events: events,
@@ -31497,7 +31492,7 @@ var AgentTraceView = _ref => {
     views: {
       container: views == null ? void 0 : views.timeline
     }
-  }))), /*#__PURE__*/React__default.createElement(Tabs$1.Tabs.Content, {
+  }))), /*#__PURE__*/React__default.createElement(Tabs.Content, {
     value: "events"
   }, /*#__PURE__*/React__default.createElement(TraceEventList, {
     events: events,
@@ -31510,7 +31505,7 @@ var AgentTraceView = _ref => {
       eventItem: views == null ? void 0 : views.eventItem,
       selectedEventItem: views == null ? void 0 : views.selectedEventItem
     }
-  })), showVisualization && (/*#__PURE__*/React__default.createElement(Tabs$1.Tabs.Content, {
+  })), showVisualization && (/*#__PURE__*/React__default.createElement(Tabs.Content, {
     value: "visualization"
   }, /*#__PURE__*/React__default.createElement(TraceVisualization, {
     events: events,
@@ -31522,7 +31517,7 @@ var AgentTraceView = _ref => {
     views: {
       container: views == null ? void 0 : views.visualization
     }
-  })))))), isLoading && events.length === 0 && (/*#__PURE__*/React__default.createElement(appStudio.View, Object.assign({}, DefaultAgentTraceStyles.loadingState, views == null ? void 0 : views.loadingState), /*#__PURE__*/React__default.createElement(Loader$1.Loader, {
+  })))))), isLoading && events.length === 0 && (/*#__PURE__*/React__default.createElement(appStudio.View, Object.assign({}, DefaultAgentTraceStyles.loadingState, views == null ? void 0 : views.loadingState), /*#__PURE__*/React__default.createElement(Loader, {
     size: "md"
   }), /*#__PURE__*/React__default.createElement(appStudio.Text, {
     color: "color.gray.600"
@@ -32432,7 +32427,7 @@ var EvaluationList = _ref => {
     }, "Avg Score: ", evaluation.summary.averageScore.toFixed(1)), /*#__PURE__*/React__default.createElement(appStudio.Text, {
       fontSize: "sm",
       color: "color.gray.600"
-    }, "Pass Rate: ", (evaluation.summary.passRate * 100).toFixed(1), "%"))), evaluation.error && (/*#__PURE__*/React__default.createElement(appStudio.View, {
+    }, "Pass Rate:", ' ', (evaluation.summary.passRate * 100).toFixed(1), "%"))), evaluation.error && (/*#__PURE__*/React__default.createElement(appStudio.View, {
       padding: 8,
       backgroundColor: "color.red.50",
       borderRadius: "4px",
@@ -32573,7 +32568,7 @@ var EvaluationCreator = _ref => {
   }, /*#__PURE__*/React__default.createElement(appStudio.Text, {
     fontSize: "sm",
     color: "color.yellow.800"
-  }, "\u26A0\uFE0F Maximum concurrent evaluations reached. Please wait for running evaluations to complete."))), templates.length > 0 && (/*#__PURE__*/React__default.createElement(appStudio.View, Object.assign({}, DefaultAgentEvalStyles.formGroup), /*#__PURE__*/React__default.createElement(appStudio.Text, Object.assign({}, DefaultAgentEvalStyles.formLabel), "Use Template (Optional)"), /*#__PURE__*/React__default.createElement(Form.Select, {
+  }, "\u26A0\uFE0F Maximum concurrent evaluations reached. Please wait for running evaluations to complete."))), templates.length > 0 && (/*#__PURE__*/React__default.createElement(appStudio.View, Object.assign({}, DefaultAgentEvalStyles.formGroup), /*#__PURE__*/React__default.createElement(appStudio.Text, Object.assign({}, DefaultAgentEvalStyles.formLabel), "Use Template (Optional)"), /*#__PURE__*/React__default.createElement(Select, {
     value: selectedTemplate,
     onChange: handleTemplateSelect,
     options: [{
@@ -32584,7 +32579,7 @@ var EvaluationCreator = _ref => {
       label: t.name
     }))],
     placeholder: "Select a template"
-  }))), /*#__PURE__*/React__default.createElement(appStudio.View, Object.assign({}, DefaultAgentEvalStyles.formGroup), /*#__PURE__*/React__default.createElement(appStudio.Text, Object.assign({}, DefaultAgentEvalStyles.formLabel), "Evaluation Name *"), /*#__PURE__*/React__default.createElement(Form.TextField, {
+  }))), /*#__PURE__*/React__default.createElement(appStudio.View, Object.assign({}, DefaultAgentEvalStyles.formGroup), /*#__PURE__*/React__default.createElement(appStudio.Text, Object.assign({}, DefaultAgentEvalStyles.formLabel), "Evaluation Name *"), /*#__PURE__*/React__default.createElement(TextField, {
     value: name,
     onChange: setName,
     placeholder: "Enter evaluation name",
@@ -32598,7 +32593,7 @@ var EvaluationCreator = _ref => {
     size: "sm",
     onClick: loadSampleData,
     disabled: isCreating
-  }, "Load Sample")), /*#__PURE__*/React__default.createElement(Form.TextArea, {
+  }, "Load Sample")), /*#__PURE__*/React__default.createElement(TextArea, {
     value: testCasesText,
     onChange: e => setTestCasesText(e.target.value),
     placeholder: "Enter test cases as JSON array",
@@ -32616,7 +32611,7 @@ var EvaluationCreator = _ref => {
     fontSize: "xs",
     color: "color.gray.600",
     marginTop: 4
-  }, "Each test case should have: id, name, input, expectedOutput (optional)")), /*#__PURE__*/React__default.createElement(appStudio.View, Object.assign({}, DefaultAgentEvalStyles.formGroup), /*#__PURE__*/React__default.createElement(appStudio.Text, Object.assign({}, DefaultAgentEvalStyles.formLabel), "Metrics (JSON)"), /*#__PURE__*/React__default.createElement(Form.TextArea, {
+  }, "Each test case should have: id, name, input, expectedOutput (optional)")), /*#__PURE__*/React__default.createElement(appStudio.View, Object.assign({}, DefaultAgentEvalStyles.formGroup), /*#__PURE__*/React__default.createElement(appStudio.Text, Object.assign({}, DefaultAgentEvalStyles.formLabel), "Metrics (JSON)"), /*#__PURE__*/React__default.createElement(TextArea, {
     value: metricsText,
     onChange: e => setMetricsText(e.target.value),
     placeholder: "Enter metrics as JSON array",
@@ -33038,13 +33033,13 @@ var EvaluationMetrics = _ref => {
   }, "\uD83D\uDCCA Key Insights"), overallMetrics.avgPassRate > 0.9 && (/*#__PURE__*/React__default.createElement(appStudio.Text, {
     fontSize: "sm",
     color: "color.green.700"
-  }, "\u2705 Excellent performance with ", (overallMetrics.avgPassRate * 100).toFixed(1), "% average pass rate")), overallMetrics.avgPassRate < 0.7 && (/*#__PURE__*/React__default.createElement(appStudio.Text, {
+  }, "\u2705 Excellent performance with", ' ', (overallMetrics.avgPassRate * 100).toFixed(1), "% average pass rate")), overallMetrics.avgPassRate < 0.7 && (/*#__PURE__*/React__default.createElement(appStudio.Text, {
     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__default.createElement(appStudio.Text, {
     fontSize: "sm",
     color: "color.blue.700"
-  }, "\uD83D\uDCC8 Good evaluation coverage with ", overallMetrics.totalEvaluations, " completed evaluations")), overallMetrics.totalEvaluations < 5 && (/*#__PURE__*/React__default.createElement(appStudio.Text, {
+  }, "\uD83D\uDCC8 Good evaluation coverage with", ' ', overallMetrics.totalEvaluations, " completed evaluations")), overallMetrics.totalEvaluations < 5 && (/*#__PURE__*/React__default.createElement(appStudio.Text, {
     fontSize: "sm",
     color: "color.yellow.700"
   }, "\uD83D\uDCA1 Consider running more evaluations for better performance insights")))))), !overallMetrics && (/*#__PURE__*/React__default.createElement(appStudio.View, {
@@ -33182,7 +33177,7 @@ var AgentEvalView = _ref => {
     onClick: handleRefresh,
     disabled: isLoading,
     "aria-label": "Refresh evaluations"
-  }, isLoading ? /*#__PURE__*/React__default.createElement(Loader$1.Loader, {
+  }, isLoading ? /*#__PURE__*/React__default.createElement(Loader, {
     size: "xs"
   }) : '🔄'), enableResultExport && (/*#__PURE__*/React__default.createElement(appStudio.Button, {
     variant: "outline",
@@ -33197,7 +33192,7 @@ var AgentEvalView = _ref => {
     padding: 16,
     borderBottom: "1px solid",
     borderBottomColor: "color.gray.200"
-  }, /*#__PURE__*/React__default.createElement(Form.TextField, {
+  }, /*#__PURE__*/React__default.createElement(TextField, {
     placeholder: "Search evaluations...",
     value: searchQuery,
     onChange: setSearchQuery,
@@ -33301,7 +33296,7 @@ var AgentEvalView = _ref => {
     views: {
       container: views == null ? void 0 : views.metricsPanel
     }
-  })))))), isLoading && evaluations.length === 0 && (/*#__PURE__*/React__default.createElement(appStudio.View, Object.assign({}, DefaultAgentEvalStyles.loadingState, views == null ? void 0 : views.loadingState), /*#__PURE__*/React__default.createElement(Loader$1.Loader, {
+  })))))), isLoading && evaluations.length === 0 && (/*#__PURE__*/React__default.createElement(appStudio.View, Object.assign({}, DefaultAgentEvalStyles.loadingState, views == null ? void 0 : views.loadingState), /*#__PURE__*/React__default.createElement(Loader, {
     size: "md"
   }), /*#__PURE__*/React__default.createElement(appStudio.Text, {
     color: "color.gray.600"