@app-studio/web 0.9.19 → 0.9.21

package/dist/web.esm.js

@@ -32,7 +32,6 @@ 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 'core-js/modules/es.array.sort.js';
-import { Select as Select$1 } from 'src/components';
 
 function asyncGeneratorStep(n, t, e, r, o, a, c) {
   try {
@@ -28414,7 +28413,7 @@ var MessageAttachmentPreview = _ref => {
   }, formatFileSize(file.size)))));
 };
 
-var _excluded$1i = ["placeholder", "showTimestamps", "showAvatars", "showTypingIndicator", "autoScroll", "enableFileUpload", "enableAudioRecording", "enableVideoRecording", "views", "ariaLabel", "ariaDescribedBy", "messages", "currentSession", "isLoading", "isTyping", "error", "inputValue", "selectedFiles", "sessionId", "sendMessage", "setInputValue", "handleFileSelect", "removeFile", "messagesEndRef", "setError", "setSelectedFiles"];
+var _excluded$1i = ["placeholder", "showTimestamps", "showAvatars", "showTypingIndicator", "autoScroll", "enableFileUpload", "enableAudioRecording", "enableVideoRecording", "views", "containerProps", "colorScheme", "compact", "rounded", "ariaLabel", "ariaDescribedBy", "messages", "currentSession", "isLoading", "isTyping", "error", "inputValue", "selectedFiles", "sessionId", "sendMessage", "setInputValue", "handleFileSelect", "removeFile", "messagesEndRef", "setError", "setSelectedFiles"];
 /**
  * AgentChat View Component
  *
@@ -28432,6 +28431,10 @@ var AgentChatView = _ref => {
       enableAudioRecording = false,
       enableVideoRecording = false,
       views,
+      containerProps,
+      colorScheme = 'blue',
+      compact = false,
+      rounded = true,
       ariaLabel = 'Agent Chat',
       ariaDescribedBy,
       // State from hook
@@ -28465,7 +28468,7 @@ var AgentChatView = _ref => {
    * Handle message send from ChatInput
    */
   var handleSubmit = /*#__PURE__*/function () {
-    var _ref2 = _asyncToGenerator(function* (message, options) {
+    var _ref2 = _asyncToGenerator(function* (message, _options) {
       if (message.trim() || selectedFiles.length > 0) {
         yield sendMessage(message, selectedFiles);
       }
@@ -28487,7 +28490,37 @@ var AgentChatView = _ref => {
     selectedFiles.forEach(file => URL.revokeObjectURL(file.url));
     setSelectedFiles([]);
   };
-  return /*#__PURE__*/React.createElement(View, Object.assign({}, DefaultAgentChatStyles.container, views == null ? void 0 : views.container, props, {
+  /**
+   * Get dynamic styles based on theme props
+   */
+  var getThemeStyles = () => {
+    var baseStyles = {
+      borderRadius: rounded ? '12px' : '4px',
+      padding: compact ? '8px' : '16px'
+    };
+    var colorStyles = {
+      blue: {
+        borderColor: 'color.blue.200'
+      },
+      purple: {
+        borderColor: 'color.purple.200'
+      },
+      green: {
+        borderColor: 'color.green.200'
+      },
+      orange: {
+        borderColor: 'color.orange.200'
+      },
+      red: {
+        borderColor: 'color.red.200'
+      },
+      gray: {
+        borderColor: 'color.gray.200'
+      }
+    };
+    return Object.assign({}, baseStyles, colorStyles[colorScheme]);
+  };
+  return /*#__PURE__*/React.createElement(View, Object.assign({}, DefaultAgentChatStyles.container, getThemeStyles(), containerProps, views == null ? void 0 : views.container, props, {
     "aria-label": ariaLabel,
     "aria-describedby": ariaDescribedBy
   }), /*#__PURE__*/React.createElement(View, Object.assign({}, DefaultAgentChatStyles.header, views == null ? void 0 : views.header), /*#__PURE__*/React.createElement(Horizontal, {
@@ -29473,7 +29506,7 @@ var SessionFilters = _ref => {
   }, "Clear all filters")))));
 };
 
-var _excluded$1j = ["showSessionHistory", "enableSessionImport", "enableSessionExport", "enableSessionDelete", "enableSessionSearch", "showSessionInfo", "showSessionActions", "showCreateButton", "showRefreshButton", "compactMode", "views", "ariaLabel", "ariaDescribedBy", "sessions", "selectedSession", "isLoading", "isCreating", "error", "searchQuery", "filters", "sortOptions", "fetchSessions", "createSession", "selectSession", "deleteSession", "exportSession", "handleFileImport", "setSearchQuery", "setFilters", "setSortOptions", "setError", "fileInputRef", "handleFileSelect"];
+var _excluded$1j = ["showSessionHistory", "enableSessionImport", "enableSessionExport", "enableSessionDelete", "enableSessionSearch", "showSessionInfo", "showSessionActions", "showCreateButton", "showRefreshButton", "compactMode", "views", "containerProps", "colorScheme", "layout", "showPreviews", "ariaLabel", "ariaDescribedBy", "sessions", "selectedSession", "isLoading", "isCreating", "error", "searchQuery", "filters", "sortOptions", "fetchSessions", "createSession", "selectSession", "deleteSession", "exportSession", "handleFileImport", "setSearchQuery", "setFilters", "setSortOptions", "setError", "fileInputRef", "handleFileSelect"];
 /**
  * AgentSession View Component
  *
@@ -29493,6 +29526,10 @@ var AgentSessionView = _ref => {
       showRefreshButton = true,
       compactMode = false,
       views,
+      containerProps,
+      colorScheme = 'blue',
+      layout = 'list',
+      showPreviews = true,
       ariaLabel = 'Agent Session Manager',
       ariaDescribedBy,
       // State from hook
@@ -29576,7 +29613,45 @@ var AgentSessionView = _ref => {
       minute: '2-digit'
     });
   };
-  return /*#__PURE__*/React.createElement(View, Object.assign({}, DefaultAgentSessionStyles.container, views == null ? void 0 : views.container, props, {
+  /**
+   * Get dynamic styles based on theme props
+   */
+  var getThemeStyles = () => {
+    var colorStyles = {
+      blue: {
+        borderColor: 'color.blue.200'
+      },
+      purple: {
+        borderColor: 'color.purple.200'
+      },
+      green: {
+        borderColor: 'color.green.200'
+      },
+      orange: {
+        borderColor: 'color.orange.200'
+      },
+      red: {
+        borderColor: 'color.red.200'
+      },
+      gray: {
+        borderColor: 'color.gray.200'
+      }
+    };
+    var layoutStyles = {
+      list: {
+        flexDirection: 'column'
+      },
+      grid: {
+        flexDirection: 'row',
+        flexWrap: 'wrap'
+      },
+      compact: {
+        padding: '8px'
+      }
+    };
+    return Object.assign({}, colorStyles[colorScheme], layoutStyles[layout]);
+  };
+  return /*#__PURE__*/React.createElement(View, Object.assign({}, DefaultAgentSessionStyles.container, getThemeStyles(), containerProps, views == null ? void 0 : views.container, props, {
     "aria-label": ariaLabel,
     "aria-describedby": ariaDescribedBy
   }), /*#__PURE__*/React.createElement(View, Object.assign({}, DefaultAgentSessionStyles.header, views == null ? void 0 : views.header), /*#__PURE__*/React.createElement(Horizontal, {
@@ -31296,7 +31371,7 @@ var TraceVisualization = _ref => {
     fontSize: "sm",
     fontWeight: "600",
     color: "color.gray.700"
-  }, "Visualization Type"), /*#__PURE__*/React.createElement(Select$1, {
+  }, "Visualization Type"), /*#__PURE__*/React.createElement(Select, {
     value: visualizationType,
     onChange: onVisualizationChange,
     options: [{