@app-studio/web 0.9.19 → 0.9.21

package/dist/web.umd.development.js

@@ -1,8 +1,8 @@
 (function (global, factory) {
-  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('core-js/modules/es.object.assign.js'), require('react'), require('core-js/modules/es.array.includes.js'), require('core-js/modules/es.array.iterator.js'), require('core-js/modules/es.string.includes.js'), require('core-js/modules/web.dom-collections.iterator.js'), require('core-js/modules/es.regexp.to-string.js'), require('app-studio'), require('core-js/modules/es.symbol.description.js'), require('core-js/modules/es.parse-float.js'), require('core-js/modules/es.string.trim-end.js'), require('core-js/modules/es.parse-int.js'), require('react-router-dom'), require('core-js/modules/es.string.ends-with.js'), require('contrast'), require('core-js/modules/es.promise.js'), require('core-js/modules/es.array.reduce.js'), require('core-js/modules/es.number.to-fixed.js'), require('core-js/modules/es.string.starts-with.js'), require('date-fns/format'), require('core-js/modules/es.string.trim.js'), require('core-js/modules/es.regexp.constructor.js'), require('core-js/modules/es.regexp.exec.js'), require('formik'), require('core-js/modules/es.string.replace.js'), require('core-js/modules/web.url.js'), require('core-js/modules/web.url.to-json.js'), require('core-js/modules/web.url-search-params.js'), require('zustand'), 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'), require('core-js/modules/es.array.sort.js'), require('src/components')) :
-  typeof define === 'function' && define.amd ? define(['exports', 'core-js/modules/es.object.assign.js', 'react', 'core-js/modules/es.array.includes.js', 'core-js/modules/es.array.iterator.js', 'core-js/modules/es.string.includes.js', 'core-js/modules/web.dom-collections.iterator.js', 'core-js/modules/es.regexp.to-string.js', 'app-studio', 'core-js/modules/es.symbol.description.js', 'core-js/modules/es.parse-float.js', 'core-js/modules/es.string.trim-end.js', 'core-js/modules/es.parse-int.js', 'react-router-dom', 'core-js/modules/es.string.ends-with.js', 'contrast', 'core-js/modules/es.promise.js', 'core-js/modules/es.array.reduce.js', 'core-js/modules/es.number.to-fixed.js', 'core-js/modules/es.string.starts-with.js', 'date-fns/format', 'core-js/modules/es.string.trim.js', 'core-js/modules/es.regexp.constructor.js', 'core-js/modules/es.regexp.exec.js', 'formik', 'core-js/modules/es.string.replace.js', 'core-js/modules/web.url.js', 'core-js/modules/web.url.to-json.js', 'core-js/modules/web.url-search-params.js', 'zustand', 'core-js/modules/es.string.match.js', 'core-js/modules/es.string.search.js', 'core-js/modules/es.array.flat-map.js', 'core-js/modules/es.array.unscopables.flat-map.js', 'core-js/modules/es.array.sort.js', 'src/components'], factory) :
-  (global = global || self, factory(global['@app-studio/web'] = {}, null, global.React, null, null, null, null, null, global.appStudio, null, null, null, null, global.reactRouterDom, null, global.contrast, null, null, null, null, global.format, null, null, null, global.formik, null, null, null, null, global.zustand, null, null, null, null, null, global.components));
-}(this, (function (exports, es_object_assign_js, React, es_array_includes_js, es_array_iterator_js, es_string_includes_js, web_domCollections_iterator_js, es_regexp_toString_js, appStudio, es_symbol_description_js, es_parseFloat_js, es_string_trimEnd_js, es_parseInt_js, reactRouterDom, es_string_endsWith_js, contrast, es_promise_js, es_array_reduce_js, es_number_toFixed_js, es_string_startsWith_js, format, es_string_trim_js, es_regexp_constructor_js, es_regexp_exec_js, formik, es_string_replace_js, web_url_js, web_url_toJson_js, web_urlSearchParams_js, zustand, es_string_match_js, es_string_search_js, es_array_flatMap_js, es_array_unscopables_flatMap_js, es_array_sort_js, components) { 'use strict';
+  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('core-js/modules/es.object.assign.js'), require('react'), require('core-js/modules/es.array.includes.js'), require('core-js/modules/es.array.iterator.js'), require('core-js/modules/es.string.includes.js'), require('core-js/modules/web.dom-collections.iterator.js'), require('core-js/modules/es.regexp.to-string.js'), require('app-studio'), require('core-js/modules/es.symbol.description.js'), require('core-js/modules/es.parse-float.js'), require('core-js/modules/es.string.trim-end.js'), require('core-js/modules/es.parse-int.js'), require('react-router-dom'), require('core-js/modules/es.string.ends-with.js'), require('contrast'), require('core-js/modules/es.promise.js'), require('core-js/modules/es.array.reduce.js'), require('core-js/modules/es.number.to-fixed.js'), require('core-js/modules/es.string.starts-with.js'), require('date-fns/format'), require('core-js/modules/es.string.trim.js'), require('core-js/modules/es.regexp.constructor.js'), require('core-js/modules/es.regexp.exec.js'), require('formik'), require('core-js/modules/es.string.replace.js'), require('core-js/modules/web.url.js'), require('core-js/modules/web.url.to-json.js'), require('core-js/modules/web.url-search-params.js'), require('zustand'), 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'), require('core-js/modules/es.array.sort.js')) :
+  typeof define === 'function' && define.amd ? define(['exports', 'core-js/modules/es.object.assign.js', 'react', 'core-js/modules/es.array.includes.js', 'core-js/modules/es.array.iterator.js', 'core-js/modules/es.string.includes.js', 'core-js/modules/web.dom-collections.iterator.js', 'core-js/modules/es.regexp.to-string.js', 'app-studio', 'core-js/modules/es.symbol.description.js', 'core-js/modules/es.parse-float.js', 'core-js/modules/es.string.trim-end.js', 'core-js/modules/es.parse-int.js', 'react-router-dom', 'core-js/modules/es.string.ends-with.js', 'contrast', 'core-js/modules/es.promise.js', 'core-js/modules/es.array.reduce.js', 'core-js/modules/es.number.to-fixed.js', 'core-js/modules/es.string.starts-with.js', 'date-fns/format', 'core-js/modules/es.string.trim.js', 'core-js/modules/es.regexp.constructor.js', 'core-js/modules/es.regexp.exec.js', 'formik', 'core-js/modules/es.string.replace.js', 'core-js/modules/web.url.js', 'core-js/modules/web.url.to-json.js', 'core-js/modules/web.url-search-params.js', 'zustand', 'core-js/modules/es.string.match.js', 'core-js/modules/es.string.search.js', 'core-js/modules/es.array.flat-map.js', 'core-js/modules/es.array.unscopables.flat-map.js', 'core-js/modules/es.array.sort.js'], factory) :
+  (global = global || self, factory(global['@app-studio/web'] = {}, null, global.React, null, null, null, null, null, global.appStudio, null, null, null, null, global.reactRouterDom, null, global.contrast, null, null, null, null, global.format, null, null, null, global.formik, null, null, null, null, global.zustand));
+}(this, (function (exports, es_object_assign_js, React, es_array_includes_js, es_array_iterator_js, es_string_includes_js, web_domCollections_iterator_js, es_regexp_toString_js, appStudio, es_symbol_description_js, es_parseFloat_js, es_string_trimEnd_js, es_parseInt_js, reactRouterDom, es_string_endsWith_js, contrast, es_promise_js, es_array_reduce_js, es_number_toFixed_js, es_string_startsWith_js, format, es_string_trim_js, es_regexp_constructor_js, es_regexp_exec_js, formik, es_string_replace_js, web_url_js, web_url_toJson_js, web_urlSearchParams_js, zustand) { 'use strict';
 
   var React__default = 'default' in React ? React['default'] : React;
   contrast = contrast && Object.prototype.hasOwnProperty.call(contrast, 'default') ? contrast['default'] : contrast;
@@ -28388,7 +28388,7 @@
     }, 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
    *
@@ -28406,6 +28406,10 @@
         enableAudioRecording = false,
         enableVideoRecording = false,
         views,
+        containerProps,
+        colorScheme = 'blue',
+        compact = false,
+        rounded = true,
         ariaLabel = 'Agent Chat',
         ariaDescribedBy,
         // State from hook
@@ -28439,7 +28443,7 @@
      * 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);
         }
@@ -28461,7 +28465,37 @@
       selectedFiles.forEach(file => URL.revokeObjectURL(file.url));
       setSelectedFiles([]);
     };
-    return /*#__PURE__*/React__default.createElement(appStudio.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__default.createElement(appStudio.View, Object.assign({}, DefaultAgentChatStyles.container, getThemeStyles(), containerProps, views == null ? void 0 : views.container, props, {
       "aria-label": ariaLabel,
       "aria-describedby": ariaDescribedBy
     }), /*#__PURE__*/React__default.createElement(appStudio.View, Object.assign({}, DefaultAgentChatStyles.header, views == null ? void 0 : views.header), /*#__PURE__*/React__default.createElement(appStudio.Horizontal, {
@@ -29447,7 +29481,7 @@
     }, "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
    *
@@ -29467,6 +29501,10 @@
         showRefreshButton = true,
         compactMode = false,
         views,
+        containerProps,
+        colorScheme = 'blue',
+        layout = 'list',
+        showPreviews = true,
         ariaLabel = 'Agent Session Manager',
         ariaDescribedBy,
         // State from hook
@@ -29550,7 +29588,45 @@
         minute: '2-digit'
       });
     };
-    return /*#__PURE__*/React__default.createElement(appStudio.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__default.createElement(appStudio.View, Object.assign({}, DefaultAgentSessionStyles.container, getThemeStyles(), containerProps, views == null ? void 0 : views.container, props, {
       "aria-label": ariaLabel,
       "aria-describedby": ariaDescribedBy
     }), /*#__PURE__*/React__default.createElement(appStudio.View, Object.assign({}, DefaultAgentSessionStyles.header, views == null ? void 0 : views.header), /*#__PURE__*/React__default.createElement(appStudio.Horizontal, {
@@ -31270,7 +31346,7 @@
       fontSize: "sm",
       fontWeight: "600",
       color: "color.gray.700"
-    }, "Visualization Type"), /*#__PURE__*/React__default.createElement(components.Select, {
+    }, "Visualization Type"), /*#__PURE__*/React__default.createElement(Select, {
       value: visualizationType,
       onChange: onVisualizationChange,
       options: [{